H Hyper
T Text
M Mark Up
L Language
1. 1. To type the programs use windows �Note Pad� .
2. 2. Simple �Tags� are the marks of this program like <> opening and </> closing tags.
TAG is a coded command used to indicate how part of a web page should be displayed.
3. 3. Some �Tags� are showing below, but tags are more than these, please find out other tags
To use on your web pages from other sources like books and others.
OPENING EFFECT CLOSING
<html> compulsory </html>
<title> To write the page title </title>
<head> For Headings </head>
<body> compulsory </body>
<h1> Size of headings </h1>
<h2> Size of headings </h2>
<h3> Size of headings </h3>
<h4> Size of headings </h4>
<h5> Size of headings </h5>
<h6> Size of headings </h6>
<font> To use fonts </font>
<font size=�5� color=�red�> Font size and color </font>
<b> Bold font </b>
<I> Italic font </I>
<u> Underline </u>
<em> also italic </em>
<strong> Between normal and bold font </strong>
<big> Bigger than normal </big>
<small> Smaller than normal </small>
<tt> Type writer font </tt>
<sub> Subscript (like H2O) </sub>
<sup> Superscript (like a2) </sup>
<strike> Strike through </strike>
<br> Line break No closing tag
<hr> Horizontal Line No closing tag
<p> Paragraph starts </p>
<p align=�center�
�left� To align text on the page </p>
�right�
�justify�
<div align=�center�
�left� To align all text of the page </div>
�right�
�justify�
<pre> Text will display as you type </pre>
<OL> Generates serial numbers </OL>
<OL type=�1� starts=�3�> The number starts from 3 </OL>
<LI value=�17�> Item number indicate 17 <LI>
<a href=�#top�> Go top To go top of page </a>
<a href=�#bottom�> Bottom To go bottom </a>
<table> To create a table </table> important
<tr> Table row </tr>
<td> Table data or cell </td>
<th> Table header </th>
<img src=�name of photo�> To insert an image No closing tag
Example : <img src=�xyz.jpg� width=�100� height=�100� border=�0�>
Note : The image should be stored in your directory in which your �html� file is stored.
PROGRAM STRUCTURE :
<html>
<title> abcdef </title>
<head>
</head>
<body>
</body>
</html>