Question

Could you create a website based on html and css? Details in the below: Note: You can put link that I can download that folder

Discovery Project 2-1 should Create a Book of the Month Club Web site. The home describe the current months selection, inclu

Based on Project 2-1, do the necessary changes to have a webpage structure of a header, main, and footer sections. Then:

•Set the width of the page to 700px

•Use the font family starting with Verdana

•Move one of the images from your Project 2-1 to the header.

•Set the width of the header image to 200px

•Float the header image to the right

•Add a margin of 10px to the header image

•Change the color and font of the header text

•Add a border and background color of your choice to the header

•Ensure the contents of the section does not float into the header

•Center all headings

•Ensure paragraph text is not centered

•Set the width of the paragraph image to 175px

•Float the paragraph image(s) to the left

•Add a margin of 10px to the paragraph image

•Align the footer text to the right

•Set the footer text to 80% size

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

<html>

<head>

<title> the home page for correct month section </title>

</head>

body{

color:#000; background-color:lightblue;

font-family:Verdana;

}

#container{

/*Styling for any element with the id="container" */

width:700px;

/* The width is fixed by pixels */

color:#fff;

background-color:red;

}

h1#logo {

width:200px;
float:right;

background-color:blue;

font-family:Verdana;

align="center"

}

header img{

margin:10px;}

paragraph image {width:175px;

float:left;

margin:10px;

}

footer{text:right;

size:80%

}

<body>

<table>

<tr>

<td>book title<td>

<td>author</td>

<td>publisher</td>

<td>isbn number</td>

<td>number of pages</td>

</tr>

</table>

Add a comment
Know the answer?
Add Answer to:
Could you create a website based on html and css? Details in the below: Note: You...
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
  • Does my css style sheet look okay? /* Author:       Your Name --> Natasha Strange /*...

    Does my css style sheet look okay? /* Author:       Your Name --> Natasha Strange /* Date:           Today's Date --> September 22, 2019 /* Description:   Lab Number --> Lab04 /*doctype css*/ @import url(fonts/chuckfive.css); @import url(fonts/merriweather.css); body    { background-color: rgb(199,201,191);        } div { border: 1px solid black;        padding: 100px 100px 100px 100px;        background-color: gray; } nav { text-align: center;    color: rgb( 7,20,138); } header, footer   { background-color: rgb(199,201,199);        color:...

  • Add style rules in css file to accomplish the following: In the following order, use the...

    Add style rules in css file to accomplish the following: In the following order, use the Calibri font, Arial font, or any available sans-serif font for the text. Set the font size for the body to 85% of the browser’s default font size. Set the width of the window to display the document to 950. Center the text in the header. Set the font size for the level-one heading in the header to two and one-half times the browser’s default...

  • I cant seem to get the CSS at the bottom of this HTML to work. <!doctype...

    I cant seem to get the CSS at the bottom of this HTML to work. <!doctype html> <html lang="en"> <head> <!--Madison McCuiston--> <meta charset="utf-8"> <title>Amelie Boulangerie</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="wrapper"> <header>Amelie Boulangerie</header> <!-- change this to header tag --> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="pastries.html">Pastries</a></li> <li><a href="events.html">Events</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> <main> <H2>Experience the Difference</H2> <p><span class="bakery">Amelie Boulangerie</span> is the master of flavor combinations.The jewel-colored macarons come in the most tempting of flavors. Experience the difference...

  • HTML Web Page project: Need help to create a web page exactly as the example below...

    HTML Web Page project: Need help to create a web page exactly as the example below using HTML. I need the source code. Page 1 of CA272 Midterm Welcome to your name's CA272 Midterm Text In this class, I learned how to... 1. create an X)HTML web page, where I can 2. change the size of my font, 3. change the color of my fonts, 4. change my font style, 5. and change the background color of my web page....

  • Apply the following styles: Set the width of the body element to 1000 pixels. Set the...

    Apply the following styles: Set the width of the body element to 1000 pixels. Set the width of the navigation element to 100%. Adjust the css and html to have your navigation list display horizontally (think floats and widths). Center the navigation element by setting the margin to auto. Clear the float for the section element. Set the width of all articles to 75%. Add a class to the articles that contains your favorite websites. Set the width of that...

  • 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...

  • I have to create a website (using html) with three different tabs that consists of: -...

    I have to create a website (using html) with three different tabs that consists of: - Home page - Contact Us - Calender I was wondering how I go about doing so. I already have made the home page, contact us, and calender but I'm not sure how to put it onto one website and how to make tabs for contact us, calender, and the home page. Also, my professor asked us to do this as well: You will provide...

  • 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...

  • Hi, can someone explain to me why my image is not in the middle but all...

    Hi, can someone explain to me why my image is not in the middle but all the way to the top of the page? <!DOCTYPE html> <html lang=”en”> <head> <title> Pacific Trails Resort :: Yurts </title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="pacific.css"> <div id="yurthero"></div> </head> <body> <div id="wrapper"></div> <header> <h1 id="hh"> Pacific Trails Resort </h1> </header> <div id=”navbar”></div> <b><a href=”index.html”> Home </a>&nbsp; <a href=”yurt.html”> Yurt </a>&nbsp; <a href=”activities.html”> Activities</a>&nbsp; <a href=”reservation.html”> Reservation </a>&nbsp; </ul> </b> <div> <img src="images/yurts.jpg" alt="Yurt" height="250"...

  • Chapter 8 Exercise: Create a web page about the next place you would like to visit....

    Chapter 8 Exercise: Create a web page about the next place you would like to visit. Save the files as nextstop.html and nextstop.css. Include the follow­ing HTML5 elements: header, nav, main, figure, figcaption, article, and footer. Config­ure the text, color, and layout with CSS. Make sure you apply components of responsive web design to ensure it displays well on both desktop and smartphone browsers. Hint: Add the viewport meta tag, configure flexible images, and edit the CSS to configure a...

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