Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
2 views

html program for css

The document provides HTML code for a webpage that demonstrates the use of the <hr> tag to create horizontal lines separating sections. It includes an image with specified dimensions using the height and width attributes. The webpage features a welcoming title, sections about the image, and a conclusion, all styled for readability.

Uploaded by

goudakhilesh47
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
2 views

html program for css

The document provides HTML code for a webpage that demonstrates the use of the <hr> tag to create horizontal lines separating sections. It includes an image with specified dimensions using the height and width attributes. The webpage features a welcoming title, sections about the image, and a conclusion, all styled for readability.

Uploaded by

goudakhilesh47
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

Question 4: Design a webpage that

demonstrates the use of the <hr> tag for


creating
horizontal lines to separate sections.
Additionally, include an image in the
webpage and specify its dimensions
using the height and width attributes.
Provide the complete HTML code for the task.

Program:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Webpage with HR Tag and Image</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
}
h1, h2 {
color: #333;
}
p {
color: #555;
}
</style>
</head>
<body>
<h1>Welcome to My Webpage</h1>
<p>This is the first section of the webpage. It introduces the content.</p>
<hr>

<h2>About the Image</h2>


<p>The image below is included using the <code>&lt;img&gt;</code> tag with
specified height and width.
</p>
<img src="https://via.placeholder.com/300" alt="Sample Image" height="200"
width="300">
<hr>

<h2>Conclusion</h2>
<p>This is the concluding section of the webpage. The horizontal lines separate

each section for better readability.


</p>
</body>
</html>

You might also like