HTML and CSS Reference
In-Depth Information
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 lab4-3styles.css:
body {font-family: Arial, Verdana, Garamond;
font-size: 11 pt;}
th.subtitle {text-align: left; text-indent: 10px;}
td {text-indent: 10px;}
(
Hint:
The <th> element aligns text left. Where would you use that class named subtitle?)
7. Link lab4-3styles.css to the HTML file, and save the HTML file as lab4-3solution.html.
8. Validate the HTML and CSS files using the W3C validator services.
9. Print the HTML and CSS files.
10. Print the Web page from your browser.
11. Submit the HTML file, .css file, and Web page in the format specified by your instructor.
Cases and Places
Apply your creative thinking and problem-solving skills to design and implement a solution.
1: Finding Tables on the Web
Academic
The Dean of your school wants to update the Web pages for the school's Web site. She has asked your
help in doing this and wants to see a proposal. You think that tables would provide the perfect format
for displaying the various academic programs available in your school, potential class schedules, and a
calendar of events. Browse the Web to find examples of tables used for information such as what is needed
on your school's Web site. Print those pages so that you have concrete examples to show the Dean.
Prepare a document that explains to the Dean how you would use such tables for your school's particular
needs. Try using a storyboard (a series of illustrations or images, displayed in sequence, that visually
depicts your ideas). Sketch a Web page design (see Figure 4-8 on page HTML 163 and Figure 4-38 on
page HTML 201) that incorporates tables for your purpose.
2: Creating a Time Schedule
Personal
Your computer club wants you to create a table that lists meeting, open lab, and lab class times for the
computer labs. Sketch a basic table format to use for this purpose and ask a few friends (or classmates)
what they think. Once you have determined a good design for the Web page, begin to code the table
needed. As you begin to build the Web page, you should start thinking about other table properties that
could make the Web pages look even better. Create a Web page with a basic five-row, two-column table
with a border. Review additional properties listed in Appendix D that can be used with tables. Find
information on those properties on other Web sites, including the W3C Web site (w3.org). Modify the
basic table on your Web page to incorporate at least four of these properties.
Continued >
