The Combine Website of all Practicals till 1 to 9 will upload Soon !!!
Practical 1
Image.HTML
Copied!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Image</title>
</head>
<body>
<h2>Adding Image</h2>
<img src="https://wallpapers.com/images/hd/blue-and-pink-aesthetic-neon-dv2tp51d096l7pjl.jpg" alt="Neon img" style="width:500px; height:600px;">
<h2>image as a Link</h2>
<a href="https://youtube.com/">
<img src="https://logowik.com/content/uploads/images/899_youtube_2017logo.jpg" alt="youtube" style="width:100px; height:100px;">
</a>
<p><img src="https://t4.ftcdn.net/jpg/01/36/70/67/360_F_136706734_KWhNBhLvY5XTlZVocpxFQK1FfKNOYbMj.jpg" alt="Smiley face" style="float:right; width:80px; height:100px;">
The image will float to the right of the text.</p>
<!-- Adding Image map -->
<h1>Image map</h1>
<img src="workplace.jpg" alt="Workplace" usemap="#workmap">
<map name="workmap">
<area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">
<area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
<area shape="circle" coords="337,300,44" alt="Coffee" href="coffee.htm">
</map>
<h2>To Learn more about Image Map</h2>
<a href="https://www.w3schools.com/html/html_images_imagemap.asp">Click Here!!</a>
</body>
</html>
List Tags.HTML
Copied!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>List Tags</title>
</head>
<body>
<h1>Unordered List</h1>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<h1>Unordered List with Style</h1>
<ul style="list-style-type:disc;">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul style="list-style-type:circle;">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul style="list-style-type:square;">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul style="list-style-type:none;">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
<h1>Ordered list</h1>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol type="a">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol type="i">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol>
<li>Coffee</li>
<li>Tea
<ol>
<li>Black tea</li>
<li>Green tea</li>
</ol>
</li>
<li>Milk</li>
</ol>
<h1>other List</h1>
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
</body>
</html>
Structure Tags.HTML
Copied!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Structure Tags</title>
</head>
<body>
<h1>Structure Tags</h1>
<p>In this Website Document Structure tags is Used <br>
Document Structure Tags are Doctype, HTML, title, head, and body.
</p>
</body>
</html>
Text Tags.HTML
Copied!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<b>This text is bold</b> <br>
<i>This text is italic</i> <br>
This is<sub> subscript</sub> and <sup>superscript</sup> <br>
<strong>This text is important!</strong> <br>
<em>This text is emphasized</em> <br>
Do not forget to buy <mark>milk</mark> today. <br>
My favorite color is <del>blue</del> red. <br>
This is <sub>subscripted</sub> text.<br>
This is <sup>superscripted</sup> text.<br>
</body>
</html>
Note