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