Example

From document scaffold to visible content

Separate head metadata from body content, then inspect the difference between a tab title and a visible heading.

Beginner2 min readLearn · Practice · Review

Published by HTML Code Runner · AI-assisted material · Independent editorial review pending · Editorial policy

On this page

Understand the source

This focused preview contains the body region of a library page. A complete standalone page also needs its document declaration, html language, head metadata, and body wrapper. The full structure lesson provides that scaffold; this example keeps the visible content easy to identify.

<main>
  <h1>Neighborhood library</h1>
  <p>Open Tuesday to Saturday.</p>
</main>

Expected output

The library name appears as a heading and the opening information appears below it. Metadata such as the title element is not a paragraph in that output. The playground supplies a containing document, so use Download and inspect the generated source when comparing it with a hand-authored complete file.

Make a deliberate change

Change the opening sentence to include a second day, then add an h2 named Membership. Write a short paragraph below it. In a separate local file, give the tab a title that identifies this particular library page rather than using a generic label such as Home.

Review the behavior

Check the visible heading and the tab title independently. A correct h1 does not make a missing document title acceptable. Developer tools may show elements inserted by the parser; compare that tree with the original response when you investigate unexpected structure.

Read the full explanation and expected output