HTML Formatting Tags

Enhance your content's structure and meaning

<b> Bold Text </b>

Used to make text stand out visually without conveying extra importance.

<p>This text is <b>very important</b> to highlight.</p>
<strong> Strong Importance </strong>

Indicates that the text has strong importance, seriousness, or urgency. Often rendered as bold.

<p>Please <strong>do not touch</strong> the wet paint.</p>
<i> Italic Text </i>

Used for alternative voice or mood, such as technical terms, foreign phrases, or thoughts. Often rendered as italic.

<p>The word <i>rendezvous</i> is French.</p>
<em> Emphasis </em>

Indicates emphasis on a word or phrase. Often rendered as italic.

<p>I <em>will</em> definitely finish this task.</p>
<u> Underlined Text </u>

Used for text that should be visually distinct but not necessarily important or emphasized. Avoid overuse as it can be confused with links.

<p>This is a <u>special announcement</u>.</p>
<mark> Marked Text </mark>

Represents text marked or highlighted for reference or notation purposes, like a highlighter.

<p>Remember to buy <mark>milk</mark> and <mark>bread</mark>.</p>
<small> Small Text </small>

Represents side comments or small print, like copyright notices or legal disclaimers.

<p>© 2023 <small>My Website Inc.</small></p>
<sub> Subscript </sub>

Defines subscript text, typically used for chemical formulas or mathematical notations.

<p>Water formula: H<sub>2</sub>O</p>
<sup> Superscript </sup>

Defines superscript text, used for footnotes, exponents, or ordinal numbers.

<p>E = mc<sup>2</sup></p>
<del> Deleted Text </del>

Represents text that has been deleted from a document. Usually rendered with a strikethrough.

<p>The old price was <del>$100</del> now it's $80.</p>
<ins> Inserted Text </ins>

Represents text that has been inserted into a document. Often rendered as underlined.

<p>The correct answer is <ins>42</ins>.</p>
<code> Code Snippet </code>

Represents a fragment of computer code. Typically rendered in a monospaced font.

<p>Use the <code>print()</code> function.</p>
<pre> Preformatted Text </pre>

Defines preformatted text that preserves spaces and line breaks as written in the HTML.

<pre> function greet(name) { console.log("Hello, " + name); } </pre>