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

Tools:

Crypto Currency

PHPKIDA provides free online the best real-time crypto market price, news, predictions, index with graphs & historical data for 2000+ coins including bitcoin, ethereum, & altcoins from major cryptocurrency exchanges.

Visite Tool

Icon Generator

PHPKIDA provides free online icon generator. Our icon generator help you to edit, modify, resize and customize icon for your website and applications. Convert to a shap you like add icon border, you can change icon border color, border size, background color, icon shadow, icons color, icon size in your own way and save it as a png image.

Visite Tool

Youtube Video Downloader

PHPKIDA provides Free online YouTube video downloader to download YouTube videos quickly in MP4, 3GP, and more. Search your video and free fast download youtube videos.

Visite Tool

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.