Building Your Learning Module...
Getting things ready for you!
Find videos you like?
Save to resource drawer for future reference!
A description list is used to display a list of terms and their definitions or descriptions. It's also called a definition list or association list. Use the <dl> element for the list,<dt> for terms, and<dd> for descriptions.
<dl>
<dt>Term</dt>
<dd>Definition or description</dd>
</dl>The most basic description list uses the <dl> tag with <dt> for terms and <dd> for definitions.
Basic description list with terms and definitions
<h3>Web Development Glossary</h3>
<dl>
<dt>HTML</dt>
<dd>HyperText Markup Language - the standard markup language for web pages</dd>
<dt>CSS</dt>
<dd>Cascading Style Sheets - used for styling and layout of web pages</dd>
<dt>JavaScript</dt>
<dd>A programming language that makes web pages interactive</dd>
</dl>Loading preview...
<dl>Container for all terms and descriptions
<dt>The term or name being defined
<dd>The definition or description of the term
<dd> elements for one <dt> element!A single term can have multiple descriptions. This is useful for listing multiple values, addresses, or definitions for one term.
<dl>
<dt>Colors</dt>
<dd>Red</dd>
<dd>Blue</dd>
<dd>Green</dd>
<dt>Size</dt>
<dd>Small</dd>
<dd>Large</dd>
</dl>Multiple descriptions for one term (business hours)
<h3>Contact Information</h3>
<dl>
<dt>Email</dt>
<dd><a href="mailto:info@example.com">info@example.com</a></dd>
<dt>Phone</dt>
<dd>+1 (555) 123-4567</dd>
<dt>Address</dt>
<dd>
123 Main Street<br>
New York, NY 10001<br>
USA
</dd>
<dt>Business Hours</dt>
<dd>Monday to Friday: 9 AM - 5 PM</dd>
<dd>Saturday: 10 AM - 3 PM</dd>
<dd>Sunday: Closed</dd>
</dl>Loading preview...
Description lists are perfect for displaying product specifications and details in an organized way.
Using description lists for product specifications
<h3>Product Specifications</h3>
<dl>
<dt>Model</dt>
<dd>Pro X1000</dd>
<dt>Color Options</dt>
<dd>Black</dd>
<dd>White</dd>
<dd>Silver</dd>
<dt>Dimensions</dt>
<dd>25cm × 15cm × 8cm</dd>
<dt>Weight</dt>
<dd>450 grams</dd>
<dt>Warranty</dt>
<dd>2 years limited warranty</dd>
<dt>Price</dt>
<dd>$299.99</dd>
</dl>Loading preview...
Description lists are ideal for technical documentation and glossaries where you need to define many terms.
Acronyms and technical terms with explanations
<h3>Technical Definitions</h3>
<dl>
<dt>API</dt>
<dd>Application Programming Interface - a set of protocols for building software</dd>
<dt>REST</dt>
<dd>Representational State Transfer - an architectural style for web services</dd>
<dt>JSON</dt>
<dd>JavaScript Object Notation - a lightweight data exchange format</dd>
<dt>CORS</dt>
<dd>Cross-Origin Resource Sharing - a mechanism that allows restricted resources</dd>
<dt>SSL/TLS</dt>
<dd>Secure Sockets Layer/Transport Layer Security - cryptographic protocols for security</dd>
</dl>Loading preview...
Technical or domain terms
Questions and answers
Product or feature details
Document properties
Contact details and info
Term explanations