In lesson 6 we saw how to create two types of lists: ordered <ol>...</ol> and unordered <ul>...</ul>. We now introduce a third variety, the descriptive list. Unlike the lists we have seen earlier, the descriptive list marks its entries not with a bullet marker or a number, but by its pattern of indentation.
The format for a descriptive list tag is:
<dl> <dt> description title1 <dd> description description1 <dt> description title2 <dd> description description2 : : : <dt> description titleN <dd> description descriptionN </dl>The <dl> .... </dl> tags include alternating pairs of description titles <dt> and descriptions <dd> A Web browser will typically generate the list with each description indented to offset it from the title.
As viewed in a web browser, the above example looks like this:
The descriptive list might be used as a glossary of definitions, but for our example we will use it to create a short bibliography for our Volcano Web lesson:
<h3>Bibliography</h3> Check your library for these books: <dl> <dt>Cas, R.A.F. and Wright, J. V. (1987). <dd><I>Volcanic Successions: Modern and Ancient.</I> London: Allen & Unwin. <dt>La Croix, A. (1904) <dd><I>La Montagna Pelée et ses Éruptions.</I> Paris: Masson <dt>Lipman, P.W. and Mullineaux (eds). (1981) <dd><I>The 1980 Eruptions of Mount St. Helens, Washington.</I> U.S. Geological Survey Professional Paper 1250. </dl>
NOTE: We have used some of the Special Characters for the ampersand symbol ("&") in the first reference and for the accent marks in the second reference. If you are unfamiliar with the HTML special characters, see lesson 10
<dl> <dt><b>Oxides</b> <dd>Combinations of metal ions with Oxygen, comprises the major ores extracted in mining operations <ul> <li>Hematite (iron ore) <li>Magnetite (iron ore, magnetic mineral) <li>Corundum (gemstone, abrasive) </ul> <dt><b>Sulfates</b> <dd>Metal ions combines with the Sulfate ion (SO4), atomic structure sometimes can allow bonding of water molecules <ul> <li>Gypsum (plaster) <li>Barite (drilling mud) </ul> </dl>
The Internet Connection at MCLI is
Alan Levine --}
Comments to email@example.com