HTML Text Formatting

2
68

Text Formatting

This text is bold
This text is italic
This is subscript and superscript

HTML Formatting Elements

In the previous chapter, you learned about the HTML style attribute.
HTML also defines special elements for defining text with a special meaning.
HTML uses elements like <b> and <i> for formatting output, like bold or italic text.
Formatting elements were designed to display special types of text:

  • <b> – Bold text
  • <strong> – Important text
  • <i> – Italic text
  • <em> – Emphasized text
  • <mark> – Marked text
  • <small> – Small text
  • <del> – Deleted text
  • <ins> – Inserted text
  • <sub> – Subscript text
  • <sup> – Superscript text

HTML <b> and <strong> Elements

The HTML <b> element defines bold text, without any extra importance.

Example

<b>This text is bold</b>
The HTML <strong> element defines strong text, with added semantic “strong” importance.

Example

<strong>This text is strong</strong>

HTML <i> and <em> Elements

The HTML <i> element defines italic text, without any extra importance.

Example

<i>This text is italic</i>

 

 

The HTML <em> element defines emphasized text, with added semantic importance.

Example

<em>This text is emphasized</em>
Note: Browsers display <strong> as <b>, and <em> as <i>. However, there is a difference in the meaning of these tags: <b> and <i> defines bold and italic text, but <strong> and <em> means that the text is “important”.

HTML <small> Element

The HTML <small> element defines smaller text:

Example

<h2>HTML <small>Small</small> Formatting</h2> 

HTML <del> Element

The HTML <del> element defines
deleted(removed) text.

Example

<p>My favorite color is <del>blue</del> red.</p>

HTML <ins> Element

The HTML <ins> element defines
inserted(added) text.

Example

<p>My favorite <ins>color</ins> is red.</p>

HTML <sub> Element

The HTML <sub> element defines subscripted text.

Example

<p>This is <sub>subscripted</sub> text.</p>

HTML <sup> Element

The HTML <sup> element defines superscripted text.

Example

<p>This is <sup>superscripted</sup> text.</p    

HTML Text Formatting Elements

Tag Description
<b>               Defines bold text
<em>               Defines emphasized text 
<i>               Defines italic text
<small>               Defines smaller text
<strong>              Defines important text
<sub>              Defines subscripted text
<sup>              Defines superscripted text
<ins>             Defines inserted text
<del>             Defines deleted text
<mark>             Defines marked/highlighted text

 

Previous articleCSS COLORS
Next articleHTML Quotation and Citation Elements
Samuel Adesanya
My name is Samuel Oluwatosin Adesanya from Lagos Island, Nigeria. I am WordPress Developer, Graphics Designer and a Social Media Manager. Currently working as a Social Media Manager and Instructor for BitVal Learning Services, I am also available to work remotely for any IT positions. I am a translator that is very conversant with English, French, Korean, Arabic and Turkish Language. I also run advert across all social media platforms and register business presence online, currently running and building my learning platform; https://www.bitvaltrades.com

2 Comments

  1. Did you know there is a 12 word phrase you can communicate to your partner… that will induce intense emotions of love and impulsive appeal for you deep within his heart?

    That's because hidden in these 12 words is a "secret signal" that fuels a man's impulse to love, treasure and look after you with his entire heart…

    ===> 12 Words Will Trigger A Man's Desire Instinct

    This impulse is so built-in to a man's mind that it will drive him to work better than ever before to to be the best lover he can be.

    As a matter of fact, fueling this dominant impulse is absolutely mandatory to getting the best possible relationship with your man that once you send your man a "Secret Signal"…

    …You'll immediately find him expose his mind and soul to you in a way he's never experienced before and he will recognize you as the one and only woman in the galaxy who has ever truly attracted him.

Leave A Reply

Please enter your comment!
Please enter your name here