Summary - Article page

Combine headings, paragraphs and quotes to build an article page.

What we learned in this group

In this group you learned text content:

Headings: <h1>–<h6> for hierarchy
Paragraphs: <p> for text blocks
Line break and rule: <br> and <hr> (void elements)
Emphasis and meaning: <strong>, <em>, <mark>, <small>
Quotes and sources: <blockquote>, <q>, <cite>

Now we will combine them to build an article page.

Exercise Write an article page

Add an article page to body: an <h1> title (for example Garden Notes), a <p> intro paragraph, then a <blockquote> containing a <p> quote (with an <em> on the best), and finally a second <p> containing a <strong> (for example different).

Show example solution

<body>
  <h1>Garden Notes</h1>
  <p>A garden is a small corner of nature.</p>
  <blockquote>
    <p>Nature is <em>the best</em> teacher.</p>
  </blockquote>
  <p>Each season brings a <strong>different</strong> color.</p>
</body>

Test yourself

Match each tag to its role

<h1>

Main heading
<p>

Paragraph
<blockquote>

Block quote
<strong>

Important text
<br>

Line break

Close the cite tag

<blockquote>
  <p>Knowledge is power.</p>
  <cite>Francis Bacon____
</blockquote>

Show answer

<blockquote>
  <p>Knowledge is power.</p>
  <cite>Francis Bacon</cite>
</blockquote>

Next lesson: Project: About me page

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies