• 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

What Is HTML? See Tags in Action

Course context

You are the web-systems trainee aboard the survey vessel Meridian. The crew is building a small mission site for a newly discovered world. Each section adds one useful capability to that site; this first one makes a signal readable.

Mission

The bridge needs a short signal card. Run the completed example and compare the preview with the HTML that gives it structure.

What you'll see

A completed index.html page with a browser-tab title, one main heading, and two short signal paragraphs.

Read the demo code

html
<h1>Meridian Signal</h1>
<p>A transmission has arrived from the survey zone.</p>
<p>The bridge crew is preparing a response.</p>
  • <h1> marks the main heading and browsers display it prominently by default.
  • <p> marks a paragraph; browsers separate paragraphs by default.
  • <title> labels the browser tab but is not visible inside the page body.

Try the preview

Run the page. The first line is the prominent heading, and the two paragraphs appear as separate blocks. The <title> supplies Meridian Signal as the document title, although the embedded preview may not show a tab.

Checkpoint

You should be able to connect every visible part of the preview to its tag. For a safe experiment, change the heading text, rerun the preview, then restore it. The document title may not appear as a tab in the embedded preview.

Next

Continue to Exercise: Build the Meridian Signal and recreate the same structure from an empty body.

Hint 1
1 / 1
HINT 1

This is a completed demo. Read the code and use the preview before moving to the exercise.

Loading editor…
READY
intercourses
html