HTML PROGRAM
1. SAMPLE PROGRAM
AIM:
To create a sample program using html coding.
PROCEDURE
1. Start Run Notepad Ok.
2. Type the following program on notepad.
<html>
<head><title> Sample program</title></head>
<body bgcolor=red>
<b>Rani Anna Govt Colloge</b><br>
<i>Rani Anna Govt Colloge</i><br>
<u>Rani Anna Govt Colloge</u><br>
<em>Rani Anna Govt Colloge</em><br>
<center>Rani Anna Govt Colloge</center><br>
</body>
</html>
3. Save the program. Go to the File menu Save ([Link]).
4. Close the program. After run the program in any browser. (Internet
explorer, Mozila firebox, Chrome etc.)
5. Open any browser choose File Open or press ctrl+o one dialogue
box will open. To open the program click browse and click ok.
6. Program will execute.
RESULT:
Thus the html program was successfully created and output was executed.
OUTPUT
2. FONT TAG
AIM:
To create a font tag program using html coding.
PROCEDURE
1. Start Run Notepad Ok.
2. Type the following program on notepad.
<html>
<head><title> Font Tag</title></head>
<body bgcolor=red>
<big>Rani Anna Govt Colloge</big><br>
<small>Rani Anna Govt Colloge</small><br>
<strong>Rani Anna Govt Colloge</strong><br>
<strike>Rani Anna Govt Colloge</strike><br>
<font size="10">Rani Anna Govt Colloge</font><br>
<font color="yellow">Rani Anna Govt College</font><br>
</body>
</html>
3. Save the program. Go to the File menu Save ([Link]).
4. Close the program. After run the program in any browser. (Internet
explorer, Mozila firebox, Chrome etc.)
5. Open any browser choose File Open or press ctrl+o one dialogue
box will open. To open the program click browse and click ok.
6. Program will execute.
RESULT:
Thus the html program was successfully created and output was executed.
OUTPUT
3. HEADING TAG
AIM:
To create a heading tag program using html coding.
PROCEDURE
1. Start Run Notepad Ok.
2. Type the following program on notepad.
<html>
<head><title> Heading Tag</title></head>
<body>
<h1>Rani Anna Govt Colloge</h1><br>
<h2>Rani Anna Govt Colloge</h2><br>
<h3>Rani Anna Govt Colloge</h3><br>
<h4>Rani Anna Govt Colloge</h4><br>
<h5>Rani Anna Govt Colloge</h5><br>
<h6>Rani Anna Govt College</h6>
</body>
</html>
3. Save the program. Go to the File menu Save ([Link]).
4. Close the program. After run the program in any browser. (Internet
explorer, Mozila firebox, Chrome etc.)
5. Open any browser choose File Open or press ctrl+o one dialogue
box will open. To open the program click browse and click ok.
6. Program will execute.
RESULT:
Thus the html program was successfully created and output was executed.
OUTPUT
4. SUPER SCRIPT AND SUB SCRIPT
AIM:
To create a superscript and subscript program using html coding.
PROCEDURE
1. Start Run Notepad Ok.
2. Type the following program on notepad.
<html>
<head><title> Super and Subscript</title></head>
<body>
a<sup>2</sup>+b<sup>2</sup><br>
H<sub>2</sub>O
</body>
</html>
3. Save the program. Go to the File menu Save ([Link]).
4. Close the program. After run the program in any browser. (Internet
explorer, Mozila firebox, Chrome etc.)
5. Open any browser choose File Open or press ctrl+o one dialogue
box will open. To open the program click browse and click ok.
6. Program will execute.
RESULT:
Thus the html program was successfully created and output was executed.
OUTPUT
5. ORDER AND UNORDER LIST
AIM:
To create a order and unorder list program using html coding.
PROCEDURE
1. Start Run Notepad Ok.
2. Type the following program on notepad.
<html>
<head><title> Order and Unorder</title></head>
<body>
<h3>Flowers</h3>
<ol type=1>
<li>Jasmine</li>
<li>Rose</li>
<li>Lilly</li>
</ol>
<h4>Fruits</h4>
<ul type=circle>
<li>Apple</li>
<li>Mango</li>
<li>Pineapple</li>
</ul>
</body>
</html>
3. Save the program. Go to the File menu Save ([Link]).
4. Close the program. After run the program in any browser. (Internet
explorer, Mozila firebox, Chrome etc.)
5. Open any browser choose File Open or press ctrl+o one dialogue
box will open. To open the program click browse and click ok.
6. Program will execute.
RESULT:
Thus the html program was successfully created and output was executed.
OUTPUT
6. TABLE TAG
AIM:
To create a table tag program using html coding.
PROCEDURE
1. Start Run Notepad Ok.
2. Type the following program on notepad.
<html>
<head><title> Table Tag</title></head>
<body>
<table border=" ">
<tr>
<th>Team</th>
<th>Ranking</th>
</tr>
<tr>
<td>India</td>
<td>1</td>
</tr>
<tr>
<td>South Africa</td>
<td>2</td>
</tr>
</table>
</body>
</html>
3. Save the program. Go to the File menu Save ([Link]).
4. Close the program. After run the program in any browser. (Internet
explorer, Mozila firebox, Chrome etc.)
5. Open any browser choose File Open or press ctrl+o one dialogue
box will open. To open the program click browse and click ok.
6. Program will execute.
RESULT:
Thus the html program was successfully created and output was executed.
OUTPUT
7. MARQUEE TAG
AIM:
To create a marquee tag program using html coding.
PROCEDURE
1. Start Run Notepad Ok.
2. Type the following program on notepad.
<html>
<head><title>Maquee Tag</title></head>
<body>
<marquee>Rani Anna Govt College</marquee><br>
<marquee direction="up">Rani Anna Govt College</marquee>
</body>
</html>
3. Save the program. Go to the File menu Save ([Link]).
4. Close the program. After run the program in any browser. (Internet
explorer, Mozila firebox, Chrome etc.)
5. Open any browser choose File Open or press ctrl+o one dialogue
box will open. To open the program click browse and click ok.
6. Program will execute.
RESULT:
Thus the html program was successfully created and output was executed.
OUTPUT
[Link] TAG
AIM:
To create a image tag program using html coding.
PROCEDURE
1. Start Run Notepad Ok.
2. Type the following program on notepad.
<html>
<head><title>Image Tag</title></head>
<body>
<img src="E:\Downloads\pexels-jonas-kakaroto-
[Link]"height="100px",width="100px">Picture</img>
</body>
</html>
3. Save the program. Go to the File menu Save ([Link]).
4. Close the program. After run the program in any browser. (Internet
explorer, Mozila firebox, Chrome etc.)
5. Open any browser choose File Open or press ctrl+o one dialogue
box will open. To open the program click browse and click ok.
6. Program will execute.
RESULT:
Thus the html program was successfully created and output was executed.
OUTPUT
[Link] LINK
AIM:
To create a sample program using html coding.
PROCEDURE
1. Start Run Notepad Ok.
2. Type the following program on notepad.
<html>
<head><title>Hyperlink</title></head>
<body>
<a href="[Link]">Click Me</a>
</body>
</html>
3. Save the program. Go to the File menu Save ([Link]).
4. Close the program. After run the program in any browser. (Internet
explorer, Mozila firebox, Chrome etc.)
5. Open any browser choose File Open or press ctrl+o one dialogue
box will open. To open the program click browse and click ok.
6. Program will execute.
RESULT:
Thus the html program was successfully created and output was executed.
OUTPUT