Test your knowledge: HTML Foundations

A short assessment covering semantic document structure, paragraphs, lists, images, tables, and the separation of content from presentation.

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 Foundations

A short assessment covering semantic document structure, paragraphs, lists, images, tables, and the separation of content from presentation.

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 element provides the document’s visible top-level heading in the page content?

Distinguish visible document content from metadata in the document head.

Answer options A <title> B <h1> C <meta> D <head>

<h1> is the document’s highest-level heading in visible page content; <title> supplies the document title metadata.

Review this lesson

Question 2 of 6

Which element is intended for a distinct paragraph of prose content?

Choose the element whose semantics describe a paragraph rather than a break or generic inline container.

Answer options A <br> B <span> C <p> D <hr>

<p> represents a paragraph of prose; <br> represents a line break and <span> is a generic inline container.

Review this lesson

Question 3 of 6

When a group of related items is naturally presented as a list, which element is designed to contain an unordered list?

Look for the element whose name directly represents an unordered list.

Answer options A <ul> B <table> C <figure> D <details>

<ul> represents an unordered list, with its individual entries represented by <li> elements.

Review this lesson

Question 4 of 6

For an informative image that conveys meaning in a document, which attribute supplies alternative text for users who cannot perceive the image?

The attribute is specifically associated with alternative text for images.

Answer options A title B name C alt D caption

The alt attribute provides alternative text for an image when that alternative is needed.

Review this lesson

Question 5 of 6

What is the main semantic purpose of using a table for structured data?

Think about the relationship that rows and columns express.

Answer options A To create arbitrary page spacing B To represent relationships among rows and columns of data C To replace every list in a document D To make all text appear monospace

A table is appropriate when data has meaningful row-and-column relationships; it is not a general-purpose layout tool.

Review this lesson

Question 6 of 6

Where should a visual spacing decision such as adding margin between two content blocks normally belong?

Separate what the content means from how much visual space surrounds it.

Answer options A In semantic content structure B In CSS presentation C In an empty paragraph element D In the document URL

Visual spacing is a presentation concern and should normally be expressed with CSS rather than empty semantic content.

Review this lesson

Quiz results

0/0

Review

Which element provides the document’s visible top-level heading in the page content?
<h1> is the document’s highest-level heading in visible page content; <title> supplies the document title metadata.
Which element is intended for a distinct paragraph of prose content?
<p> represents a paragraph of prose; <br> represents a line break and <span> is a generic inline container.
When a group of related items is naturally presented as a list, which element is designed to contain an unordered list?
<ul> represents an unordered list, with its individual entries represented by <li> elements.
For an informative image that conveys meaning in a document, which attribute supplies alternative text for users who cannot perceive the image?
The alt attribute provides alternative text for an image when that alternative is needed.
What is the main semantic purpose of using a table for structured data?
A table is appropriate when data has meaningful row-and-column relationships; it is not a general-purpose layout tool.
Where should a visual spacing decision such as adding margin between two content blocks normally belong?
Visual spacing is a presentation concern and should normally be expressed with CSS rather than empty semantic content.

Back to lesson Next: