• 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: Write Meridian's Survey Notes

Paragraphs, Emphasis, and Line Breaks

Mission

The Meridian crew is writing a flight log after the first controlled rooftop landing. Use paragraphs for the report, emphasis for the key move, strong text for the system update, and one deliberate line break for a radio-style sign-off.

What you'll build

A survey log with a heading, a two-sentence landing report, an emphasized phrase, a priority update, a line break, and a divider.

From the demo to your log

The preceding survey-log demo showed paragraphs with <em>, <strong>, and a <br> inside a transmission. Use the same tags for a different log entry. <p> groups prose; <em> emphasizes a phrase and <strong> marks important information. A <br> breaks a line inside a paragraph without starting a new one. Add <hr> between sections when the topic changes; both <br> and <hr> are void elements with no closing tag.

html
<p>The weather shifted <em>after sunset</em>.<br>Return to the landing site.</p>
<hr>
<p><strong>Priority: check the beacon.</strong></p>

Checkpoint

Run the page after each change. The first paragraph contains two lines, while the horizontal rule separates it from the second paragraph.

Your Task

The starter index.html has an empty body:

  1. Add an <h1> naming the survey log.
  2. Add a first <p> with two sentences about the rooftop landing.
  3. Emphasize a key phrase in the first paragraph with <em>.
  4. Add a second <p> with an important detail wrapped in <strong>.
  5. Add a <br> between the two sentences in the first paragraph.
  6. Add an <hr> between the first and second paragraphs.

Payoff

Your survey log now separates the landing report from the important update.

Hint 1
1 / 4
HINT 1

Use <p> for paragraphs. It automatically adds spacing before and after.

HINT 2

<em> adds emphasis (usually italic). <strong> adds strong importance (usually bold).

HINT 3

<br> is a void element — use it for a single line break inside a paragraph, not between paragraphs.

HINT 4
<hr> draws a visible divider between sections.
Loading editor…
READY
intercourses
html