Q-1 Make following different web pages: -
1. Formatting Styles and Headings: Include Bold, italies, Underline Strike, Subscript, superscript and all six type
of headings.
CODE:
<html>
<head>
<title>Formatting Styles and Headings</title>
</head>
<body>
<h1>This is Heading 1</h1>
<h2>This is Heading 2</h2>
<h3>This is Heading 3</h3>
<h4>This is Heading 4</h4>
<h5>This is Heading 5</h5>
<h6>This is Heading 6</h6>
<p><strong>Bold Text</strong></p>
<p><em>Italic Text</em></p>
<p><u>Underline Text</u></p>
<p><strike>Strike-through Text</strike></p>
<p>This is <sub>subscript</sub> and this is <sup>superscript</sup>.</p>
</body>
</html>
OUTPUT:
2. Font Styles and Image tag.
CODE:
<html>
<head>
<title>Font Styles and Image Tag</title>
</head>
<body>
<font size="20" color= "red" face = "comic sans MS">STYLIZED TEXT.</font>
<img src="[Link] alt="Image
Description" width="300" height="200">
</body>
</html>
OUTPUT:
3. Marquee: Move text, image and hyperlink.
CODE:
<html>
<head>
<title>Marquee</title>
</head>
<body>
<marquee behavior="scroll" direction="left">This is a scrolling
text.</marquee>
<marquee behavior="scroll" direction="right">
<a href="[Link] [Link]</a>
</marquee>
<marquee behavior="scroll" direction="left">
<img src="[Link] alt="Image
Description" width="200" height="100">
</marquee>
</body>
</html>
OUTPUT:
4. Other tags: br, hr, pre, P
CODE:
<html>
<head>
<title>Other Tags</title>
</head>
<body>
<p>This is a paragraph.</p>
<br>
<p>After a line break.</p>
<hr>
<p>This is a paragraph separated by a horizontal rule.</p>
<pre>
This is preformatted text.
It preserves whitespace and line breaks.
</pre>
</body>
</html>
OUTPUT:
Q2 Create an unordered list nested inside ordered list and apply the following-
1. Insert an image of main item on top right corner of webpage.
2. Display heading as a marquee.
3. Use different font styles and colors for different ordered list items.
4. Insert horizontal line after each ordered item.
CODE:
<html>
<head>
<title> unordered list </title>
<body>
<img src="C:/Users/kumar/Downloads/[Link]" width="200" height="200"
align="right"/>
<marquee behaviour-"alternative">
SUBJECTS</marquee>
<ol type-"1">
<li><font size="10" color= "blue" face- "arial" >WT</font>
<ul type="circle"> <li>WT lab</li>
<li>WT theory</li>
</li>
</ul>
</ol>
<hr/>
<ol type="1">
<li><font size="18" color= "blue" face- "arial" >FCIT</font>
<ul type "circle">
<li>FCIT lab</li>
<li>FCIT theory</li>
</li>
</ul>
</ol> <hr/>
<ol type-"1">
<li><font size="10" color="blue" face="arial" >C language</font>
<ul type "circle">
<li>C lab</li>
<li>C theory</li>
</li>
</ul>
</ol>
</body> </head>
</html>
OUPUT:
