Program 3
Program 3
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple Website</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="main-header">
<h2>Welcome to My Simple Website</h2>
</div>
<div class="container">
<h3>About This Site</h3>
<p>This is a simple demonstration of using an external CSS stylesheet to
style HTML elements. Here, we will showcase various tags and their styles.</p>
<hr>
<h3>Features</h3>
<p>Here are some features of this simple site:</p>
<ul>
<li>Responsive design</li>
<li>Clean layout</li>
<li>Easy navigation</li>
</ul>
<hr>
<h3>Contact Us</h3>
<p>If you have any questions, feel free to reach out via email:</p>
<p><a href="mailto:[email protected]" target="_blank">Send Email</a></p>
<hr>
<h3>Image Example</h3>
<img src="https://via.placeholder.com/600x300" alt="Placeholder Image">
<hr>
<hr>
<h3>Learn More</h3>
<p>For more information, visit our website:
<a href="https://www.example.com" target="_blank">Example Website</a>.
Hover over this text to see the effect on the link.
</p>
</div>
</body>
</html>