HTML Quiz 1

<h1> The End of the World is Nigh </h1>

<article> Musings on our Current Social Predicament, by <em> Trans I. Tory </em> <p> Random content….</p> </article>

• Four

• Eight

• Two

• Three

Which code produces the output shown in the image below?

• 2⁵_{<small>8</small>}

• 2_{<small><small> 5</small></small>}⁸

• 2^{<small><small> 5</small></small>}₈

• 2^{<small><small> 8</small></small>}₅

Answer explanation

Correct

Repetition of the small tag is required to get the size reduction observed.

How do we use HTML elements in combination with each other?

• <p>Here's some text that <em>should be emphasized.</p></em>

• <p>Here's some text that </em>should be emphasized.</p></em>

• <p>Here's some text that <em>should</em> be emphasized.</p>

• <p>Here's some text that</p> <em>should</em> <p>be emphasized.</p>

Answer explanation

Correct

Tags need to nest smoothly. The emphasis is inside the paragraph, so the em tags are inside the p tags.

Which two elements are used to mark-up subscript and superscript text?

• <sub> and <sup>

• <subscript> and <superscript>

• <small> and <sup>

• <lower> and <raise>

Answer explanation

Correct

<sub> is for subscripts, like numbers in chemical formulas, and <sup> is for superscripts, like footnote markers.

Which HTML code snippet produces the output shown in this image?

• <p> This is a </p> demonstration <p> of the paragraph tag </p>.

• <p> This is a </p> demonstration <p> of the paragraph <p> tag </p> </p>.

• <p> This is a </p> demonstration <p> of the paragraph <p> tag. </p> </p>

• <p> This is a demonstration </p> of the paragraph <p> tag </p> .

Answer explanation

Correct

Count the lines of output.

When deciding which headline level to use (h1, h2, h3, h4, h5, h6) which of these statements is true?

• We can only use each level of headline exactly one time on each webpage.

• Every headline for a certain level will look like all the others — for instance, every h3 will look exactly like every other h3.

• We should use the level of headline that makes sense, based on the semantic meaning of content.

• We should adjust our headline levels based on how they look to give us the right size.

Answer explanation

Correct

Content works best when markup follows meaning.

Which markup is correct?

• <date time="2025-10-08">October 8, 2025</date>

• <date>October 8, 2025</date>

• <datetime time="2025-10-08">October 8, 2025</datetime>

• <time datetime="2025-10-08">October 8, 2025</time>

Answer explanation

Correct

Even when you're presenting a date, you should use the <time> element, with the datetime attribute specifying the formal date.

Which tag preserves the spaces, tabs, and line breaks within a piece of text so a poem or piece of code can be presented faithfully?

• <code>

• <pre>

• <br>

• <p>

Answer explanation

Correct

The `<pre>` tag preserves formatting.

How does the break tag differ from most other inline and block tags?

• It does not require less than or greater than symbols to enclose it.

• It does not require a closing tag.

• It can be used for hyphenation.

• It can only be used within a paragraph.

Answer explanation

Correct

The break tag can occur all by itself.

When we want to convey importance, seriousness, or urgency, which element do we use?

• <strong>

• <i>

• <b>

• <important>

Answer explanation

Correct

The <strong> element is meant for importance.