HTML DL Tag Tutorial

A definition list has two elements in addition to the <dl> element. There's the <dt> element (definition term) to be defined; and the <dd> element (definition description) which provides the description for the definition term.

Here's a simple definition list for a few of my products. I've linked the definition term to the product page in case you want to learn more about it:

Industrial Strength Link Building

This is a 142-page ebook I wrote about building links to your website to increase its link popularity.

SEO for YOU

SEO, an acronym for Search Engine Optmization, is a 102-page ebook I wrote describing all the techniques and strategies I use to secure good search engine positioning. The nice thing about this is I wrote for everyday people, not gurus.

Public Domain Profits

There are millions of public domain resources that are FREE to use, IF you know how to find it and know what to look for. You use publici domain stuff in many ways, including selling it—you keep all the profit.

Free Reports Goldmine

I use free reports and free ebooks to drive traffic to this website, to grow my mailing list, and even to make money from . . . YOU can too, Free Report Goldmine shows you exactly how.

Neat looking list, eh? You can use CSS to give a definition list many different looks. Experiment until you find something you like, it's easy and fun!

Here's the code for that definition list:

<dl>
<dt>Industrial Strength Link Building</dt>
<dd>Description for Link Building Ebook</dd>
<dt>SEO for YOU</dt>
<dd>Description for the SEO Ebook</dd>
<dt>Public Domain Profits</dt>
<dd>Description for Public Domain Profits</dd>
<dt>Free Reports Goldmine</dt>
<dd>Description for Free Reports Goldmine</dd>
</dl>

• Ordered Lists
• Unordered Lists
• Introduction to CSS
• CSS Made Easy