Now that you know HTML document structure, let's add actual content! The most common content on any website is text - and HTML has specific tags for organizing it.
Just like a book has chapters and paragraphs, HTML uses headings and paragraphs to structure text.
Engagement Message
What two HTML elements help arrange text so web pages are easy to read?
HTML provides six levels of headings: <h1>
, <h2>
, <h3>
, <h4>
, <h5>
, and <h6>
. Think of them like an outline - h1 is the biggest, most important heading.
<h1>
is for main titles, <h2>
for major sections, <h3>
for subsections, and so on.
Engagement Message
Which heading tag would you use for the main title of your webpage?
Here's how heading sizes typically look:
<h1>Main Title</h1>
- Largest
<h2>Section Title</h2>
- Large
<h3>Subsection</h3>
- Medium
