eXtropia: the open web technology company
Technology | Support | Tutorials | Development | About Us | Users | Contact Us
Resources
 ::   Tutorials
 ::   Presentations
Perl & CGI tutorials
 ::   Intro to Perl/CGI and HTML Forms
 ::   Intro to Windows Perl
 ::   Intro to Perl 5
 ::   Intro to Perl
 ::   Intro to Perl Taint mode
 ::   Sherlock Holmes and the Case of the Broken CGI Script
 ::   Writing COM Components in Perl

Java tutorials
 ::   Intro to Java
 ::   Cross Browser Java

Misc technical tutorials
 ::   Intro to The Web Application Development Environment
 ::   Introduction to XML
 ::   Intro to Web Design
 ::   Intro to Web Security
 ::   Databases for Web Developers
 ::   UNIX for Web Developers
 ::   Intro to Adobe Photoshop
 ::   Web Programming 101
 ::   Introduction to Microsoft DNA

Misc non-technical tutorials
 ::   Misc Technopreneurship Docs
 ::   What is a Webmaster?
 ::   What is the open source business model?
 ::   Technical writing
 ::   Small and mid-sized businesses on the Web

Offsite tutorials
 ::   ISAPI Perl Primer
 ::   Serving up web server basics
 ::   Introduction to Java (Parts 1 and 2) in Slovak

 

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

  • The basic definition list involves three 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 List</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.

Previous Page | Next Page