Formatting Tags

HTML has a few in-line text tags that are rendered in the browser as basic text effects (like bold or italic text). These tags can style the basics of a webpage’s content.

Strongly Important (Bold) and Emphasized (Italic) Text

The strong text tag is used to denote that certain words or phrases within a paragraph (or any chunk of text) are strongly important. By default, the browser displays strong text as bold.

The emphasized text tag is used to emphasize certain words or phrases within a paragraph or any chunk of text. By default, the browser displays emphasized text as italic.

Caution: Some older textbooks use the tags bi, and u to create bold, italic, and underlined text. These tags are rendered the same way by the browser, but have slightly different meanings. Using the strong tag rather than b is considered more correct, because the browser understands that it should be considered important (this conveys real meaning about the data) rather than merely bold (this is simply typographical). The same is true for the other tags. In general, do not use the bi, and u tags.

Example

The following code:

<p>
    This text is <strong>very important</strong>, while this is <em>emphasized</em>.
</p>

Would produce the following result:

This text is very important, while this is emphasized.

Inserted (Underlined) and Deleted (Strikethrough) Text

The inserted text tag is used to denote that certain words or phrases within a paragraph (or any chunk of text) that have been inserted into a document (often to denote recent changes). This tag is often used as a way of displaying underlined text, because that is how most browsers display inserted text by default.

The deleted text tag is used to denote that certain words or phrases within a paragraph (or any chunk of text) have been replaced or are otherwise defunct. By default, the browser displays deleted text with a line through it.

Example:

The following code:

<p>
    Inserted text appears <ins>underlined</ins>; however, deleted text has a <del>line
    through it</del>.
</p>

Would produce the following result:

Inserted text appears underlined; however, deleted text has a line through it.

Subscript and Superscript

The Subscript Tag is a typographical tag used to render text which is slightly smaller with a lowered baseline. The Superscript Tag is used for text which is slightly smaller with a raised baseline. These are often useful when typing mathematical formulas or similar data, or creating footnote citations.

Example:

The following code:

<p>
    When converting between decimal and binary, it is helpful to know that 2<sup>10</sup> 
    = 1024. The number 26<sub>10</sub> (base 10) is equal to 00011010<sub>2</sub> (base 2).
</p>

Would produce the following result:

When converting between decimal and binary, it is helpful to know that 210 = 1024. The number 2610 (base 10) is equal to 000110102 (base 2).

Summary

Tag NameTag DescriptionTag TypeDisplay TypeRequired AttributesSpecial Attributes
strongThe strong text tag designates text that is strongly important.Pairedin-linen/an/a
emThe emphasized text tag designates text that is important to be emphasized.Pairedin-linen/an/a
insThe inserted text tag designates text that is underlined.Pairedin-linen/an/a
delThe deleted text tag designates text that has a strike through line.Pairedin-linen/an/a
supThe superscript tag designates text that is slightly smaller and raised above normal text.Pairedin-linen/an/a
subThe subscript tag designates text that is slightly smaller and lowered below normal text.Pairedin-linen/an/a