Loading...

An internal style sheet can provide great control over altering a table's appearance.

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:

schedule
  • An internal style sheet that modifies...
    • at least one row
    • at least one column
    • table headers
    • the table itself
    • all table cells
  • Include at least 8 events and times.

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.