index.html page structure

Now that I am inside the body of my site, it's time to get some div's down to layout my content in.

Starting from where we left off:

Here we have the rest of the site, in the little, yet powerful amount of code.

Beneath the wrapper div, I've opened and closed what will be the header, the blurb (beneath the header) and then the nav, which is a style unorderly list.

Another useful snippet from A List Apart on, tamings lists.

"As I mentioned previously, the menus of links that appear on nearly every site should really be marked up as lists, since that is what they are. Since we usually don’t want the default list style to apply to these links, we can use CSS to change the way they appear on the page. As we saw above, lists can be forced to display horizontally (inline) rather than stacked vertically (the default behavior). When you do this the bullet goes away and you have many choices about how to separate the list items."

Beneath the nav is the content div, and below that is the footer, before closing the body and html off neatly. Keeping your code indented in this fashion allows you to see where elements begin and where they end without plastering your document with a mess of comments.