HTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! Given the HTML, css below , and original output below for a table, modify the application so that it Produces the second output, below the first illustrated output. TABLE with STYLE SHEET Product Size (oz) Caffeine (mg) Fat (g) Green Tea 820 0 Dark Chocolate 220 19 THE CSS FILE TABLE1.CSS table{ background-color:skyblue; color: red;}
HTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you!
Given the HTML, css below , and original output below for a table, modify the application so that it
Produces the second output, below the first illustrated output.
<html>
<head>
<title>TABLE with STYLE SHEET</title>
<meta charset="utf-8" />
<meta name="description" content="How to form a table and apply styling." />
<link href="table1.css" type="text/css" rel="stylesheet" />
</head>
<body>
<table border = "1">
<col class ="product" />
<colgroup class = "facts">
<col/> <col/> <col class = "fat" />
</colgroup>
<tr>
<th> Product </th>
<th> Size (oz) </th>
<th> Caffeine (mg) </th>
<th> Fat (g) </th>
</tr>
<tr> <td> Green Tea </td> <td>8</td><td>20 </td> <td>0 </td></tr>
<tr> <td> Dark Chocolate </td> <td>2</td><td>20 </td> <td>19 </td></tr>
</table>
</body>
</html>
THE CSS FILE TABLE1.CSS
table{ background-color:skyblue;
color: red;}
Step by step
Solved in 4 steps with 3 images
