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.

4. In the apply08.html file, add the following caption to the table element: 2017 Sales by Quarter

5. In the apply08.html file, add the following elements within the table element: Product Quarter 1 Quarter 2 Quarter 3 Quarter 4 Tablets $24,500 $21,525 $20,217 $28,575 Monitors $12,825 $12,400 $11,900 $14,233 Laptops $33,000 $32,750 $31,595 $32,465 Desktops $21,478 $20,895 $18,200 $21,625

6. In the applystyles08.css file, create the following style rules: table { width: 80%; margin-left: auto; margin-right: auto; } table, tr, th, td { border-collapse: collapse; border: solid 0.1em #000000; padding: 1em; } td { text-align: center; } caption { font-size: 2em; padding: 1em; margin-top: 1em; } 7. Add appropriate comments above each style rule.

code is below

/* Style sheet created by: Student's First Name Student's Last Name, Today's Date */

/* Style for body specifies a background color */ body { background-color: #669999; }

/* Style for the container element */ #container { width: 90%; margin-left: auto; margin-right: auto; }

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