Question

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

Create an “About Me” HTML webpage. Use the

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 tags and use a different color for it.

0 0
Add a comment Improve this question Transcribed image text
Answer #1

Dear Student ,

As per the requirement submitted above , kindly find the below 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

SAbout Me localhost:8080/aboutme.html Me and Myself My Name :Ajinkya Rahane Institute/College :IIT Chennai Department: Comput

NOTE : PLEASE FEEL FREE TO PROVIDE FEEDBACK ABOUT THE SOLUTION.

Add a comment
Know the answer?
Add Answer to:
Create an “About Me” HTML webpage. Use the Tag to give the page a header with...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions
  • 2 Apply Your Knowledge Reinforce the skills and apply the concepts you learned in this chapter Styling a Webpage Instru...

    2 Apply Your Knowledge Reinforce the skills and apply the concepts you learned in this chapter Styling a Webpage Instructions: In this exercise, you will use your text editor to create external, embedded, and inline styles for the Durango Jewelry and Gem Shop home page. You will style the sections of the semantic wireframe header, nav, main, and tooter and a div element that surrounds all of the content to center the content on the page. You will also float...

  • Create a HTML code on HTML tags and attributes Add textual content to your page which...

    Create a HTML code on HTML tags and attributes Add textual content to your page which describes your topic. Your text does not have to be all that unique. You can copy from the textbook or other sources as long as you cite your sources. Remember, you are trying to explain something to another student. Task 2: Find at least three (3) resources on the Internet which also explain your topic and add them as links (<a>) to your page...

  • PLEASE HELP: EASY CODE. Using your template create a webpage that contains a div. Give the...

    PLEASE HELP: EASY CODE. Using your template create a webpage that contains a div. Give the body element the id of TOOscary. Give the div the id of ghost. At the bottom of the page (just before the closing body tag) insert a script element. In the script element insert an assignment statement to save the content of the webpage using the variable candy. Hint: candy= document.getElementById(‘TOOscary’).innerHTML; We want to save it so we can bring it back after we...

  • Create a CSS-styled Table Page For this Assignment you will first read the appropriate chapters in...

    Create a CSS-styled Table Page For this Assignment you will first read the appropriate chapters in the textbook and then a create web page, for example called table.html, in your ubunix.buffalo.eduaccount just as you did in Home Page Assignment. Assignment Requirements Your new web page should utilize the following HTML tags and include the following: A <body> tag that uses an appropriate style value to change the background color of the web page. Appropriate <table>, <tr>, <th>, and <td> tags...

  • please help me with this project subject: Web and Mobile Development You are to create a...

    please help me with this project subject: Web and Mobile Development You are to create a page that has four images that are links to other schools in the New England area. Each image is to be controlled in size by a CSS responsive design. The page is to appear balanced by an appropriate, complimentary, background color. White is not an option as a background color. Look up how to make image links on W3Schools. There is to be a...

  • n the Labs Labs 1 and 2, which increase in difficulty, require you to create webpages based on what you learned in the...

    n the Labs Labs 1 and 2, which increase in difficulty, require you to create webpages based on what you learned in the chapter; Lab 3 requires you to dive deeper into a topic covered in the chapter. Lab 1: Creating an External Style Sheet for City Farmer Problem: You work for a local but rapidly growing gardening supply company called City Farmer that specializes in products that support food self-sufficiency. The company has hired you to help create the...

  • HTML Decide on a subject for your first web page. All page content must be related...

    HTML Decide on a subject for your first web page. All page content must be related to this subject. Create your first web page. Name the file Brandon-Lab01.html. The page must contain the foundation !DOCTYPE, html, head, and body tags. The html tag must also include the lang attribute with a value of en Place the following in the head of your page: Title the page Lab 1 - Brandon. Add the meta character set tag. A <link href="Lab01.css" rel="stylesheet"...

  • OMILJ LU JUDMIng dlile upload For the assignment you will be creating an HTML page for...

    OMILJ LU JUDMIng dlile upload For the assignment you will be creating an HTML page for a topic of your choosing. The page must be consistent in the content. Examples could include a page about a favorite author, a city, a sports team, a car brand, etc. The page must include the following requirements. Remember to use line breaks, paragraphs, headers, and lists for formatting • Include the doctype for HTML5 • Include 3 or more paragraphs <p> tag (content...

  • Create an external style sheet named Lab05.css. In this style sheet put the following styles: At the top of the style sheet, add the line: @charset "utf-8"; Add this comment: /* Lab 5 Extern...

    Create an external style sheet named Lab05.css. In this style sheet put the following styles: At the top of the style sheet, add the line: @charset "utf-8"; Add this comment: /* Lab 5 External Style Sheet - Brandon  */ Style the h1 element with a background color of lightgreen and center the text. Style the p element with a blue text color and yellow background color. Style the p element of class .firstclass with a green text color. Style the...

  • i need help with this homework webpage and code too: The webpage must include: Global Structure...

    i need help with this homework webpage and code too: The webpage must include: Global Structure Tags Text Tags Images   Your first page must be named index.html Include a table within your site, challenge yourself to add a header in the table, and choose interesting border and/or cell formatting. Include a hyperlink within your site. Include an image in your site. Include a form in your site to demonstrate understanding of a variety of form components (the form does not...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT