• 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

Paragraphs and Inline Tags Demo

Mission

The Meridian crew is logging a short survey update. Run the completed log to see how inline tags change the meaning or presentation of selected words within a paragraph.

What you'll see

A mission log using paragraphs plus <em>, <strong>, <b>, <i>, <u>, <small>, <mark>, <del>, <ins>, <sub>, and <sup>.

Read the code

html
<p><strong>Priority:</strong> keep the <em>survey channel</em> open.</p>
<p><b>Legacy bold</b>, <i>legacy italic</i>, and <u>underlined text</u> are available.</p>
<p><small>Sensor note:</small> H<sub>2</sub>O and E = mc<sup>2</sup>.</p>
<p><mark>Review this reading.</mark> <del>Old course</del> <ins>New course</ins></p>

<em> and <strong> describe emphasis and importance. <b>, <i>, and <u> are presentation-oriented tags retained from older HTML; they remain valid, but modern pages normally use CSS when the goal is purely visual bold, italic, or underlined styling. Use semantic tags when the text itself is important or emphasized.

<small>, <sub>, and <sup> still express useful text relationships: a note, subscript, and superscript. <mark>, <del>, and <ins> show highlighted, removed, and added text.

Try the preview

Run the page. Notice that every example remains inside an ordinary paragraph; the inline tag changes only the selected phrase instead of creating a new block.

Checkpoint

Try removing the <br> from the first paragraph and rerun to see how the lines flow, then restore it. Notice which tags carry meaning (<em>, <strong>, <del>, <ins>) and which visual effects are usually better controlled with CSS (<b>, <i>, <u>).

Next

Continue to Exercise: Write a Mission Log and use paragraphs, emphasis, strong text, a line break, and a divider yourself.

Hint 1
1 / 1
HINT 1

This is a completed demo. Run the preview, then inspect each inline tag in the source.

Loading editor…
READY
intercourses
html