HTML LAB RECORD – FULLY CORRECTED VERSION
Roll No: 24A81A05C1
==============================
EXPERIMENT – 1
==============================
Exp (1a): HTML program to explain lists.
Program:
<html>
<head><title>Lists</title></head>
<body>
<ul type="square">
<li>Java</li>
<li>C</li>
<li>C++</li>
</ul>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JS</li>
</ol>
<dl>
<dt>Languages</dt>
<dd>Python</dd>
<dd>C</dd>
</dl>
</body>
</html>
Output:
Lists displayed correctly.
------------------------------
Exp (1b): Hyperlinks
Program:
<html>
<body>
<a href="[Link] target="_blank">Google</a>
<a href="[Link]
</body>
</html>
Output:
Links working correctly.
------------------------------
Exp (1c): Image Links
Program:
<html>
<body>
<a href="[Link]
<img src="[Link]" width="150" height="150">
</a>
</body>
</html>
Output:
Image navigates correctly.
==============================
EXPERIMENT – 2
==============================
Exp (2a): Tables
Program:
<html>
<body>
<table border="1">
<tr><th>Name</th><th>Roll</th></tr>
<tr><td>Sravani</td><td>526</td></tr>
</table>
</body>
</html>
Output:
Table displayed.
==============================
EXPERIMENT – 3
==============================
Exp (3a): Semantic Tags
Program:
<html>
<body>
<header>Header</header>
<main>Main</main>
<footer>Footer</footer>
</body>
</html>
Output:
Semantic tags displayed.