To create bio-data with appropriate CSS styles and properties.
Open notepad and type the HTML code.
Apply CSS border style and color for the heading.
Set the alignments, font colors and styles for the paragraph tag.
Open the file in a browser and verify the output.
<html>
<head>
<title>bio data</title>
<style type="text/css">
body
{
color: lightslateblue;
text-align: center;
}
h1
{
color:gray;
background-color:pink;
}
hr
{
background-color: yellowgreen;
height: 5px;
}
p
{
text-align: justify;
border-style: dashed;
border-width: 4px;
border-color: purple;
}
</style>
</head>
<body>
<h1>BIO DATA</h1>
<hr>
<p>
Name : M PRAGYA GUPTA
<br>
<br>
Father name : M SOBHAN GUPTA
<br>
<br>
Mother name : M DIVYASREE
<br>
<br>
Reference Number: 212223250013
<br>
<br>
Department: AGRICULTURE ENGINEERING
<br>
<br>
Year: I YEAR
<br>
<br>
Skills : Batminton, Drawing, C programing
<br>
<br>
Hobbies: READING, LISTENING MUSIC, DRAWING
<br>
<br>
Mobile Number: 1234567890
<br>
<br>
E-Mail ID: [email protected]
</p>
</body>
</html>
Bio-data with appropriate CSS styles and properties is created successfully.