Headings, paragraphs, and text meaning

What you will build

Turn loose notes into scannable sections instead of enlarged text.

Understand the idea first

Text elements say what content means. Heading levels form an outline, paragraphs hold complete ideas, and time or code has distinct semantics.

Build it step by step

<article>
  <h2>Week 1: meeting HTML</h2>
  <p>This week I learned to organize content with headings and paragraphs.</p>

  <h3>Today's note</h3>
  <p>Completed: <time datetime="2026-09-21">September 21, 2026</time></p>
  <p>The usual file name is <code>index.html</code>.</p>
  <blockquote>Write the structure before styling it.</blockquote>
</article>

1. Place the article after the progress section.
2. Read only the headings; the outline should be h1 → h2 → h3.
3. Update both the visible date and its machine-readable value.
4. Split a paragraph when the subject changes; do not use repeated br tags.

Read the important lines

• Use one page-level h1, h2 for major sections, and h3 for their subsections.
• time supplies human and machine-readable dates.
• code marks code and blockquote marks a standalone quotation.

Common mistakes and what to check

Practice without copying

Add a subsection titled “Rules I forget” with an h3, one paragraph, and inline code.

Completion check

• My page contains the required new content
• I can explain the key tags or attributes without the answer
• I deliberately created and fixed at least one error