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>