Home / HTML / Character Format Tags

Character Format Tags

These tags are used for the formatting of the text such as underline, bold, italic, font, size, color of the text.
 
All these character formatting Tags are defined in the table shown below:
 
Char Format Tag Description
<b> Displays bold text
<i> Displays italic text
<tt> Renders as teletype or mono spaced text
<u> Displays underlined text
<em> Displays emphasized text
<big> Displays big text
<small> Displays small text
<strong> Displays strong text
<sub> Displays subscripted text
<sup> Displays superscripted text
<bdo> Defines the direction of text display
<font> Defines the font face, size, and color of text
 
 
<b> Tag
The <b> tag is used to make the text bold.
 
Format:
<b> …………….text………</b>
 
 
<i> Tag
The <i> tag displays the italic text.
 
Format:
<i> …………….text………</i>;
 
 
<tt> Tag
The <tt> tag displays the typewriter text.
 
Format:
<tt> …………….text………</tt>
 
 
<u> Tag
The <u> tag displays the underlined text.
 
Format:
<u> …………….text………</u>
 
 
<em> Tag
The <em> tag displays the emphasized text.
 
Format:
<em> …………….text………</em>
 
 
<big> Tag
The <big> tag displays the big text.
 
Format:
<big> …………….text………</big>
 
 
<small> Tag
The <small> tag displays the small text.
 
Format:
<small> …………….text………</small>
 
 
<strong> Tag
The <strong> tag displays strong text.
 
Format:
<strong> …………….text………</strong>
 
 
<sub> Tag
The <sub> tag displays text in subscripted format.
 
Format:
<sub> …………….text………</sub>
 
 
<sup> Tag
The <sup> tag displays superscripted text.
 
Format:
<sup> …………….text………</sup>
 
 
<bdo> Tag
The <bdo> tag defines the direction of the text.
 
Format:
<bdo> …………….text………</bdo>
 
 
<font> Tag
The <font> tag defines the font, color, size of the text.
 
Format:
<font face=”font_name” color=”color_name” size=”number”>……..text………</font>
 
Examples of the Text Formatting tags
 
Examples Outputs
<b>This text is bold</b> This text is bold
<strong> This text is strong </strong> This text is strong
<big> This text is big </big> This text is big
<em> This text is emphasized </em> This text is emphasized
<i> This text is italic </i> This text is italic
<small> This text is small </small> This text is small;
This text contains <sub> subscript </sub> This text contains subscript
This text contains <sup> superscript </sup> This text contains superscript
<u> this is underlined text </u> this is underlined text
<bdo dir=”rtl”>Here is some Hebrew text</bdo> Here is some Hebrew text
 
You have read all the basic tags, So now lets do some practical.
 
Just write/copy this example on any text editor new file and save the file and open in the browser and see how it looks.
 
Example:
<html>
<body>
<b>This text is bold</b>
<br>
<strong> This text is strong </strong>
<br>
<big> This text is big </big>
<br>
<em> This text is emphasized </em>
<br>
<i> This text is italic </i>
<br>
<small> This text is small </small>
<br>
<u> this is underlined text </u>
<br>
This text contains
<sub> subscript </sub>
<br>
This text contains
<sup> superscript </sup>
<br> The use of font tag
<font face=”arial” size=”3″ color=”green”>
this is use of font tag</font>
</body>
</html>
 
Page in browser will Look Like: