Section 1 - Instruction

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?

Section 2 - Instruction

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?

Section 3 - Instruction

Here's how heading sizes typically look:

<h1>Main Title</h1> - Largest
<h2>Section Title</h2> - Large
<h3>Subsection</h3> - Medium

Sign up
Join the 1M+ learners on CodeSignal
Be a part of our community of 1M+ users who develop and demonstrate their skills on CodeSignal