Headings (h1–h6) in HTML - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create the largest heading on the page.

HTML

<[1]>Welcome to my website</[1]>

Drag options to blanks, or click blank then click option'

Ah6

Bh3

Ch5

Dh1

Attempts:

3 left

💡 Hint

Common Mistakes

Using a smaller heading tag like h3 or h6 for the main title.

The h1 tag creates the largest heading, usually used for main titles.

2fill in blank

medium

Complete the code to create a subheading smaller than h2 but bigger than h4.

HTML

<[1]>Chapter 1: Introduction</[1]>

Drag options to blanks, or click blank then click option'

Ah6

Bh3

Ch5

Dh1

Attempts:

3 left

💡 Hint

Common Mistakes

Choosing h1 or h6 which are too big or too small for this subheading.

The h3 tag is smaller than h2 but larger than h4, perfect for subheadings.

3fill in blank

hard

Fix the error in the heading tag to properly close it.

HTML

<h2>About Us[1]

Drag options to blanks, or click blank then click option'

A</h2>

B</h3>

C<h2>

D</h1>

Attempts:

3 left

💡 Hint

Common Mistakes

Using a different heading level in the closing tag.

Forgetting the slash in the closing tag.

The closing tag must match the opening tag. Since the opening is h2, the closing must be .

4fill in blank

hard

Fill both blanks to create a section with a main heading and a smaller subheading.

HTML

<[1]>My Blog</[1]>
<[2]>Latest Posts</[2]>

Drag options to blanks, or click blank then click option'

Ah1

Bh2

Ch3

Dh4

Attempts:

3 left

💡 Hint

Common Mistakes

Using the same heading level for both titles.

Using a larger heading for the subheading.

The main heading uses h1 and the subheading uses h3 to show hierarchy.

5fill in blank

hard

Fill all three blanks to create a nested heading structure with decreasing sizes.

HTML

<[1]>Site Title</[1]>
<section>
  <[2]>Section Title</[2]>
  <article>
    <[3]>Article Title</[3]>
  </article>
</section>

Drag options to blanks, or click blank then click option'

Ah1

Bh2

Ch3

Dh4

Attempts:

3 left

💡 Hint

Common Mistakes

Using the same heading level for all titles.

Using a larger heading for nested content.

The largest heading is h1 for the site title, then h2 for the section, and h3 for the article, showing clear hierarchy.