Exercise: A table of lists

You may wish to click on the arrow to see the rendered page in a separate window. Loading the page before you start your work might make it easier to see what needs to be done.

Make the following changes to the HTML:

  • Fill in the header for the second meal of the day.
  • Fill in the blank entries on Monday and Wednesday with a list of items of your choice.
  • Add a row for a midnight snack with a single item of your choice.

Make the following changes to the CSS:

  • Add a background colour of yellow to the table data elements.
  • Add a colour of blue to the table header elements.

Note:

Hints:

  • undefined

Solution to the exercise

Here is the least adventurous of the possible solutions (aside from the choice of midnight snack).

Note:

Hints:

  • undefined
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
<!DOCTYPE html>
<html lang="en">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
table {
    empty-cells: hide;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX