HTML
HTML defines the structure and meaning of web content.
Use HTML to describe what each part of a page is: headings, paragraphs, links, images, forms, lists, buttons, and sections.
Mental Model
HTML is not about visual styling. It is the semantic layer of a page.
Good HTML answers:
- what is this content?
- what is the hierarchy?
- what can the user interact with?
- what should the browser and assistive tools understand?
Common Elements
| Element | Use |
|---|---|
h1-h6 | page and section headings |
p | paragraph text |
a | link |
img | image |
button | action |
input | user input |
form | submitted input group |
section | meaningful page section |