+1
CodEngine
LEVEL UP YOUR CRAFT
Home
About
Lessons
Features
Contact
Login
Menu
Home
/
Learning Tracks
/
HTML for QA
HTML for QA
Lab 01 — HTML, the DOM, and how QA reads a page
Learn 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 Interaction
Study `<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 Dropdowns
Cover 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 Attributes
See 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 Selectors
Understand 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 Analysis
Walk through production-style login markup, map elements to test goals, and compare Selenium-style locators: By ID, CSS, `data-testid`, and XPath.