HTML Presentational Tags: * are IMP tags (more usage in Web)
1 <acronym>
2 <address>
3 <b>
4 <big>
5 <blockquote> *
6 <center>
7 <cite>
8 <code>*
9 <del>
10 <dfn>
11 <em>
12 <font>
13 <i>
14 <ins>
15 <kbd>*
16 <pre>*
17 <q>
18 <s>
19 <samp>
20 <small>
21 <strike>
22 <strong>
23 <sub> *
24 <sup> *
25 <tt>
26 <u>
27 <var>
HTML <acronym> Tag.
It defines a full form or stands for. An acronym must spell out another word. It is a paired tag. Not Supported in HTML5.
Syntax:
<acronym>................................... </acronym>
Example:
<html>
<body>
Hello Welcome to<acronym title="Naresh i Technologies"> NiT </acronym> <br/>
</body>
</html>
<address> Tag:
It tag is used for indicating an address. The address usually renders in italic format. It is a paired tag.
Syntax:
<address>...................</address>
Example:
<!DOCTYPE html>
<body>
<address>
Naresh i Technologies,<br />
Ameerpet,Hyderabad<br />
TELANGANA - 50027
</address>
</body>
<b> Tag
It is bold tag. It convert the text or characters in to bold format. It is a paired tag.
Syntax:
<b>--------------</b>
<strong>
It is aslo bold tag. It convert the text or characters in to bold format. It is a paired tag.
Syntax:
<strong>---------------</strong>
Example:
<html>
<head>
<title>
MyBoldTag
</title>
</head>
<body>
<b>Welcome to Bold Font formated ..</b>
<br>
<bold>Welcome to Bold Font formated</bold>
</body>
</html>
<big>
It is used to display the big font size text. It is a paired tag.
Syntax:
<big>-----------</big>
Example:
<html>
<head>
<title>
Small&Big
</title>
</head>
<body>
<small>Hello How are u..!</small>
<br/>
<big>Hello How are u..@@</big>
</body>
</html>
<blockquote>
It specifies a section that is quoted from another source. Browsers usually indent <blockquote> elements. It is a paired tag.
Syntax:
<blockquote>-----------</blockquote>
Example:
<!DOCTYPE html>
<html>
<body>
<blockquote>
AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. Angular's data binding and dependency injection eliminate much of the code you would otherwise have to write.
</blockquote>
</body>
</html>
<center>
It is used to display the text at the page center. It is a paired tag.
Syntax:
<center>---------</center>
Example
<html>
<head>
<title>
Center Tag
</title>
</head>
<body>
<center>Text Page Center..!!</center>
</body>
</html>
<html>
HTML <cite> Tag
It is used for representing a citation in an HTML document. It defines the title of a work . It is a paired tag.
Syntax:
<cite> ................... </cite>
Example:
<body>
<img src="https://file-hosting.dashnexpages.net/sahrudayahelpinghands-students-org/html.png" width="200px" height="200px" alt="The Scream"> <br>
<cite>LOGO from W3WorldWideWebCon </cite>
</body>
HTML <code> Tag
It is a phrase tag.It defines a piece of computer code. It is a paired tag.
Syntax:
<code>..................</code>
Example:
<body>
<code>A piece of computer code</code>
</body>
<del>
We can able to display striking through text on the web Page. It is indicated removed or deprecated text from the Web Page. It is a paired tag.
Syntax:
<del>-------------</del>
Example:
<html>
<head>
<title>
Strike Effects
</title>
</head>
<body>
<s>It is Removed Text from the Page..</s><br>
<strike>It is Removed Text from the Page.. </strike><br>
<del>It is Removed Text from the Page..</del>
</body>
</html>
HTML <dfn> Tag
It represents the defining instance of a term in HTML. It is a paired tag.
Syntax:
<dfn> ...........................<dfn>
Example:
<html>
<body>
<dfn>HTML</dfn> is the standard markup language for creating web pages. <br>
<dfn title="HyperText Markup Language">HTML</dfn> is the standard markup language for creating web pages
</body>
</html>
<em>
It is also used to display italics font on the web page. it a paired tag. It is emphasis (Italics)
Syntax:
<em>-----------</em>
Example:
<html>
<head>
<title>
Italics or Emphasis
</title>
</head>
<body>
<i>Welcome to Italics Formated Text...</i> <br>
<em>Welcome to Italics Formated Text...</em>
</body>
</html>
<i>
It is used to display italics font on the web page. it a paired tag.
Syntax:
<i>---------------</i>
HTML <ins> Tag
It defines a text that has been inserted into a document. It represents a range of text that has been added to a document. It is a paired tag.
Syntax:
<ins> .................... </ins>
Example:
<html>
<body>
My favorite color is <ins>red</ins>!
</body>
</html>
Font tag:
Font tag is used to format the text such as changing the text size, color and style. Using this tag, we can apply styles to a character, word, sentence, etc. It is a paired tag.
Syntax:
<font>-------------</font>
Attributes Parameters
color any color name or hexadecimal number
size 1 to 7
face arial, tahoma, etc.,
Note:
1. The default size of the text in the web page is 3.
2. The default face of the text in the web page is Times New Roman.
3. The default color of the text is black in the web page.
Example
<html>
<title>
Font tag
</title>
<head>
<center><b>I am Learning Web Language</center></b>
</head>
<body>
<p><font size="3" color="red">Welcome to Naresh i Technologies in RED color!</font></p>
<p><font size="2" color="blue">Welcome to Naresh i Technologies in BLUE color!</font></p>
<p><font face="verdana" color="green">Welcome to Naresh i Technologies in GREEN color!</font></p>
<p><font size=7 color="pink">Leader in IT Training</font></p>
</body>
</html>
HTML <kbd> Tag
It defines keyboard input.It is a paired tag.
Syntax:
<kbd> .................. </kbd>
Example:
<body>
<p>Type the following in the Run dialog:
<kbd>cmd</kbd><br />Then click the OK button.</p>
<p>Save the document by pressing
<kbd>Ctrl</kbd> + <kbd>S</kbd></p>
</body>
Pre tag:
Pre stands for pre-formatted text. If we specify the text in pre tag, the browser will consider the line breaks (Return / Enter keys) and spaces specified in the text editor (notepad). Pre is a paired tag.
Syntax: <pre>---------------</pre>
Example:
<html>
<head>
<title>
Pre formated Tag
</title>
</head>
<body>
<pre>
Text in a pre element is displayed
in a fixed-width font,
and it preserves both spaces and
line breaks
</pre>
<p>The pre element is often used to display computer code:</p>
</body>
</html>
<q>:
It is used to display the double quoted text. It is a paired tag.
Synax:
<q>-------------</q>
Example:
<html>
<head>
<title>
Double Quotes
</title>
</head>
<body>
<q>Normal text in Double Quotes..!!</q>
</body>
</html>
Striking effect:
<s> Tag:
We can able to display striking through text on the web Page. It is indicated removed or deprecated text from the Web Page. It is a paired tag.
Syntax:
<s>----------------</s>
<strike> Tag:
We can able to display striking through text on the web Page. It is indicated removed or deprecated text from the Web Page. It is a paired tag.
Syntax:
<strike>----------------</strike>
<sup>
It is used to display superscript text. Super Indicates power to the number or string. It is a paired tag.
Syntax:
<sup>------------</sup>
<sub>
It is used to display subscript text. It indicates base to the number or string. It is a paired tag.
Syntax:
<sub>-------------</sub>
Example:
<html>
<head>
<title>
Super&Sub
</title>
</head>
<body>
It is the Power of (100) <sup>3</sup><br/>
It is the Base of (100) <sub>10</sub>
</body>
</html>
<small> Tag:
It is used to display the small font size text. It is a paired tag.
Syntax:
<small>----------</small>
<tt>
It is stands for teletype. It is used to display tele type formated text like dot matrix printer. It is a paired tag.
Syntax:
<tt>----------</tt>
Example:
<html>
<head>
<title>
TeleTyped
</title>
</head>
<body>
<tt>Text looks line Tele formated...!!</tt>
<br>
Normal text Normal text Normal text ...@@
</body>
</html>
HTML <samp> Tag
It is a phrase tag. It defines sample output from a computer program. It is a paired tag.
Syntax:
<samp>..............................</samp>
Example:
<html>
<body>
<samp>Sample output from a computer program</samp>
</body>
</html>
<u> Tag:
It is used to display underlined text on the web page. It is a paired tag.
Syntax:
<u>......................</u>
Example:
<html>
<head>
<title>
Underline Tag
</title>
</head>
<body>
<u>Hello The Text is UnderLined..</u>
</body>
</html>
HTML <var> Tag
The <var> tag is a phrase tag. It defines a variable. It is a paired tag.
Syntax:
<var> .................... </var>
Example:
<html>
<body>
<var>Variable</var>
</body>
</html>