In this exercise we will be adding page structure. On a 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 our 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 markup 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 |