Chapter 1 — HTML Structure and Controls

Learn what HTML alone contributes before presentation and layout are added.

Learning goals

  • Write a valid document structure.
  • Use headings to create hierarchy.
  • Use images, inputs, buttons, and divs.
  • Write useful image alternative text.

Read the Phase 1 gauge

Lessons

  1. 1. Login — basic inputs and buttons
  2. 2. Profile — headings, image, and grouped information
  3. 3. Products — repeated content blocks
  4. 4. Survey — radio buttons and checkboxes
  5. 5. Gallery — meaningful image alternatives
  6. 6. Settings — varied input types

Checkpoint

Create one new page using only the Phase 1 gauge. Confirm that its meaning is understandable without CSS.