Embedded ListsHere's a sample embedded list for you to consider:
You will need to study this code very carefully. You will see the tags indented in such a way as to give you clues about its organization. Indentation is not necessary (and the browser doesn't care about indentation). You should notice that the list which contains the cities is actually inside (embedded) in the list item for the state. Consider this portion of the entire list:
Now let's take a look at a somewhat more complex list. This one is embedded to two levels. Study the code carefully to see how it works!
Study the code for this page very carefully. You should notice three levels in this list: Continent, Country, and City. Notice also that for each different level you use a different TYPE of ordered list.
- - - - - - - - - - - - - - - - - - - - - - -
You will create a list with just two levels: state and city. Your list will include ten states with five cities for each state. Using Google can be a real help if you don't happen to know the names of cities in the states you include on your list.