We have learned how to make sweeping style changes to a table by utilizing tag, class and id selectors in an internal style sheet. To put this into practice, you are going to design a table that presents information about your schedule.
Think of one of your busiest days you've had recently. Create a table that shows your schedule for that day. It should include each chore, errand, task, meal, or whatever else was important to you, and at what time you had to do it. The focus here is on your HTML and CSS skills, so you can pad your schedule with events that never happened, or even just make everything up. Make sure that all of your CSS styling is done through internal CSS for this project (not inline styling). Classes and ids can be used as needed.
Your completed assignment should contain all of the following:
![]() |
|
When you're done, save your HTML file and upload it to your Neocities account. Then submit the assignment link to your teacher. You will be graded using the following rubric:
Table Row |
1 point | An internal CSS style was applied to a table row. |
Column |
1 point | An internal CSS style was applied to a table column. |
Table Headers |
1 point | An internal CSS style was applied to the table headers. |
Table |
1 point | An internal CSS style was applied to the table itself. |
Table Cells |
1 point | An internal CSS style was applied to all table cells. |
Events and Times |
1 point | At least 8 events and times were included in the table. |