Lesson 14 of 15

Article & Section

Article and Section

<article> — a self-contained piece of content that makes sense on its own:

  • Blog posts
  • News articles
  • Forum posts
  • Product cards

<section> — a thematic grouping within a page or article:

  • Chapters of a document
  • Introduction, body, conclusion
  • Feature sections on a landing page
<article>
  <h2>My Blog Post</h2>
  <section>
    <h3>Introduction</h3>
    <p>This post covers...</p>
  </section>
  <section>
    <h3>Main Content</h3>
    <p>The key ideas are...</p>
  </section>
</article>

The difference: <article> is for content that could stand alone (be syndicated). <section> is for organizing content within a page.

Your Task

Create an <article> with a title and at least 2 <section> elements, each with a heading and paragraph.

HTML preview loading...
Loading...
Click "Run" to execute your code.