Lab : Creating Schedules

Problem: You want to create a Web page and an external style sheet that lists your piano practice and volunteer schedule, similar to the one shown in Figure 4-49. The Web page will use a table with images that span several rows and columns to organize the information.

Instructions: Perform the following steps:

1. Start a new HTML file with the title Lab 4-3 in the main heading section.

2. In the Web page, create a bordered table that displays in 90% of the browser, as shown in Figure 4-49.

3. Insert an inline style into the

4. Include the headings and data cells as shown, with valid information (i.e., real days and times as per a normal schedule of activities) in the data cells. The main headings (Piano Practice Schedule and Kid Camp Schedule) should be center-aligned across three columns and have a line height of 30 pixels. The data, other than the main headings, will have an indent of 10 pixels when the style sheet is coded and attached.

5. Add two images, piano.png and kids.png, with all appropriate image attributes, each spanning five rows.

6. The external style sheet should contain the following styles and be saved as Iab4-3styles.css:

body { font-fa mily: Arial, Vcrdana, Gara mond; font-size: 11 pt;}

th.subtitle {text-align: left; text-indent: 10px;}

td (text-indent: 10px;)

(Hint: The