HTML Description List

Subject: html

HTML Description List

An HTML Description List is used to present terms alongside their explanations or definitions. It’s ideal for glossaries, metadata, FAQs, and technical documentation.

🧱 Structure

A description list is made up of:

  • <dl>: Container for the list
  • <dt>: Term (e.g., word, label)
  • <dd>: Description or definition of the term

🔤 Syntax

🚀 Try it in Compiler

✅ Basic Example

🚀 Try it in Compiler

🎨 Styling with CSS

Improve presentation by using padding, colors, and spacing:

🚀 Try it in Compiler

🔁 Nested Description Lists

Description lists can be nested for detailed breakdowns:

🚀 Try it in Compiler

📌 Common Use Cases

  • Glossaries and dictionaries
  • FAQs (Frequently Asked Questions)
  • Metadata definitions
  • Key-value documentation

✅ Key Takeaways

  • Use <dl> to define description lists.
  • Pair terms with <dt> and definitions with <dd>.
  • Ideal for glossary, metadata, and paired data.
  • Nest <dl> inside <dd> for hierarchical data.
  • Style with CSS to enhance visual structure and clarity.
Next: HTML Links