Homework Help is Here – Start Your Trial Now!
Engineering
Computer Engineering
ch 8 apply your knowledge i need this solved. below is index.html and styles.css TASKS In the index.html file, add a table element within the main element. Nest the following caption element within the table element: 2025 Sales by Quarter  In the styles.css file, create a style rule for the table element that: sets the width to 80%, sets the top and bottom margins to 0, sets the left and right margins to auto, and sets a border with the values 3px solid #71881b. Create a style rule for table, tr, th, and td selectors that collapses the border and sets the padding to 2%. Create a style rule for the caption element that sets the font-size to 2em, padding to 2%, and margin-top to 2%. Create a style rule for th and td selectors that sets a border with the values 1px solid #7188bb. Create a style rule for td that center-aligns its text. Create a style rule for tr that sets the background color to #d3e788 for odd rows. index.html   title                                                                              Designed by:                styles.css /* CSS Reset */ body, main, footer, table {     margin: 0;     padding: 0;     border: 0; } /* Style rule for body */ body {   background-color: #f4f9e1; } /* Style rule for the container */ #container {   width: 80%;   margin: 0 auto; } /* Style for the footer element */ footer {   font-size: .70em;   text-align: center; }

ch 8 apply your knowledge i need this solved. below is index.html and styles.css TASKS In the index.html file, add a table element within the main element. Nest the following caption element within the table element: 2025 Sales by Quarter  In the styles.css file, create a style rule for the table element that: sets the width to 80%, sets the top and bottom margins to 0, sets the left and right margins to auto, and sets a border with the values 3px solid #71881b. Create a style rule for table, tr, th, and td selectors that collapses the border and sets the padding to 2%. Create a style rule for the caption element that sets the font-size to 2em, padding to 2%, and margin-top to 2%. Create a style rule for th and td selectors that sets a border with the values 1px solid #7188bb. Create a style rule for td that center-aligns its text. Create a style rule for tr that sets the background color to #d3e788 for odd rows. index.html   title                                                                              Designed by:                styles.css /* CSS Reset */ body, main, footer, table {     margin: 0;     padding: 0;     border: 0; } /* Style rule for body */ body {   background-color: #f4f9e1; } /* Style rule for the container */ #container {   width: 80%;   margin: 0 auto; } /* Style for the footer element */ footer {   font-size: .70em;   text-align: center; }

Computer Networking: A Top-Down Approach (7th Edition)
Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:James Kurose, Keith Ross
Chapter1: Computer Networks And The Internet
Section: Chapter Questions
Problem R1RQ: What is the difference between a host and an end system? List several different types of end...
See similar textbooks
icon
Related questions
Question
100%

ch 8 apply your knowledge

i need this solved. below is index.html and styles.css

TASKS

In the index.html file, add a table element within the main element.

Nest the following caption element within the table element: <caption>2025 Sales by Quarter</caption> 

In the styles.css file, create a style rule for the table element that:

  • sets the width to 80%,
  • sets the top and bottom margins to 0,
  • sets the left and right margins to auto,
  • and sets a border with the values 3px solid #71881b.

Create a style rule for table, tr, th, and td selectors that collapses the border and sets the padding to 2%.

Create a style rule for the caption element that sets the font-size to 2em, padding to 2%, and margin-top to 2%.

Create a style rule for th and td selectors that sets a border with the values 1px solid #7188bb.

Create a style rule for td that center-aligns its text.

Create a style rule for tr that sets the background color to #d3e788 for odd rows.

index.html

<html lang="en">
<head>
  <title>title</title>
  <meta charset="utf-8">
    <link rel="stylesheet" href="css/styles.css">
</head>
<body>

  <div id="container">

        <!-- Use the main area to add the main content of the webpage -->
     <main>
           
        </main>

        <!-- Use the footer area to add webpage footer content -->
        <footer>
            <p>Designed by: </p>
        </footer>

  </div>
  
</body>
</html>
styles.css
/* CSS Reset */
body, main, footer, table {
    margin: 0;
    padding: 0;
    border: 0;
}

/* Style rule for body */
body {
  background-color: #f4f9e1;
}

/* Style rule for the container */
#container {
  width: 80%;
  margin: 0 auto;
}

/* Style for the footer element */
footer {
  font-size: .70em;
  text-align: center;
}
Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 4 steps with 2 images

SEE SOLUTIONCheck out a sample Q&A here
Blurred answer
Knowledge Booster
Elements and Tags
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-engineering and related others by exploring similar questions and additional content below.
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY
SEE MORE TEXTBOOKS