Creating a Calendar Table

Exercise - Class 4 Exercise 1

Start a new Document
Give it a Title : Creating a Calendar Table– this is the title in the <head>
Put the Title on the Page
Leave One blank line
Insert a table 7 rows by 7 columns, width = 100%, border = 1, cellpadding = 5, cellspacing = 5, make the top row a "header"
Merge the top row of cells into one Cell
Type Month and Year into the top cell
Put Days of Week at top of columns
Select row of Days of the week and set the background color.
Select the top cell and set the background color.
Select the 2nd row and center the days of the week. You will have to create a css style and save it. I called mine tableheader2
The edit tableheader2 style and set the font-weight to “bold”
Now highlight the Month and Year in the 1st row of the table and then create a new style. I called mine tableheader1. Set the font color to white, and increase the font size to 24 px
Now select the table and give it a name – table1
Once it has a name then create a new css with that name and set the border color to red.
Extra Items
- Set each column to 150 px wide