Module 2: The Core Elements

Text & Meaning

Use <h1>–<h6> for headings, <p> for paragraphs, <strong> and <em> for emphasis, and <ul>/<ol> for lists.

<h1>Main Heading</h1>
<h2>Subheading</h2>
<p>This is a <strong>bold</strong> and <em>italic</em> word.</p>
<ul>
  <li>Espresso</li>
  <li>Latte</li>
</ul>

Visual Hierarchy

H1: Main Title

H2: Section

H3: Subsection

Paragraph with bold and italic.

Unordered list item
Another item

First
Second

Pro Tip

Use only one <h1> per page for SEO and accessibility.

Span

<span> is inline for fine-grained control without a new line.