Practical No.1 Use of basic Tag
1A) Design a web page using different text formatting tags
code:
<html>
<head>
<title> formating tag </title>
</head>
<body>
<p> this text is normal.</p>
<p><b> this text is bold.</b></p>
<p><i> this text is italic.</i></p>
<p><em> this text is emphasized.</em></p>
<h2>Html<small>Small</small>Formatting</h2>
<h2>Html<mark>Marked</mark>Formatting</h2>
<p> the del element represents deleted (removed) text.</p>
<p> the favorite color is <del>blue</del>red.</p>
<p> the ins element represent inserted (added) text.</p>
<p> my favorite <ins>color</ins>is red.</p>
<p> this is <sub>subscripted</sub>text.</p>
<p> this is<sup>superscripted</sup>text.</p>
</body>
</htm>
OUTPUT:
2B) Design a webpage with links to different pages and allows navigation between webpage.
code:
<html>
<head>
<title> Web page Navigation </title>
<h1 align="center"><font color="red"><strong>Web Page Navigation
</strong> </font> </h1>
</head>
<body style="background-color:yellow">
<div style="font-size:160%">
<a href= "descriptivelist.html">Home</a>
<a href= "1stpractical.html">List</a>
</div>
<div align="center" style="font-size:160%;">
<br> </br>
Welcome to my page. <br>
This is a sample of web page navigation.
</div>
</body>
</html>
OUTPUT:
3) Demonstrate use of font tag with its attributes and HTML various color option in web page.
code:
<html>
<head>
<h1 align="center" style="background-color:black;color:orange">CHANDRAYAAN
3</h1>
</head>
<body>
<body style="background-color:gray;">
<p style="text-align:center;">
<img src=
"https://encryptedtbn0.gstatic.com/images?q=tbn:ANd9GcQAhghx58r6HitcYfU9tYFSg9-mm6XIGCFqw&usqp=CAU"
weight="150" height="150" alt="chandrayaan 3">
</p>
<ul style="list-style-type:circle;">
<li style="background-color:orange;color:black;">Chandrayaan 3: India's Lunar
Mission.</li>
<li style="background-color:white;color:black;">Focus on landing a rover on the
Moon's surface.</li>
<li style="background-color:MediumSeaGreen;color:black;">Intended to follow
up on Chandrayaan 2's objectives.</li>
<li style="background-color:white;color:black;">Aims to study lunar terrain and
gather scientific data.</li>
<h2 align="center"><a
href="https://www.isro.gov.in/Chandrayaan3_Details.html">VISIT ISRO </a>
</h2>
</ul>
</body>
</body>
</html>
OUTPUT:
