Html - Formatting tag

Formatting Tags

Formatting HTML tags are the tags from which Formatting of Document Text is done.

1. <abbr>

<abbr> full name is abbreviation. <abbr> defines an abbreviation or an acronym.

Example :

 <!DOCTYPE HTML>
<html>
<head>
<title>HTML Abbreviation Tag </title>
</head>
<body>
<p>TCS is a  <abbr  title="Multinational Company">MNC</abrr>  Company</p>
</body>
</html>
Output :

2. <b>

<b> tag Define bold text in html document.

Example :

 <!DOCTYPE HTML>
<html>
<head>
<title> Bold Text Example </title>
</head>
<body>
<p> This is example of <b> Bold </b> Text </p>
</body>
</html>
Output :

3. <big>

<big> tag Text from the Big Element is used to enlarge to Normal Size.

Example :

 <!DOCTYPE HTML>
<html>
<head>
<title> Big Text Example </title>
</head>
<body>
<p> This is example of <big> BIG </big> Text </p>
</body>
</html>
Output :

4. <blockquote>

In <blockquote> tag defines a section that is quoted from another source.

Example :
<!DOCTYPE HTML>
<html>
<head>
<title>  Blockquote Tag Example </title>
</head>
<body>
<h1> The Blockquote Example </h1>
<p> This is Thought </p>
<blockquote> "A day wasted on others is not wasted on one's ourself" (it is blockquote).</blockquote>
</body>
</html>
Output :

5. <cite>

<cite> tag defines the title of a work.

Example :
<!DOCTYPE HTML>
<html>
<head>
<title> Cite tag Example </title>
</head>
<body>
<p> I am going to <cite> Delhi </cite> today. </p>
</body>
</html>
Output :

6. <center>

<center> tag defines html elements positions.

Example :

<!DOCTYPE HTML>
<html>
<head>
<title>  Center text Example </title>
<style>
h1 {text-align: center; }
p {text-align: center; }
</style>
</head>
<body>
<h1> This is a Example of Center Tag. </h1>
<p> This is paragraph. </p>
</body>
</html>
Output :

7. <code>

<code> tag defines a piece of computer code.

Example :

<!DOCTYPE HTML>
<html>
<head>
<title>  Code text Example </title>
</head>
<body>
<p><code> code define a piece of programming code. </code></p>
</body>
</html>
Output :

8. <del>

<del> tag used to text that has been deleted from a document.

Example :

<!DOCTYPE HTML>
<html>
<head>
<title> Insert text Example </title>
</head>
<body>
<p> I am going to <del> Delhi </del> Meerut  </p>
</body>
</html>
Output :

9. <dfn>

<dfn> tag Represents the defining instance of a term.

Example :

<!DOCTYPE HTML>
<html>
<head>
<title> DFN text Example </title>
</head>
<body>
<p> <dfn> PC </dfn>: Personal Computer
</body>
</html>
Output :

10. <em>

<em> tag define emphasized text.

Example :

<!DOCTYPE HTML>
<html>
<head>
<title> EM text Example </title>
</head>
<body>
<em> Emphasize Text </em>
</body>
</html>
Output :

11. <font>

<font> tag  define font text. (Like- color, size etc).

Example :

<!DOCTYPE HTML>
<html>
<head>
<title> Font text Example </title>
</head>
<body>
<p style="color:blue"> This is first example of font color.</p>
<p style="font-family:verdana" > This is second example of font size. </p>
</body>
</html>
Output :

12. <i>

<i> tag defines a part of text. This makes the text diagonal.

Example :

<!DOCTYPE HTML>
<html>
<head>
<title> Italic text Example </title>
</head>
<body>
<p> <i>This is example of italic <i></p>
</body>
</html>
Output :

13. <ins>

<ins> tag used to a text that has been inserted into a document.

Example :
<!DOCTYPE HTML>
<html>
<head>
<title> Insert text Example </title>
</head>
<body>
<p> I am going to <del> Delhi </del> <ins> Meerut </ins> </p>
</body>
</html>
Output : 

14. <kbd>

<kbd> tag defines keyboard input.

Example :

<!DOCTYPE HTML>
<html>
<head>
<title>  Keyboard text Example </title>
</head>
<body>
<p> <kbd> File  !  Open.. </kbd></p>
</body>
</html>
Output :

15. <mark>

<mark> tag defines marked/highlighted text.

Example :
<!DOCTYPE HTML>
<html>
<head>
<title>  Mark Text Example </title>
</head>
<body>
<h1> <mark> This is a Example of Mark Tag. </mark></h1>
</body>
</html>
Output :

16. <meter>

<meter tag defines a scalar measurement within a known range.

Example :

<!DOCTYPE HTML>
<html>
<head>
<title> Meter Tag Example </title>
</head>
<body>
The meter reads :
<meter  value='5' min="0" max="10"> 5 out of 10 </meter>
</body>
</html>
Output :

17. <pre>

<pre> tag defines preformatted text.

Example:

<!DOCTYPE HTML>
<html>
<head>
<title>  Pre tag Example </title>
</head>
<body>
<pre>
Hello I am given example,
Pre   tag is used for indicating performatted text.
pre element is displayed in a fixed-width font, but it can be changed using CSS (It is a prefomatted).
<pre>
</body>
</html>
Output :

 18. <q>

<q> tag is used to defines a short quotation.

Example :
<!DOCTYPE HTML>
<html>
<head>
<title>  Quotation text Example </title>
</head>
<body>
<h1> This is a Example of quotation tag. </h1>
<p> BCCI :
<q> Board of  control for cricket in india </q></p>
</body>
</html>
Output :

19. <s>

<s> tag defines the text that is no longer correct.

Example :
<!DOCTYPE HTML>
<html>
<head>
<title>  <s > text Example </title>
</head>
<body>
<p><s>   tag defines text that is no longer correct   </s></p>
</body>
</html>

Output :

20. <small>

<small> tag defines a smaller text.

Example :

<!DOCTYPE HTML>
<html>
<head>
<title> Small text Example </title>
</head>
<body>
<p> This is example of <small> Small Text  </small></p>
</body>
</html>

Output :

21. <strong>

<strong> tag defines important text.

Example :

<!DOCTYPE HTML>
<html>
<head>
<title> Strong Text Example </title>
</head>
<body>
<p> This is example of Normal Text </p>
<p><strong> This is second  example of strong text </strong></p>
</body>
</html>
Output :

22. <sub>

<sub> tag defines subscripted text.

Example :

<!DOCTYPE HTML>
<html>
<head>
<title> Subscript text Example </title>
</head>
<body>
<p> This is example of <sub> Subscript </sub> Text </p>
</body>
</html>
Output :

23. <sup>

<sup> tag defines superscripted text.

Example :
<!DOCTYPE HTML>
<html>
<head>
<title> Superscript text Example </title>
</head>
<body>
<p> This is example of <sup> Superscript </sup> Text </p>
</body>
</html>
Output :

24. <u>

<u> tag defines underline text.

Example :

<!DOCTYPE HTML>
<html>
<head>
<title> underline text Example </title>
</head>
<body>
<p> This is example of <u> underline </u> Text </p>
</body>
</html>
Output :

Post a Comment

0 Comments