HTML for QA

Lab 01 — HTML, the DOM, and how QA reads a pageLearn what HTML is, how a document is built (`html`, `head`, `body`), and the tags you see on every app: headings, buttons, links, images, and containers.

Lesson 2 — Forms, Inputs, and User InteractionStudy `<form>`, input types, placeholders, disabled state, checkboxes, radios, labels, and what QA checks on real login and checkout flows.

Lesson 3 — Lists, Tables, and Select DropdownsCover ordered and nested lists, `<select>` / `<option>`, and table markup (`table`, `tr`, `th`, `td`) used in dashboards and admin panels.

Lesson 4 — class, id, and HTML AttributesSee how attributes decorate elements — unique `id`, reusable `class`, `name`, custom `data-*`, `data-testid`, and accessibility labels like `aria-label`.

Lesson 5 — DOM, XPath, and CSS SelectorsUnderstand the DOM as a parent/child tree, then practice XPath and CSS patterns to find buttons, inputs, and nested elements in automation.

Lesson 6 — Real QA HTML AnalysisWalk through production-style login markup, map elements to test goals, and compare Selenium-style locators: By ID, CSS, `data-testid`, and XPath.