You are on page 1of 4

HTML ENTIES OR SPECAILA CHARACTERS OR SYMBOLS

<html>
<head>
<title>HTML Entities</title>
</head>
<body>
<q>Quatation tag</q><br>
&quot;Double Quote &quot;<br>
&apos;Sigle Quote &apos;<br>
&lsquo;Single Quote &rsquo;<br>
&lt;b&gt;Bold&lt;&Sol;b&gt;<br>
&copy; &reg; &trade; &spades;<br>
&clubs; &diams; &hearts;&beta;<br>
&Beta; &omega; &omega; &frac12;
&frac34;&euro;&yen; &#8377;
&phone; &#X20B9;
</body>
</html>
NOTE :
1.&apos;---------------apostrophee
2.&lsquo;--------------Left single quote
3.&rsquo;------------right single quote
4.&lt;------------------less than
5.&gt------------------greater than
6.&sol-----------------forward slash
7.&bsol--------------- Backward slash
8.http://dev.w3.org./html5/html-author/char ref

Attributies and Parameters


1.Attributies are the special features of a tag.
2.parameters are the values (varies or changes) that we assign (store or hold ) to an attribute
3. A tag can have one or more attributies

Syntax :
Tag Attribute parameter
<body bgcolor = “pink”>

Paragraph Tag
It is used to apply proper alignment for paragraph of text.
Syntax :
<p>………………….</p>
Attributies Parameters
align left(default),right,center,justify
1. <html>
<head>
<title>
Paragraph tag
</title>
</head>
<body>
<p>Text align left (Default)</p>
<p align="right">Text align right</p>
<p align="justify">Huge Text to align Justify</p>
<p align="center">Text align center (Default)</p>
<center>Center tag</center>
</body>
</html>
2. <html>
<head>
<title>
Paragraph pre tag
</title>
</head>
<body>
<p>
sno &nbsp;&nbsp; name number<br>
sno name number
</p>
<pre>
sno name number
sno name number
</pre>
</body>
</html>
NOTE:
1.Justify =Left+right
2.http://lipsum.com /==Dummy text
3.Browser
1.Zoom in (Max 500%) : ctrl ++
2.Zoom out(Min 25%) : ctrl—
3.default view(100%) ctrl+0
4.&nbsp;-Stands for non breaking space or single space
5.br stands for break or new line or line break
6.pre tag:
1.It is also called as preformatted text
2.It is used to display however we type the text on the editor like spaces and line breaks
Syntax :
<pre>-------------</pre>
Font Tag :
It is used to apply color ,size face for the font.
Syntax : <font>-------------------</font>
Attributes Parameters
1.color ------------------------------------------any color(default is black)
2.size------------------------------------------1-7(default I s 3)
3.face-----------------------------------------TimesNewRoman(default),arial,Verdana

Note
Font tag is “deprecated” or ”removed” or “deleted ” as per W3c (World Wide web consortimu –
validator.w3.org)
Eg:
<html>
<head>
<title>Font tag</title>
</head>
<body>
<font size="6" color="red" face="arial">Font TAG</font>
<font>Font TAG</font>
<font size="6" color="red" face="Verdana">Font TAG</font>
</body>
</html>

HR tag :
1.It is also called as horizontal rule.
2.It is used to display the horizontal line on the browser.
Syntax :<hr>
Attributies Parameters
Width------------------------------------------Any number
Size--------------------------------------------any number
Align------------------------------------------left,right,center(default)
No shade(color=”gray”)

<html>
<head>
<title>HR tag</title>
</head>
<body>
<hr width="60%" align="right" size="2" noshade>
<hr width="60%" align="left" size="2" color="gray">
<hr width="60%" size="2" noshade>
</body>
</html>

NOTE:
1.Default width is 100%
2.’noshade’ will be applied whenever we are not specifying the color of the hr

Type of lists
1.Unordered List
2.Ordered List
3.Nested List
4.Description or Defination List.

1.Unordered List : It is also called as bullet list


Syntax :<ul>------------------</ul>
‘li’ stands for Listed item
<li>-------------------</li>
Attribute Parameters
Type Disc(default),circle,square

Eg:
<html>
<head>
<title>Unordered list</title>
</head>
<body>
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
<ul type="circle">
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
<ul type="square">
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
</body>
</html>

You might also like