246996016-HTML5-Step-by-Step

54 Chapter 4
Creating Definition Lists
A definition list is just what it sounds like: a list that presents terms with their definitions,
such as you would see in a glossary. The word being defined serves as a heading, and the
definition paragraph is indented under it.
The complete list (headings and definition paragraphs) is contained within the and
tags, which stands for definition list. Each word to be defined is contained in a
(definition term) tag, and the definition paragraphs are in (definition description)
tags. Here’s the code for the example just shown:
Fungus
A primitive, non-vascular, non-photosynthetic form of plant life. Examples
include mildews, molds, and mushrooms.
Nematode
A microscopic roundworm that lives in the soil. There are both harmful and
beneficial nematodes. Harmful ones take their toll on the roots of the plant.
This example shows a one-to-one relationship between words and definitions (one
definition for each word), but that’s not a requirement. You can have multiple consecutive
entries of either type. You might do this to accommodate situations in which a single
word has two meanings or two words have the same definition.
Note HTML permits you to omit the closing and tags, but you should get into the
habit of using them anyway. XHTML requires them.
In this exercise, you will create a glossary of terms on a Web page.
SET UP Use the glossary.htm file in the practice file folder for this topic. This practice
file is located in the Documents\Microsoft Press\HTML5 SBS\04Lists\CreatingGlossary
folder. Open the glossary file in Notepad and in Internet Explorer.
1. In the area, enter the following:
Gardening Terms
Here are some useful gardening terms: