Scribd
Upload
2 views

experiment 3

The document outlines the specifications for designing a CV webpage, including headings for objective, education, achievements, strengths, hobbies, and personal details. It specifies the use of HTML elements such as headings, horizontal lines, and a preformatted text tag, along with styling for background color and font. Additionally, it includes instructions for inserting an image and formatting the content appropriately.

Uploaded by

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

experiment 3

The document outlines the specifications for designing a CV webpage, including headings for objective, education, achievements, strengths, hobbies, and personal details. It specifies the use of HTML elements such as headings, horizontal lines, and a preformatted text tag, along with styling for background color and font. Additionally, it includes instructions for inserting an image and formatting the content appropriately.

Uploaded by

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

ASSIGNMENT-3

Q. Design a webpage of your CV with headings as objective, educational


qualification, achievements, strengths hobbies, & personal details.
Apply the following specifications: Insert horizontal line after every
abovementioned heading. Set any light color as page background. Bold
and underline every heading. Insert your image on the left side of the
webpage. Use heading tag to specify the heading. After every heading is
over, put a horizontal line. Use pre tag for educational qualification. Use
base font for all the text.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My CV</title>
<style>
body { background-color: #f0f8ff; font-family: Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; text-decoration: underline; }
hr { border: 1px solid #ddd; }
.container { display: flex; }
.image { width: 100px; height: 100px; border-radius: 50%; margin-right:
20px; }
</style>
</head>
<body>

<div class="container">
<img src="your-image.jpg" class="image"> <!-- Replace with your image -->
<div>
<h1>Objective</h1><hr>
<p>To apply my skills and contribute to the growth of the organization.</p>
<h2>Education</h2><hr>
<pre>B.Sc. in Computer Science, ABC University</pre>
<h3>Achievements</h3><hr>
<p>XYZ Coding Challenge Winner</p>
<h4>Strengths</h4><hr>
<p>Problem-solving, teamwork</p>
<h5>Hobbies</h5><hr>
<p>Reading, Traveling</p>
<h6>Contact</h6><hr>
<p>Email: [email protected]</p>
</div>
</div>

</body>
</html>

You might also like