Structuring Your Page Exercise

In this exercise we will be adding page structure. On real page most of the text would be in paragraph elements with a list or two and possibly a data table. In this exercise we will be using the different ways of structuring your page.

Begin with Headers

While a live page would have design elements such as mastheads, logos, and menus or exercise page will not be using design elements, sticking with the basics.

Lists as Menus

Most standards based web design uses an unordered list as the mark-up for navigational elements since semantically your site navigation is basically a list of pages within your site.

Tables

Should be limited to tabular data such as event information or a price list.

item no. description price each per dozen
1 red balloon $0.25 $2.25
2 blue balloon $0.25 $2.25
3 white balloon $0.25 $2.25
4 silver mylar balloon $1.75 $19.00
5 gold mylar balloon $1.75 $19.00

back to top