Html formatting tags and formatting tags in html

In this article we re discussing about Html formatting tags and formatting tags in html, what is html formatting tage, how can we use html formatting tags.

HTML Formatting Tags Definition and Usage

  • These tags are used for the formatting of the text such as underline, bold, italic, font, size, color of the text.
  • If you want to read what you have written, then structuring your Character or text well is even more important on the Web.
  • This section will teach you basic text formatting elements such as heading, underline, bold, italic, font, size, color of the text.
  • HTML formatting tags use for formatting a text style. It will become necessary to make minor changes to the formatting of those elements.
Tag ListDescriptionExampleResults
<b>Displays bold text<b>Bold Text</b>Displays Bold Text
<big>Displays big text<big>Big Text</big>Displays Big Text
<bdo>Defines the direction of text display<bdo>Direction</bdo>Displays as Right to Left Direction ( Direction )
<center>Displays as<center>Center Text</center>Displays as
Center Text
<em>Displays emphasized text<em>Emphasized Text</em>Displays Emphasized Text
<font>Defines the font face, size, and color of text<font>font</font>Displays as font color font Text
<i>Displays italic text<i>Italic Text</i>Displays Italic Text
<small>Displays small text<small>Small Text</small>Displays Small Text
<strong>Displays strong text<strong>Strong Text</strong>Displays Strong Text
<sub>Displays subscripted text<sub>Subscript Text</sub>Displays Subscript Text
<sup>Displays superscripted text<sup>Superscript Text</sup>Displays Superscript Text
<del>

<s>

<strike>

Displays as

Displays as

Displays as

<del>Delete Text</del>

<s>Strike Text</s>

<strike>Strike Text</strike>

Displays as Delete Text

Displays as Strike Text

Displays as Strike Text

<u>Displays underlined text<u>Underline Text</u>Displays as Underline Text
<tt>Renders as teletype or mono spaced text<tt>Teletype Text</tt>Displays as Teletype Text
<blockquote>Displays as

Displays as

<blockquote>Long Quotation</blockquote>

<q>Short Quotation Text</q>

Displays as Long Quotation Text

Displays as Short Quotation Text

Example : HTML Text Formatting.

<html>
<head>
    <title> Html Text Formatting Examples </title>
</head> 
<body> 
    <!-- Now we are using Formatting tags -->
  <b> Bold text Formatting </b>
  
  <bdo dir="rtl"> Direction text Formatting </bdo>
  
  <big> Big text Formatting </big> 
  
  <center> Center text Formatting </center> 
  
  <em> em text Formatting </em>
  
  <font color="red"> font tag use for text Formatting color </font>
  
  <i> Italic text Formatting </i>
  
  <small> Small text Formatting</small>
  
  <strong> Strong text Formatting </strong>
  
  <sub> Sub text Formatting </sub>
  
  <sup> Sup text Formatting </sup>
  
  <del> Del text Formatting </del>
  
  <s> S text Formatting </s>
  
  <strike> Strike text Formatting </strike>
  
  <u> Underline text Formatting </u>
  
  <tt> Teletype text Formatting </tt>
  
  <blockquote> blockquote for long Quotation text Formatting </blockquote>
</body>
</html> 

Output :

Bold text Formatting

Direction text Formatting

Big text Formatting

Center text Formatting
em text Formatting

font tag use for text Formatting color

Italic text Formatting

Small text Formatting

Strong text Formatting

Sub text Formatting

Sup text Formatting

Del text Formatting

S text Formatting

Strike text Formatting

Underline text Formatting

Teletype text Formatting

blockquote for long Quotation text Formatting

Leave a Reply

Related Posts: You may like

html5 video tag Complete Guide

How to get multiple selected values of select box in php

Responsive contact form html css

How to increase size of radio button

PHPKIDA Offering Free Tools:

INSTA DOWNLOADER

Download Instagram Videos & Photos.

Download Now

CURRENCY CONVERTER

Real Time Currency Converter

Convert Now

ROBOST.TXT GEN.

Robots.txt File Creater

Create Now

HTML MINIFIER

Compress yout HTML Code

Minify Now

CSS MINIFIER

Compress yout CSS Code

Minify Now

JAVASCRIPT MINIFIER

Compress yout JavaScript Code

Minify Now

Sign up for weekly update

Milkshake is almost ready. If you're interested in testing it out, then sign up below to get exclusive access.