Text and Lists

Text Emphasis

Inline Elements Add Meaning

A short status note gains semantic inline elements that change both meaning and rendered emphasis.

Program

Inline text elements work inside a paragraph. They do not create a new region; they add meaning to the words they wrap.

text_emphasis.html
Visuals: captured from real browser rendering
<p>Build <strong>safe</strong> pages with <em>clear</em> structure.</p>
<p><mark>Review alt text</mark> before launch.</p>
<small>Updated today</small>

  1. Create the status paragraph.

    A plain sentence appears in the browser preview.
    The paragraph creates a text run in the document body.

  2. Mark the important word as strong.

    The word safe is bold inside the sentence.
    The strong element gives the word semantic importance.

  3. Emphasize the word clear.

    The word clear is italicized in the same paragraph.
    The em element changes the stress of the sentence.

  4. Highlight the review reminder.

    A highlighted Review alt text reminder appears below the first paragraph.
    The mark element calls attention to text that matters now.

  5. Add the low-priority update note.

    A smaller Updated today note appears under the paragraphs.
    Small text carries side comments or fine print.
strong Strong importance marks text that should stand out semantically, not only visually.
mark Marked text highlights a relevant phrase in the current context.