Formatting in HTML

What is the formatting? 

Formatting means organize things for better presentation.

 Formatting tags in HTML

Sample Output for bold and strong

Bold <b> V/S Strong <strong>

<b> Bold Text</b>
<strong> Strong Text</strong>


  • Both generates the same result but are semantically different.
  • Strong is used to mark the important text.
Sample output of <i> and <em> tag

Italic <i> V/s Emphasize <em>

<i> Italic Text </i>
<em> Emphasized Text </em>

Sample output of <u> and <ins> tag

Underline <u> v/S Insert <ins>

<u> Underline Text </u>
<ins> Insert Text </ins>

Sample output for <strike> and <del> tag

<strike> V/S <del>

<strike> Strike through text</strike>
<del> Deleted text </del>

Sample output for <sup> and <sub> tag

Superscript V/S Subscript

5 <sup>2</sup>
H <sub>2</sub>O

Sample output of center tag


<center>Center aligned text</center>

Font Tag

Sample output of font tag
    face = "arial"  
    color = "red"  
    size = "24px" >
      This is customized font text

Preformatted <pre> Tag

It is used to print the pre-formatted text.
Example-1: Sample output without pre-formatting



Example-2: Sample output with pre-formatting tag



Break Row <Br> Tag

Sample output of <br> tag.
  1. By default, a line is changed when one line is completely filled, this is called word wrapping.
  2. Before ending the line if you want to change the line then <br> tag can be used.
  3. <br> is an empty tag so no need to close explicitly.
  First line <br>
  Second line 

Horizontal Ruler <hr> Tag

Generates an horizontal line.
Sample output of <hr> tag

      First line <hr>
      Second line

Watch the video for Formatting in HTML


Popular posts from this blog

Program to calculate telephone bill

Overview of Go lang

Arrays in C Language

String in golang

Data Types in Go language

Say Hello world in Go lang

Installing go lang

Arrays in Go lang

Decision Making in Go lang

Creating your first html page