Text and meaning

Practice: add readable content

Turn the empty personal page into a readable document using headings, paragraphs, lists, emphasis, a quotation, and code.

15 minute lesson

~~~

Open the index.html file you created in the previous practice.

Keep the existing h1. Under it, add two sections of content using h2 headings.

The first section can introduce you:

<h2>About me</h2>
<p>
  I am learning <strong>HTML</strong> so I can build pages
  that work for everyone.
</p>

The second can list what you are learning:

<h2>What I am learning</h2>
<ul>
  <li>How browsers request a page</li>
  <li>How HTML describes content</li>
  <li>How to choose meaningful elements</li>
</ul>

Add one short quotation you like. Use blockquote for the quotation and cite for its source.

Then mention one HTML element inside a paragraph. Use code around the element name:

<p>The <code>h1</code> element contains the page heading.</p>

Use your own words. The example is a starting point, not a template you must copy.

Read the outline

Ignore the visual size of the text for a moment. Read only the headings:

  1. page title
  2. About me
  3. What I am learning

Do they describe the page in the right order? If not, fix the headings before changing anything else.

Done when

Your page is understandable as plain text and uses elements for meaning, not appearance.

Lesson completed