HTML basics
Documents, headings, paragraphs, lists, attributes, and readable markup.
What you will practice
Document shell; Page title and language; Heading hierarchy; Readable paragraphs.
Use the worked examples when needed, then test your understanding without them.
- 01HTML basics: Document shellThe doctype selects standards mode; html contains metadata in head and visible content in body.Practice
- 02HTML basics: Page title and languageA descriptive title names the browser tab; the lang attribute identifies the language of the document.Practice
- 03HTML basics: Heading hierarchyHeading levels describe nested sections, not a choice of font size.Practice
- 04HTML basics: Readable paragraphsA paragraph groups related sentences. Separate ideas deserve separate p elements rather than repeated line breaks.Practice
- 05HTML basics: Ordered task listsUse ol when the order of steps changes the meaning of the task.Practice
- 06HTML basics: Unordered feature listsUse ul for a set whose items have no required sequence.Practice
- 07HTML basics: Description listsA description list connects terms in dt to explanations in dd.Practice
- 08HTML basics: Emphasis and importanceem conveys stress emphasis; strong conveys importance, seriousness, or urgency. Neither is a generic styling hook.Practice
- 09HTML basics: Quoted contentblockquote identifies an extended quotation; cite names a work, not merely a person.Practice
- 10HTML basics: Dates and machine-readable timetime can display a friendly label while datetime supplies an unambiguous machine-readable date.Practice
- 11HTML basics: Data attributesdata-* attributes store page-specific information without pretending that it is visible text or a standard HTML behavior.Practice
- 12HTML basics: Reusable class namesClasses let multiple elements share presentation. IDs should identify a single element within a document.Practice