Question

In: Computer Science

Create an “About Me” HTML webpage. Use the <h2> Tag to give the page a header...

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

Solutions

Expert Solution

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


Related Solutions

Create following webpage in HTML : 1. Login Page This is the first page the user...
Create following webpage in HTML : 1. Login Page This is the first page the user should see. The user can login, signup, or continue as a guest. Your task is to implement the following features: a) Signup form This form should collect the information required for creating a new account on your movie database website. At the least, it should collect an email address, username, avatar image/graphic, first name, last name, and a password. You can ask for more...
Create a HTML webpage for the film Avatar (2009). You can use the content (text, images)...
Create a HTML webpage for the film Avatar (2009). You can use the content (text, images) from this Wikipedia page: https://en.wikipedia.org/wiki/Avatar_(2009_film) Besides the basic HTML document elements, the html document should have the following components or meet the requirements: Use <header><section><nav><article><div><footer> to arrange the layout of the page h1, h2 At least 1 table At least1 image At least 2 links, one link opens the target page with a new window Several paragraphs with formatted text (use at least 3...
give me a page and half about this " the Nature of  Motivation".  
give me a page and half about this " the Nature of  Motivation".  
<html> <head>     <title>Nick D'Angelo</title> </head> <body>     <h1>This is a header</h1>     <h2>This is a subheader</h2>  &nbs
<html> <head>     <title>Nick D'Angelo</title> </head> <body>     <h1>This is a header</h1>     <h2>This is a subheader</h2>     <p>The quick <b>brown</b> fox jumped <i>over</i> the lazy dog.</p>     <!--additional paragraph-->     <!--here two words are bold and two are italicized-->     <p>Pack my <b>box</b> with <i>five</i> dozen <b>liquor</b> <i>jugs</i>. Go to <a href='https://www.esu.edu' target="_blank">site</a></p>     <a href="http://ndangelo.com">Nick's Homepage</a>     <a href="http://ndangelo.com" target="_blank">Nick's Homepage</a> </body> <html> Add an Ordered, Unordered, Definition and Nested list to your html file (one for each). Each should be at least 10 lines or more....
Create 1 HTML page and 1 CSS file for all the styles. Your html page will...
Create 1 HTML page and 1 CSS file for all the styles. Your html page will be a small gallery of images using the Polaroid style. The page should have at least 1 row of 3 images. You can choose any theme of images. Don't pick random images, make them all have a theme. Add an h1 tag for the header of your page. Style the h1 tag with a color, size, and font family. Include a paragraph tag under...
Make a working good looking webpage (Home page) of a PAYROLL website using CSS, HTML, and...
Make a working good looking webpage (Home page) of a PAYROLL website using CSS, HTML, and JavaScript # Sign in/SignUp page should work # CSS HTML and javaScript should be in separate files # Add images # post a picture of your output and code as well
Create a webpage with HTML and JAVA Script that takes a user's 4 inputs (first name,...
Create a webpage with HTML and JAVA Script that takes a user's 4 inputs (first name, last name, phone number, and sex[using checkbox, must set on load and change whenever the checkbox is selected, only 1 box can be selected, selecting the other automatically deselects the latter]) The first button saves all the inputs into LOCAL STORAGE The Second button retrieves all the data in LOCAL STORAGE and displays them on the same page. Alert box to inform the user...
The code to create a Search/Filter Data with Javascript or html from html page.
The code to create a Search/Filter Data with Javascript or html from html page.
In html create a Watchlist page in which a user can create as many watchlist as...
In html create a Watchlist page in which a user can create as many watchlist as they wish. This page will contain the list of watchlist, allow the user to create a new watchlist, and delete an existing one. You have to implement the following: a) A list of all the watchlist that a user has created. For now, you can randomly create few. b) An option to create a new watchlist. Make sure you ask the user what the...
HTML Create a page of texts that uses inline elements. The page should contain a citation,...
HTML Create a page of texts that uses inline elements. The page should contain a citation, a term definition, a subscript, a superscript and some highlighted texts.
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT