HTML Tutorial 6
Prepared by: Anthony Larrain
Definition Lists
- A little different from unordered and ordered lists.
- To create a definition list use the
<dl> tag.
- The items of the list consists of a series of term - definition pairs.
- For the term use the
<dt> tag.
- For the definition use the
<dd> tag.
- The basic structure of a defintion list is:
<![CDATA[<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
]]>
Example 1
In this example we will write a page that uses a definition list to define some terms. The code that follows will produce this page.
deflist.html
<![CDATA[<html>
<head><title>Definition List Example</title></head>
<body>
<h2>Words You Should Know</h2>
<dl>
<dt><strong>Pedantic</strong></dt>
<dd>Characterized by a narrow, often ostentatious concern for book
learning and formal rules: a pedantic attention to details.</dd>
<dt><strong>Grok</strong></dt>
<dd>To grok (pronounced GRAHK) something is to understand something so well that it is fully
absorbed into oneself. In Robert Heinlein's science-fiction novel of 1961, Stranger in a
Strange Land, the word is Martian and literally means "to drink" but metaphorically means
"to take it all in," to understand fully, or to "be at one with." Today, grok sometimes
is used to include acceptance as well as comprehension - to "dig" or appreciate as well
as to know. </dd>
<dt><strong>Magnanimous</strong></dt>
<dd>showing or suggesting a lofty and courageous spirit.
2. showing or suggesting nobility of feeling and generosity of mind.</dd>
</dl>
<p>For more interesting words check out this website
<a href="http://www.angelfire.com/sc2/greatone/words.html">Words You Should Know</a></p>
</body>
</html>
]]>
Example 1 ... Explained
- Each list item requires two sets of tags.
- One for the term
<dt> the other for the definition <dd>.
- The default style instructs the browser to indent the definition .
Example 2
For this example write a page that uses a definition list create a list of links with explanations. The code that follows will produce this page.
deflist.html