Fonts

Makes text bold (visual only, no semantic meaning).

<b>Bold text</b>

Semantically important bold text.

<strong>Important text</strong>

Makes text italic (visual only, no semantic meaning).

<i>Italic text</i>

Semantically important italic text.

<em>Emphasized text</em>

Adds an underline to the text.

<u>Underlined text</u>

Highlighted text

<mark>Highlighted text</mark>

Renders smaller text.

<small>Smaller text</small>

Subscript (text below the line).

x<sup>2</sup>

Strikethrough text (shows as deleted).

<del>Deleted text</del>

Underlined text (indicates inserted content).

<ins>Inserted text</ins>

Abbreviation; shows full form on hover.

<abbr title="Cascading Style Sheets">CSS</abbr>

Monospaced font for code snippets.

<code>let x = 10;</code>

Preserves spacing and line breaks; monospaced font.

<pre>
  Line 1
  Line 2
</pre>

Represents keyboard input in monospace.

<kbd>Ctrl + C</kbd>

Sample output text from a program.

<samp>Output message</samp>

Represents a variable (italic by default).

<var>x</var>

Block-level quote with indentation.

<blockquote>This is a long quotation.</blockquote>

Short inline quote (adds quotation marks automatically).

<q>Short quote</q>