Question

Create an external style sheet and link it to an html file. Use css to style...

Create an external style sheet and link it to an html file.

Use css to style the page and table. I don't want it to look like the default

browser styling on anything. Use your own css, don't use the defaults from a

css framework like bootstrap.

Add some appropriate headlines, titles, and any other content you think is

appropriate to the document.

Get data from here: http://pds.jpl.nasa.gov/planets/special/planets.htm

Use any 4 of the full planets (not pluto or small bodies).

Combine the data from any 4 planet pages into a single html page with one

single table. I do not want separate tables/pages.

Data attributes or the planet names can be on either horizontal or vertical axis. However you want to format it.

Use first seven data fields: Mass, Diameter, Mean density, Escape velocity, Avg Dist from sun, Rotation period, Revolution period.

Homework Answers

Answer #1

// File 1: Planet.html

<!DOCTYPE html>
<html>
<head>
<title>Information about important planets of the universe</title>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>

<table style="width:100%">
<tr>
<th> </th>
<th>Mercury</th>
<th>Venus</th>
   <th>Earth</th>
   <th>Jupiter</th>
</tr>
<tr>
<th>Mass(kg)</th>
   <td>3.3 x 1023</td>
   <td>4.87 x 10<sup>24</sup>
   <td>5.98 x 10<sup>24</sup>
   <td>1.90 x 10<sup>27</sup>
</tr>
<tr>
<th>Diameter(km)</th>
   <td>4879.4</td>
   <td>12104</td>
   <td>12765</td>
   <td>142,800</td>
</tr>
<tr>
<th>Mean Density(kg/m<sup>3</sup>)</th>
   <td>5420</td>
   <td>5250</td>
   <td>5520</td>
   <td>1314</td>
</tr>
<tr>
   <th>Escape Velocity(m/s)</th>
   <td>4300</td>
   <td>10400</td>
   <td>11200</td>
   <td>59500</td>
</tr>
<tr>
   <th>Avg Dist from Sun(AU)</th>
   <td>0.387</td>
   <td>0.723</td>
   <td>1</td>
   <td>5.203</td>
</tr>
<tr>
   <th>Rotation Period</th>
   <td>58.65</td>
   <td>243.02</td>
   <td>1</td>
   <td>0.41</td>
</tr>

<tr>
   <th>Revolution Period</th>
   <td>87.97</td>
   <td>224.7</td>
   <td>365.26</td>
   <td>11.86</td>
</tr>
</table>
</body>
</html>

File2: mystyle.css

table {
border-collapse: collapse;
width: 100%;
}

th, td {
padding: 8px;
text-align: left;
border-bottom: 1px solid #ddd;
   background-color: white;
}

Know the answer?
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
Similar Questions
use CSS, java and HTML to make a charity admin page. It's a web page after...
use CSS, java and HTML to make a charity admin page. It's a web page after you log in to your account. I can have personal information, the amount of money donated, the children who have received charity, and some blogs. In fact, all the things are what I want. But you are free to do whatever You like, even if you don't say what I say. I just need a charity Admin page for charity User.Don't ask me for...
You must implement a dynamic webpage the provides a basic task-list functionality. In particular, you page...
You must implement a dynamic webpage the provides a basic task-list functionality. In particular, you page should provide a user an interface to add and remove a task as well as mark a task as completed. For this version of the assignment, the tasks will be added directly in the HTML page by manipulating the DOM. Moreover, you should maintain an array that stores task details. Each task comprise of three fields: task-title: which is a one-line description of the...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>All Pets Veterinary Hospital</title> <style> body { font-family: arial,...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>All Pets Veterinary Hospital</title> <style> body { font-family: arial, sans-serif; font-size: 100%; } /* outer container */    #wrapper { width: 960px; margin: 50px auto; padding: 0px; background-color: rgb(255, 255, 255); /* white */ border: 1px solid #000; /* black */ }    header h1 { text-align: center; }    nav { text-align: center; background: rgb(175, 196, 206); }    address figure { text-align: center; } </style> </head> <body> <div id="wrapper"> <!-- outer...
This will be my third time submitting this question. THERE SHOULD BE NO USE OF CSS...
This will be my third time submitting this question. THERE SHOULD BE NO USE OF CSS OR SWITCH STATEMENTS IN THE JAVASCRIPT. Even though there is stylesheet in the HTML file do no create a new one. Project Standards: Students will use click events to capture user input. Students will use variables to store information needed by their application and keep track of their program’s state. Students will use conditionals to control project flow. Project Task You will be building...
Think Piece # 2 Instructions This is not a research paper, but a critical analysis of...
Think Piece # 2 Instructions This is not a research paper, but a critical analysis of a certain situation or case study. Your final document should be a couple of pages in length. You will want to consider the following as you prepare your response. Review the situation presented in the case below, and then identify the "main question" and any "sub questions". As you formulate your answer to the "question" raised in the case, be sure to use concepts...
Question 1 of 15 Which of the following is not a recommended starting point to enter...
Question 1 of 15 Which of the following is not a recommended starting point to enter sales of products/services? A. Quick Create > Invoice B. Register > New transaction C. Quick Create > Sales Receipt D. Customer detail page > New transaction E. Transactions > Sales > New transaction Question 2 of 15 Which of the following statements accurately describes bank rules? A. Bank rules are imported from the Bank's website into the For Review tab in the Banking Center...
What are your top 3 take aways from this article? Technology is no longer just for...
What are your top 3 take aways from this article? Technology is no longer just for geeks. The internet has changed everything, including marketing. Be they small, medium or large, social media grants all companies an equal playing field on which to organically reach new customers. However, success will always ride on the marketing strategy employed. Obviously, larger companies have the advantage of bigger budgets and more resources. But that doesn’t mean social media for small business owners can’t compete...
Please read the article and answear about questions. Determining the Value of the Business After you...
Please read the article and answear about questions. Determining the Value of the Business After you have completed a thorough and exacting investigation, you need to analyze all the infor- mation you have gathered. This is the time to consult with your business, financial, and legal advis- ers to arrive at an estimate of the value of the business. Outside advisers are impartial and are more likely to see the bad things about the business than are you. You should...
Please answer the following Case analysis questions 1-How is New Balance performing compared to its primary...
Please answer the following Case analysis questions 1-How is New Balance performing compared to its primary rivals? How will the acquisition of Reebok by Adidas impact the structure of the athletic shoe industry? Is this likely to be favorable or unfavorable for New Balance? 2- What issues does New Balance management need to address? 3-What recommendations would you make to New Balance Management? What does New Balance need to do to continue to be successful? Should management continue to invest...