Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions


WDVL Newsletter

Active Server Pages
JSP/Java Servlets
Microsoft SQL Server
Daily Backup
Dedicated Servers
Streaming Audio/Video
24-hour Support    

jobs.webdeveloper.com

Hiermenus


e-commerce
Partner With Us















Developer Channel
FlashKit.com
JavaScript.com
JavaScriptSource
Developer Jobs
ScriptSearch
StreamingMediaWorld
Web Developer's Journal
Web Developer's Virtual Library
WebDeveloper.com
Webreference
Web Hosts
XMLfiles.com

internet.com
IT
Developer
Internet News
Small Business
Personal Technology

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers


Definition Lists

  • Definition lists allow you to create lists that are more like glossary entries than hierarchies.

  • The basic definition list involves four tags

  • The <DL> tag is used to open a definition list. The <DT> tag is used to signify a definition term, the <DD> tag is used to signify a definition term description, and the </DL> tag is used to end the list.

  • For example, the following code could be used to create a definition list:

<HTML>
<HEAD>
<TITLE>Definition Lists</TITLE>
</HEAD>
<BODY>
<B>Food</B>
<DL>
<DT>Vegetables
        <DD>Vegetables are very good for you. They 
        contain all sorts of essential vitamins.  Of course, 
        they taste terrible, so any self-respecting cyborg would
        take vitamins instead.
<DT>Meat
        <DD>Meat contains lots of proteins that your 
        body needs.  Of course, in the modern world, the 
        way we get meat to the grocery store is exceptionally
        immoral.  You'll just have to make the decision for 
        yourself. 
</DL>
</BODY>
</HTML>

  • The previous code would produce the following HTML list.

Food

Vegetables
Vegetables are very good for you. They contain all sorts of essential vitamins. Of course, they taste terrible, so any self-respecting cyborg would take vitamins instead.
Meat
Meat contains lots of proteins that your body needs. Of course, in the modern world, the way we get meat to the grocery store is exceptionally immoral. You'll just have to make the decision for yourself.

Additional Resources:

Ordered Lists
Introduction to Web Design | Table of Contents
Exercise Four


Up to => Home / Authoring / HTML / Tutorial




Jupiter Online Media: internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and Jupiter Online Media

Jupitermedia Corporate Info


Legal Notices, Licensing, & Permissions, Privacy Policy.

Web Hosting | Newsletters | Tech Jobs | Shopping | E-mail Offers