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 :
Output :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>
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>
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>
4. <blockquote>
In <blockquote> tag defines a section that is quoted from another source.
Example :
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>
5. <cite>
<cite> tag defines the title of a work.
Example :
Example :
<!DOCTYPE HTML>
<html>
<head>
<title> Cite tag Example </title>
</head>
<body>
<p> I am going to <cite> Delhi </cite> today. </p>
</body>
</html>
6. <center>
<center> tag defines html elements positions.
Example :
Output :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>
7. <code>
<code> tag defines a piece of computer code.
Example :
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 :
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 :
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 :
Example :
Output :
<!DOCTYPE HTML>
<html>
<head>
<title> EM text Example </title>
</head>
<body>
<em> Emphasize Text </em>
</body>
</html>
11. <font>
<font> tag define font text. (Like- color, size etc).
Example :
Output :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>
12. <i>
Example :
Output :
<!DOCTYPE HTML>
<html>
<head>
<title> Italic text Example </title>
</head>
<body>
<p> <i>This is example of italic <i></p>
</body>
</html>
13. <ins>
<ins> tag used to a text that has been inserted into a document.
Example :
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>
14. <kbd>
<kbd> tag defines keyboard input.
Example :
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 :
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>
16. <meter>
<meter tag defines a scalar measurement within a known range.
Example :
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:
Output :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>
18. <q>
<q> tag is used to defines a short quotation.
Example :
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>
19. <s>
<s> tag defines text that is no longer correct.
Example :
Output :
<!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>
20. <small>
<small> tag defines a smaller text.
Example :
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>
22. <sub>
<sub> tag defines subscripted text.
Example :
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 :
Example :
<!DOCTYPE HTML>
<html>
<head>
<title> Superscript text Example </title>
</head>
<body>
<p> This is example of <sup> Superscript </sup> Text </p>
</body>
</html>
24. <u>
<u> tag defines underline text.
Example :
Output :Example :
<!DOCTYPE HTML>
<html>
<head>
<title> underline text Example </title>
</head>
<body>
<p> This is example of <u> underline </u> Text </p>
</body>
</html>
0 Comments