• in
InterCourses
CoursesBlogs
0
← Introduction to HTML
○What Is HTML? See Tags in Action○Exercise: Build the Meridian Signal○Complete HTML5 Page Structure: See It in Action●Exercise: Build a Complete HTML5 Page✦Module Quiz
○Heading Hierarchy Demo: H1 and H2○Exercise: Extend the Signal Brief○Paragraphs and Inline Tags Demo○Exercise: Write Meridian's Survey Notes○List Types Demo: Steps, Items, and Terms○Exercise: Build a Crew member Loadout○Challenge: Transmit a Rescue Signal✦Module Quiz
○Hyperlinks○Images○Applying Styles to HTML✦Module Quiz
○Div and Span○HTML Tables○Classes and IDs○Review: Structured Profile✦Module Quiz
○Project 1 - Visiting Card Structure○Project 1 - Visiting Card Actions✦Module Quiz
○The Head Element and Page Title○Meta Tags○HTML Entities✦Module Quiz
○Form Basics Demo: Join the Meridian Relay○Exercise: Build a Night-Shift Check-In○Input Types Demo: Build a Mission Profile○Exercise: Record Beacon Maintenance○Choice Controls Demo: Select Training Modes○Exercise: Plan a Supply Pickup○Response Controls Demo: Send a Mission Reply○Exercise: Build a Rescue Dispatch Report○Challenge: Send an Emergency Beacon✦Module Quiz
○Project 2 - Contact Us Form Structure○Project 2 - Contact Us Form Actions✦Module Quiz
○Embedding Video○Embedding Audio○Iframes✦Module Quiz
○Semantic HTML Tags○Details, Figure, and Figcaption✦Module Quiz
○Project 3 - Resume Semantic Structure○Project 3 - Resume Links and Actions✦Module Quiz

Exercise: Build a Complete HTML5 Page

Mission

You have inspected a complete mission profile. The starter already has the doctype, English language, head, and body; fill in the missing content without removing that frame.

What you'll build

A complete HTML5 mission profile with a meaningful tab title, an English language declaration, visible profile content, and a source-only note.

Your Task

  1. Give the existing <title> element a meaningful, non-empty title.
  2. Add one non-empty <h1> inside <body> with a crew member's name.
  3. Add one non-empty <p> inside <body> describing that crew member.
  4. Add an HTML comment above the <h1>.

Checkpoint

Run the page. The document title is in the source (the embedded preview may not show a browser tab); the preview should show only the heading and paragraph. Open the source to confirm that the comment is present but not visible in the page.

Payoff

You have rebuilt the full structure behind a browser-ready HTML page. The next module expands the content you can place inside its body.

Hint 1
1 / 3
HINT 1

Keep <!DOCTYPE html> as the first line.

HINT 2

The title goes inside <head>; visible content belongs inside <body>.

HINT 3

A comment starts with <!-- and ends with -->.

Take the Quiz →
Loading editor…
READY
intercourses
html