Homework #1: Parts of an XHTML Page

In this homework, you'll practice identifying the parts of a some real-world web pages. It pretty much goes without saying that you will need Internet access to do this homework.

1. Go to the css Zen Garden sample page.
2. Notice that the page looks extremely plain.
3. Print out the source of that document (this process will vary depending on the browser you're using). There will probably be a lot of things in the source that look rather confusing to you. There will definitely be many things in the source markup that we have not talked about.
4. Regardless of how confusing the page is, you should be to understand at least a few things about it. So, on the printout do the following¹⁾:
   1. Identify in some way the DOCTYPE of the file. Is this DOCTYPE strict? transitional? or frameset?
   2. Identify 5 uses of empty elements
   3. Identify 5 uses of container elements (non-empty elements)
   4. Identify 5 attribute names
   5. Identify 5 attribute values
   6. Identify 2 uses of comments

1. Then, visit this page and this page. They have the exact (or nearly exact) same source XHTML as the page you just printed out. Yet, they look radically different (and MUCH MUCH better!). The reason for this is because they quite effectively use CSS. So, keep that in mind. We'll be learning CSS as we learn XHTML. First, we must master XHTML. You do not need to print those pages or do anything to them. Just look at them and observe their XHTML. Look at the CSS too, if you'd like (can you figure out how to do this?).

The homework is worth 25 points in total. Late homeworks will be accepted with a late penalty of 10% per day late.

This homework is due at the beginning of class on Tuesday, September 15th.