In: Computer Science
Create an “About Me” HTML webpage.
Use the <h2> Tag to give the page a header with your Full name. The header needs to be in Plum color(Any color other than black, blue – Make the page look good).
The webpage should have a background color that compliments the header color.
Set the content(Anything about yourself!) of the page inside <p> tags and use a different color for it.
Save your file as “AboutMe.html” and upload the file to BB under Exercises/Assignments.
Be as creative as possible !
can you please send me all the codes accordingly so i can use it and for the name and content just use john doe and i'll change accordingly thank you
Here a new web page with name "aboutme.html" is created, which contains following code.
aboutme.html :
<!DOCTYPE html>
<html lang="en">
<head>
<!-- title for web page -->
<title>About Me</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- inline style sheet -->
<style>
/* style rule for body */
body{
background-color: plum;
}
/* style for header */
header{
background-color: aqua;
height: 150px;
text-align: center;
margin-top: -20px;
}
/* style for h1 in header */
header h1{
padding: 20px;
color: orangered;
}
/* style for main */
main{
text-align: center;
}
/* style for ul */
ul{
list-style-type: none;
}
/* style for li */
li{
font-size: 22px;
color: white;
padding: 10px;
}
/* style rule for h2 */
h2{
color: forestgreen;
}
/* style for footer */
footer{
background-color: aqua;
height: 50px;
text-align: center;
font-weight: bold;
color: orangered;
}
</style>
</head>
<body>
<header>
<h1><i>Me and Myself </i></h1>
</header>
<hr>
<main>
<h2>My Name :Ajinkya Rahane</h2>
<h3>Institute/College :IIT Chennai </h3>
<h4>Department : Computer Science</h4>
<hr>
<h5>About Me : </h5>
<ul>
<li>I am in 4th year of BTech.</li>
<li>I got placed in one of the us based MNC.</li>
<li>My short term goal is establish myself as a good programmer.</li>
<li>Long term goal inclues to become a project manager in well known organization.</li>
</ul>
</main>
<footer>
<p1>Me and Myself Private Ltd.</p1>
</footer>
</body>
</html>
======================================================
Output : Open web page aboutme.html in the browser and will get the screen as shown below
Screen 1 :aboutme.html