HTML Formatting Tags

HTML Formatting Tags are used to change appearance of text for better look and feel than the default text. The formatting tags can make text bold, italic, underlined, etc.

All the formatting tags are paired tags. Anything written between any formatting tag will be displayed according to the tag in the browser. For example, anything written between <b> and </b> will display as bold text in the browser.

There are different tags for various formatting tags. Each Tag has its own type of formatting associated with it.

Some HTML Formatting tags are:

HTML Bold Tag

The HTML <b> Tag defines bold text. Bold text is wider and darker text than the default text, without any extra importance to the browser. Look at the example below.

<p>
    <b>HTML (HyperText Markup Language)</b> is the code that is used to structure a web page and its content.
</p>

Output

HTML Strong Tag

The HTML <strong> Tag displays same formatting like a <b> tag. But the Strong text has some importance to the browser and search engines. It is always recommended to write keywords within <strong> Tag to give them extra importance.

<p>
    <strong>HTML (HyperText Markup Language)</strong> is the code that is used to structure a web page and its content.
</p>

Output

HTML Italic Tag

The HTML <i> Tag defines italic text. This type of formatting displays cursive font based text that slant slightly to the right.

<p>
    <i>HTML (HyperText Markup Language)</i> is the code that is used to structure a web page and its content.
</p>

Output

HTML Underlined Tag

The HTML <u> Tag defines Underlined text. All the text within the <u> and </u> tags will have an underline throughout.

Underlined Text is used to draw attention of the user and is a default formatting for a hyperlinked text.

<p>
    <u>HTML (HyperText Markup Language)</u> is the code that is used to structure a web page and its content.
</p>

Output

HTML Small Tag

The HTML <small> Tag defines small text. This text is used for some side commenting or to write some copyright information.

<p>
    <small>HTML (HyperText Markup Language)</small> is the code that is used to structure a web page and its content.
</p>

Output

HTML Big Tag

The HTML <big> element defines BIG text

<p>
    <big>HTML (HyperText Markup Language)</big> is the code that is used to structure a web page and its content.
</p>

Output

HTML Marked Tag

The HTML <mark> Tag defines Highlighted text. The text will have a background color and represent relevancy in an HTML document.

<p>
    <mark>HTML (HyperText Markup Language)</mark> is the code that is used to structure a web page and its content.
</p>

Output

HTML Emphasized Tag

The HTML <em> element defines Emphasized text. It will give the text the same Italic formatting. This tag is important for screen readers. The screen readers give extra emphasize on this type of text and read it with verbal stress.

<p>
    <em>HTML (HyperText Markup Language)</em> is the code that is used to structure a web page and its content.
</p>

Output

HTML Deleted Tag

The HTML <del> element defines Deleted text. This displays Text with a line strike.

<p>
    <del>HTML (HyperText Markup Language)</del> is the code that is used to structure a web page and its content.
</p>

Output

HTML Inserted Tag

The HTML <ins> element defines inserted (added) text. It gives the underlined formatting to the text. It is used in combination with deleted text.

<p>
    <ins>HTML (HyperText Markup Language)</ins> is the code that is used to structure a web page and its content.
</p>

Output

HTML Subscripted Tag

The HTML <sub> element defines _subscripted text. This type of text is small in size and is placed slightly below the normal line of text.

<p>
    HTML <sub>(HyperText Markup Language)</sub> is the code that is used to structure a web page and its content.
</p>

Output

HTML Superscripted Tag

The HTML <sup> element defines ^{superscripted} text. It also dispalys very small text like subscript, but here, the text is placed slightly above the normal line of text.

<p>
    HTML <sup>(HyperText Markup Language)</sup> is the code that is used to structure a web page and its content.
</p>

Output