HTML5
HTML5

HTML Text Formatting

HTML has tags that give words meaning. <strong> marks text as important. <em> marks text as emphasized. These tags may look bold or italic in a browser, but their important job is meaning. You can also use tags such as <mark> for highlighted text, <small> for side information, <del> for deleted text, and <ins> for inserted text. Do not choose a semantic tag only because you want a visual effect. When the meaning matters, use the meaningful HTML element. When appearance is the goal, CSS can handle the design.

Why this matters

  • ·Meaningful formatting helps people understand important words.
  • ·Screen readers can use semantic meaning.
  • ·CSS can handle visual design separately.

Common mistakes

  • ·Using semantic tags only as decoration can make the markup less clear.
  • ·Too much bold or highlighting makes important content harder to notice.
  • ·Do not use formatting tags to replace proper headings.
Your codeHTML
Live preview

Frequently asked questions

It marks text as important.

Practice questions

Question 1

Write a sentence with one important word and one emphasized word.

Your codeHTML
Live preview

Question 2

Create old and new text using <del> and <ins>.

Your codeHTML
Live preview

Quick check

Just for this topic answer honestly, then check yourself.

1 / 3

Which tag marks important text?