Create a web page that generates a timesheet table like the one in Figure 1 using the HTML code from Figure 2 and the CSS rules from Figure 3 below.NOTE: For Figure 2, fill in the ellipsis (...) with the correct code. table { width: 200px;margin: auto; }caption { font-size: 2em;font-weight: bold; }thead { background-color: #eaeaea; }tbody { font-family: Arial, sans-serif;font-size: .90em; }tbody td { border-bottom: 1px #000033 dashed;padding-left: 25px; }tfoot { background-color: #eaeaea;font-weight: bold;text-align: center; }Figure 3 - CSS Rules for Timesheet Time SheetDayMondayTuesdayWednesdayHours435Thursday3Friday3Total18Figure 1 - TimesheetTime SheetDayHoursMonday4Friday3Total18

CODE: <!-- Online HTML Compiler. Code, Compile, Run…

Answered: Create a web page that generates a…

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Related questions

Question

Create a web page that generates a timesheet table like the one in Figure 1 using the HTML code from Figure 2 and the CSS rules from Figure 3 below.

NOTE: For Figure 2, fill in the ellipsis (...) with the correct code.

table { width: 200px;
margin: auto; }
caption { font-size: 2em;
font-weight: bold; }
thead { background-color: #eaeaea; }
tbody { font-family: Arial, sans-serif;
font-size: .90em; }
tbody td { border-bottom: 1px #000033 dashed;
padding-left: 25px; }
tfoot { background-color: #eaeaea;
font-weight: bold;
text-align: center; }
Figure 3 - CSS Rules for Timesheet

Time Sheet
Day
Monday
Tuesday
Wednesday
Hours
4
3
5
Thursday
3
Friday
3
Total
18
Figure 1 - Timesheet
<table>
<caption>Time Sheet</caption>
<thead>
<tr>
<th id="day">Day</th>
<th id="hours">Hours</th>
</tr>
</thead>
<tbody>
<tr>
<td headers="day">Monday</td>
<td headers="hours">4</td>
</tr>
<tr>
<td headers="day">Friday</td>
<td headers="hours">3</td>
</tr>
</tbody>
<tfoot>
<tr>
<td headers="day">Total</td>
<td headers="hours">18</td>
</tr>
</tfoot>
</table>

Expert Solution

Step by step

Solved in 2 steps with 1 images

SEE SOLUTION Check out a sample Q&A here

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.

Similar questions