Foxipa
/
HTML
/
HTML Exercises
/
HTML Quiz Exercises
/
Test your knowledge: HTML Headings

Quiz

Test your knowledge: HTML Headings

A short assessment covering heading levels, hierarchy, and semantic structure in HTML.

6 questions ~3 min Beginner

Quizzes

Test your knowledge: Paragraphs
Test your knowledge: HTML Headings
Test your knowledge: HTML Foundations

Knowledge check

Test your knowledge: HTML Headings

A short assessment covering heading levels, hierarchy, and semantic structure in HTML.

Stuck? Each question has an optional hint.
Skip a hard question and review it before your results.
Questions and answer options can shuffle between attempts.

You can retake this quiz whenever you like.

0:00

Question 1 of 6

Which HTML heading element represents the highest-level heading in the `h1` through `h6` sequence?

Compare the numeric levels from the beginning to the end of the heading sequence.

Answer options A <h6> B <h3> C <h1> D <header>

<h1> is the first and highest-level member of the h1–h6 heading sequence.

Review this lesson

Question 2 of 6

A document has a main topic with two major sections, and each major section has two subsections. Which heading sequence best expresses that hierarchy?

Choose the sequence where each level reflects one step deeper in the document structure.

Answer options A <h1> main, <h2> sections, <h3> subsections B <h1> main, <h3> sections, <h6> subsections C <h2> main, <h4> sections, <h1> subsections D <h1> main, <h1> sections, <h1> subsections

The main topic can be h1, its major sections h2, and their subsections h3, giving the levels a coherent hierarchy.

Review this lesson

Question 3 of 6

What is the primary reason to choose heading elements according to the structure of the document rather than only their visual size?

Focus on what a heading communicates to people and software beyond its visual styling.

Answer options A Heading elements communicate document hierarchy and meaning B Heading elements automatically create navigation menus in every browser C Heading elements prevent all CSS from changing their appearance D Heading elements are required for every line of visible text

Heading elements convey structural hierarchy, while CSS can control their visual appearance independently.

Review this lesson

Question 4 of 6

Two subsections belong directly to the same major section. If the major section is `<h2>`, which heading level is normally appropriate for both subsections?

A subsection should be one level deeper than the section that contains it.

Answer options A <h1> B <h2> C <h3> D <h6>

Both subsections are direct children in the heading hierarchy of the h2 section, so h3 expresses the next level.

Review this lesson

Question 5 of 6

Which statement best describes how to think about `<h1>` in a well-structured document?

Separate the document heading hierarchy from the browser tab or document metadata.

Answer options A It should be chosen for every visually prominent heading B It represents the document’s highest-level heading in the hierarchy C It is interchangeable with <title> because both define the page title D It should only be used when the page contains exactly one paragraph

<h1> is a heading in the document content hierarchy; it is not interchangeable with the document title metadata element.

Review this lesson

Question 6 of 6

Can an HTML heading contain inline content such as emphasis, links, or inline code when that content is appropriate?

Think about whether a heading is a text container or a special-purpose code-only element.

Answer options A Yes, headings can contain appropriate inline content B No, headings may contain only plain text characters C No, headings may contain only images D Yes, but only inside <h1> elements

Headings can contain appropriate phrasing content, including inline semantic elements, when it belongs in the heading.

Review this lesson

Quiz results

0/0

Review

Which HTML heading element represents the highest-level heading in the h1 through h6 sequence?
<h1> is the first and highest-level member of the h1–h6 heading sequence.
A document has a main topic with two major sections, and each major section has two subsections. Which heading sequence best expresses that hierarchy?
The main topic can be h1, its major sections h2, and their subsections h3, giving the levels a coherent hierarchy.
What is the primary reason to choose heading elements according to the structure of the document rather than only their visual size?
Heading elements convey structural hierarchy, while CSS can control their visual appearance independently.
Two subsections belong directly to the same major section. If the major section is <h2>, which heading level is normally appropriate for both subsections?
Both subsections are direct children in the heading hierarchy of the h2 section, so h3 expresses the next level.
Which statement best describes how to think about <h1> in a well-structured document?
<h1> is a heading in the document content hierarchy; it is not interchangeable with the document title metadata element.
Can an HTML heading contain inline content such as emphasis, links, or inline code when that content is appropriate?
Headings can contain appropriate phrasing content, including inline semantic elements, when it belongs in the heading.

Back to lesson Next:

Test your knowledge: HTML Headings

Test your knowledge: HTML Headings

Which HTML heading element represents the highest-level heading in the h1 through h6 sequence?

A document has a main topic with two major sections, and each major section has two subsections. Which heading sequence best expresses that hierarchy?

What is the primary reason to choose heading elements according to the structure of the document rather than only their visual size?

Two subsections belong directly to the same major section. If the major section is <h2>, which heading level is normally appropriate for both subsections?

Which statement best describes how to think about <h1> in a well-structured document?

Can an HTML heading contain inline content such as emphasis, links, or inline code when that content is appropriate?

Quiz results

Review

Which HTML heading element represents the highest-level heading in the `h1` through `h6` sequence?

Two subsections belong directly to the same major section. If the major section is `<h2>`, which heading level is normally appropriate for both subsections?

Which statement best describes how to think about `<h1>` in a well-structured document?