ZuoTi.Pro
Question

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 to create a table that has three (3) columns (Font Faces, Font Sizes, Colors) and (5) five rows (different font faces, font sizes, and color codes in their appropriate face, size, and color). Use the <th> tag to create the headings for each column the background-color style value to change the color of the heading cells and the font-family and color style values to change the color of the font in the cell headings row. Use the background-color style value on the table tag to change the color of the background of your table to a different color than the background of your web page.

Appropriate style values that change the font, font size, and font color.

This page should also have a link back to your Assignment 1 web page.

You should then add an <a> (anchor) tag to your Home Page web page entry for this assignment that opens your Table web page.

When you have this Assignment ready for me to view and grade you should click on this assignment and then chose "Write Submission" and type the URL of your web page so I can click on that link and open your Assignment in a new browser window (target="_blank").

engineering   Computer-Science   
0 0
Add a comment Improve this question Transcribed image text
Next > < Previous
Sort answers by oldest

Homework Answers

Answer #1

If you have any doubts, please give me comment...

<!DOCTYPE html>

<html>

<head>

<title>Tables</title>

<style type="text/css">

body{

background-color:#dad9d9;

}

table{

border-collapse: collapse;

}

tr th{

background-color:#5f5e5e;

color:#fff;

font-size: 14px;

font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

tr td{

background-color: aliceblue;

}

</style>

</head>

<body>

<h1>Tables</h1>

<table border=1>

<thead>

<tr><th>Heading 1</th><th>Heading 2</th><th>Heading 3</th></tr>

</thead>

<tbody>

<tr><td>Col-11</td><td>Col-12</td><td>Col-13</td></tr>

<tr><td>Col-21</td><td>Col-22</td><td>Col-23</td></tr>

<tr><td>Col-31</td><td>Col-32</td><td>Col-33</td></tr>

<tr><td>Col-41</td><td>Col-42</td><td>Col-43</td></tr>

<tr><td>Col-51</td><td>Col-52</td><td>Col-53</td></tr>

</tbody>

</table>

<a href="../home.html" target="_blank">Go to Home...</a>

</body>

</html>

0 0
Add a comment
Know the answer?
Add Answer to:
Create a CSS-styled Table Page For this Assignment you will first read the appropriate chapters in...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Log In

Sign Up

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

  • Code for the movies page: <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...

    Code for the movies page: <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title>Daniel's Movie Page</title> </head> <body> <a href="hobbies.html">Hobbies</a> <h1>Movies and Actors</h1> <ol> <li class="ol-list1">Gravity</li> <li>Avenger</li> <li>Marshal</li> <li>Interstellar</li> <li>Dark Knight</li> <li>Superman</li> </ol> <ul> <li class="ul-list1">Robet Downey jr.</li> <li>Sharuk Khan</li> <li>Ranbir Kapoor</li> <li>Sidhhart Malhotra</li> <li>Angela Joli</li> <li>Leonardo DiCaprio/li> </ul> <h2>Favorite Movie</h2> <p> <b>Gravity:</b> The movie portrayed what happens to an astronaut if he/she is pushed away from spaceship.It was terrifying how much...

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

  • Can someone help me with this assignment. I am struggling with the formatting PART A Create...

    Can someone help me with this assignment. I am struggling with the formatting PART A Create a web page containing data of your choice and the following styles: A background image that repeats vertically on the right hand side of the page. The image should not scroll with the page contents. All the headings should be displayed in green and Arial fonts. Create at least three headings in your web page. A paragraph style with centered double-spaced text that displays...

  • Could you create a website based on html and css? Details in the below: Note: You...

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

  • This is your opportunity to be creative! You are required to create a minimum of two...

    This is your opportunity to be creative! You are required to create a minimum of two HTML pages. The first required web page is your Home Page, which is about you. The second web page describes a place to which you have traveled or would like to travel. Each of your web pages will be graded for content, creativity, and for appropriate use of the HTML statements that have been discussed in class. You must use a text editor and...

  • Create a storyboard for a four (4) page Website (one (1) home page and three (3)...

    Create a storyboard for a four (4) page Website (one (1) home page and three (3) sub pages) and one (1) Cascading Style Sheet (.css). Using Microsoft Word, Microsoft Visio, or Dia, create a diagram of the layout and navigation structure. Explain the effects that the Cascading Style Sheet (.css) will have on the Web page. There must be a minimum of two (2) changes. Be sure to include detail. (Example: The Cascading Style Sheet (.css) will make the background...

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

  • HTML/CSS: Modify the table you created in hands-on exercise 8.1 to be centered on the page,...

    HTML/CSS: Modify the table you created in hands-on exercise 8.1 to be centered on the page, use a background color of #CCCC99, and display text in arial or the browser default sans-serif font. Configure this table using CSS instead of obsolete HTML attributes. Place an e-mail link to yourself on the web page. Save the file as mytable.html. HERE IS THE CODE FOR 8.1: <!DOCTYPE html> <html lang="en"> <head> <title>Practice with Tables</title> <meta charset="utf-8"> </head> <body> <table border="1" > <caption>School...

  • You will use your text editor to create a table and apply table styles. First, you...

    You will use your text editor to create a table and apply table styles. First, you insert a table element. Next, you add a table caption, table rows, table headers, and table data. Then, you create style rules to format the table. Work with the apply08.html file and the applystyles08.css file. You will also use professional web development practices to indent, space, comment, and validate your code. 3. In the apply08.html file, add a table element within the main element....

  • Place an e-iall k t0 yuIJU 6. Create a web page about your favorite sports team...

    Place an e-iall k t0 yuIJU 6. Create a web page about your favorite sports team with a two-column table that list the positions and starting players. Use embedded CSS to style the table border, back ground color, and center the table on the web page. Place an e-mail link to yourself n the web page. Save the file as sport8.html. 7. Create a web page about your favorite movie that uses a two-column table contain- ing details about the...

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