1. Write a HTML program to illustrate body and pre tags.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML Body and Pre Tags Example</title>
</head>
<body>
<h1>Example of Body and Pre Tags</h1>
<p>The <code><body></code> tag contains the main content of the HTML
document.</p>
<h2>Using the <body> tag</h2>
<p>This section is wrapped in the <body> tag, which defines the visible part of the
web page.</p>
<h2>Using the <pre> tag</h2>
<p>The <code><pre></code> tag is used to display preformatted text, maintaining
white spaces and line breaks as they are in the source code.</p>
<pre>
This is a block of preformatted text.
Line breaks are preserved here,
and multiple spaces are shown as is.
</pre>
<p>The <code><pre></code> tag is useful for displaying code or ASCII art where
formatting needs to be preserved.</p>
</body>
</html>
2. Write a HTML program to illustrate text font tags.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Text Font Tags Example</title>
</head>
<body>
<h1>Illustration of Font Tags in HTML</h1>
<h2><font color="blue">Using the <code><font></code> Tag</h2>
, <p>The <code><font></code> tag allows you to specify font size, color, and face
(type). <br>Example:</p>
<font face="Arial" color="green" size="4">
This is a text with <b>Arial</b> font, <i>green</i> color, and size 4.
</font>
<h2><font color="red">Using <code><b></code>, <code><i></code>, and
<code><u></code> Tags</h2>
<p>HTML also provides the following tags to change the style of text:</p>
<ul>
<li><b><font color="red">Bold Text</font></b>: Makes the text bold.</li>
<li><i><font color="purple">Italic Text</font></i>: Makes the text italic.</li>
<li><u><font color="orange">Underlined Text</font></u>: Underlines the text.</li>
</ul>
<h2>Example of Different Text Styles</h2>
<p><font color="blue" size="5"><b>This is a bold text.</b></font></p>
<p><font color="green" size="4"><i>This is an italic text.</i></font></p>
<p><font color="purple" size="3"><u>This is an underlined text.</u></font></p>
<h2>Deprecated <code><font></code> tag in HTML5</h2>
<p>Note that the <code><font></code> tag is considered obsolete in HTML5. It's
recommended to use CSS to style text instead. For example:</p>
<pre>
<code>
<style>
.custom-text {
font-family: Arial;
color: blue;
font-size: 20px;
}
</style>
<p class="custom-text">This is styled using CSS.</p>
</code>
</pre>
</body>
</html>
3. Write a HTML program to illustrate comment, header and div tags.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Comment, Header, and Div Tags Example</title>
</head>
<body>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML Body and Pre Tags Example</title>
</head>
<body>
<h1>Example of Body and Pre Tags</h1>
<p>The <code><body></code> tag contains the main content of the HTML
document.</p>
<h2>Using the <body> tag</h2>
<p>This section is wrapped in the <body> tag, which defines the visible part of the
web page.</p>
<h2>Using the <pre> tag</h2>
<p>The <code><pre></code> tag is used to display preformatted text, maintaining
white spaces and line breaks as they are in the source code.</p>
<pre>
This is a block of preformatted text.
Line breaks are preserved here,
and multiple spaces are shown as is.
</pre>
<p>The <code><pre></code> tag is useful for displaying code or ASCII art where
formatting needs to be preserved.</p>
</body>
</html>
2. Write a HTML program to illustrate text font tags.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Text Font Tags Example</title>
</head>
<body>
<h1>Illustration of Font Tags in HTML</h1>
<h2><font color="blue">Using the <code><font></code> Tag</h2>
, <p>The <code><font></code> tag allows you to specify font size, color, and face
(type). <br>Example:</p>
<font face="Arial" color="green" size="4">
This is a text with <b>Arial</b> font, <i>green</i> color, and size 4.
</font>
<h2><font color="red">Using <code><b></code>, <code><i></code>, and
<code><u></code> Tags</h2>
<p>HTML also provides the following tags to change the style of text:</p>
<ul>
<li><b><font color="red">Bold Text</font></b>: Makes the text bold.</li>
<li><i><font color="purple">Italic Text</font></i>: Makes the text italic.</li>
<li><u><font color="orange">Underlined Text</font></u>: Underlines the text.</li>
</ul>
<h2>Example of Different Text Styles</h2>
<p><font color="blue" size="5"><b>This is a bold text.</b></font></p>
<p><font color="green" size="4"><i>This is an italic text.</i></font></p>
<p><font color="purple" size="3"><u>This is an underlined text.</u></font></p>
<h2>Deprecated <code><font></code> tag in HTML5</h2>
<p>Note that the <code><font></code> tag is considered obsolete in HTML5. It's
recommended to use CSS to style text instead. For example:</p>
<pre>
<code>
<style>
.custom-text {
font-family: Arial;
color: blue;
font-size: 20px;
}
</style>
<p class="custom-text">This is styled using CSS.</p>
</code>
</pre>
</body>
</html>
3. Write a HTML program to illustrate comment, header and div tags.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Comment, Header, and Div Tags Example</title>
</head>
<body>
