OUTPUT A glossary list. NESTING LISTS.

OUTPUT

A glossary list.

NESTING LISTS.

What happens if you put a list inside another list? Nesting lists is fine as far as HTML is concerned; just put the entire list structure inside another list as one of its elements. The nested list just becomes another element of the first list, and it’s indented from the rest of the list. List like this work especially we for menu-like entities in which you want to show hierarchy (for example, in tables of contents) or as outlines.

Indenting nested lists in HTML code itself helps show their relationship to the final layout:

<o1>

<u1>

<1i> www</1i>

<1i>organization </1i>

<1i> beginning HTML </1i>

<u1>

<1i> what HTML is </1i>

<1i>how to write HTML </1i>

<1i> doc structure </1i>

<1i> headings </1i>

<1i>paragraphs </1i>

<1i> comments </1i>

</u1>

<1i>links </1i>

<1i> more HTML </1i>

</o1>

Many browsers format nested ordered lists and nested unordered lists differently from their enclosing lists. They might, for example, use a symbol other than a bullet for a bested list, or number the inner list with letter (a, b, c ) rather than numbers. Don’t assume that this will be the case, however, and refer back to “section 8, subsection” in your text because you can’t determine what the exact formatting will be in the final output. If you donned to be sure which symbols or numbering scheme will be used for a list, specify a style using CSS.

The following input and output example shows a nested list and how it appears in a browser (see figure 4.10)

OMIT

<h1>peppers </h1>

<u1>

<1i> bell</1i>

<1i>Chile</1i>

<u1>

<1i>Serrano</1i>

<1i>jalapeno</1i>

<1i>habanera</1i>

<1i>Anaheim<1i>

</u1>

<1i>Szechuan</1i>

<1i> cayenne</1i>

</u1>