HTML Text Formatting

❮ Previous Next ❯

HTML comprises numerous tags to designed text with specific meanings. These elements allow us to structure and format the content in a way that conveys its significance and context.

HTML Formatting Elements

Formatting elements in HTML were created to present specific types of text with distinct styles and appearances. These elements enable us to emphasize, highlight, or stylize content to enhance its visual presentation:

 - Bold text
 - Important text
 - Italic text
 - Emphasized text
 - Marked text
 - Smaller text
<del> - Deleted text
<ins> - Inserted text
 - Subscript text
 - Superscript text

HTML and Elements

The HTML  element is utilized to display text in a bold format, but it does not carry any extra meaning or importance.

The HTML  element is used to emphasize text with strong importance. Usually, the content inside this element is displayed in bold to visually highlight its significance.

HTML and Elements

The HTML  element is used to represent a portion of text with an alternate voice or mood. Generally, the content inside this element is displayed in italic format. This tag is commonly used to denote a technical term, a phrase from another language, a thought, a ship name, or similar expressions.

The HTML  element is used to signify emphasized text. The content within this element is typically displayed in italic format. Notably, when read by a screen reader, the words enclosed in  will be pronounced with verbal stress, adding emphasis to the text.

HTML Element

The HTML  tag is used to write smaller text:

HTML Element

The HTML  tag shows the text more prominent that should be marked or highlighted:

HTML <del> Element

The HTML <del>element is used to indicate text that has been removed or deleted from a document. In most cases, browsers will display the deleted text with a line through it to visually represent the removal./p>

HTML <ins> Element

The HTML <ins> element is utilized to indicate text that has been added or inserted into a document. Typically, browsers will display the inserted text with an underline to visually represent the addition.

HTML Element

The HTML  element is used to create subscript text. Subscript text is displayed half a character below the regular text line and may sometimes appear in a slightly smaller font. This element is commonly used for representing chemical formulas, such as H₂O:

HTML Element

The HTML  element is utilized for creating superscript text. Superscript text appears half a character above the regular text line and may sometimes be displayed in a slightly smaller font. This element is commonly employed for footnotes, such as WWW^[1]:

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <b>This text is bold</b>
    <strong>This text is strong</strong>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <b>This text is bold</b>
    <strong>This text is strong</strong>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <i>This text is italic</i>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <em>This text is emphasized</em>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <small>This is a smaller text.</small>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <p>Do not forget to practice <mark>HTML</mark> today. </p>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <p>My favorite color is <del>blue</del> red. </p>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <p>My favorite color is <del>blue</del>
      <ins>red</ins>.
    </p>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <p>This is <sub>subscripted</sub> text. </p>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <p>This is <sup>superscripted</sup> text. </p>
  </body>
</html>

❮ Previous Next ❯

HTML Basics

HTML Tags

HTML Attributes

HTML Graphics

HTML APIs

HTML DOM

HTML Audio/Video

HTML 5 MathML

HTML Text Formatting

HTML Formatting Elements

HTML <b> and <strong> Elements

HTML <i> and <em> Elements

HTML <small> Element

HTML <mark> Element

HTML <del> Element

HTML <ins> Element

HTML <sub> Element

HTML <sup> Element

Web Development