HTML Formatting

HTML formatting is a process of formatting the text for better look and feel. HTML provides the ability to format the text without using CSS. And we can also find different types of formatting tags in HTML. If you are using these tags we can make our text into bold, italics, or underlined.

HTML Formatting Tags

In HTML formatting tags are divided into two types. They are as follows: Physical tag and logical tag.

  • HTML Physical tag: The HTML physical tags are used to provide the visual appearance to the text.
  • HTML Logical tag: The HTML logical tags are used to add some logic (or) the semantic value to the text.

And now we are listing some of the HTML formatting tags and their description as follows:



Element Name Description
<b> It is a physical tag, which is used to bold the text written between it.
<strong> This is a logical tag, which tells the browser that the text is important
<i> A physical tag which is used to make the text italic
<mark> This tag is used to highlight text
<u>  Used to underline text written between it
<tt> This tag is used to appear a text in teletype. (not supported in HTML5)
<strike> used to draw a strikethrough on a section of text. (Not supported in HTML5)
<sup> Displays the content slightly above the normal line
<sub> It displays the content slightly below the normal line
<del> used to display the deleted content
<ins> This tag displays the content which is added
<big> It is used to increase the font size by one conventional unit
<small> It is used to decrease the font size by one unit from base font size

HTML Bold text

If you want to display your text in a bold font without any logical importance. You have to enclose the text between <b> ….</b>

Example:

<p><b> Hey Freshersnow!</b></p>

And in the same way, we can also use the strong tag, which is similar to the bold tag.

Example:

<p><strong> Freshersnow</strong></P>

Output:

Freshersnow

HTML Italic text

This HTML tag was a physical tag, which helps you to make the text into an italic format. You should enclose the tag as <i>…..</i>

Example:

<p><i> Freshersnow</i></p>

Output:

Freshersnow

HTML Underline text

While writing the text if you wish to highlight the text by using underline and make as important. Then you should use this underline tag. You should enclose the tag <u>……</u>

Example:

<p><u>freshersnow</u></p>

Output:

freshersnow

HTML Strike text

If you wish to strike through your text, then this strike tag is useful for formatting text. It appears in thin line striking over the text. You should enclose the tag as <strike>……</strike>

Example:

<p><strike>Hey this is freshersnow</strike></p>

Output:

Hey this is freshersnow

Monospaced Font

If you wish to have each element the same width then you should write the content with <tt>…..</tt>

Example:

<p>Hi<tt>welcome to freshersnow website</tt></p>

Output:

Hi welcome   to   freshersnow   website