HTML Description List

A description list is a list of terms, with a description of each term. The <dl> tag defines the description list, the <dt> tag defines the term name, and the <dd> tag describes each term. 

Syntax: 

<dl> Contents... </dl>

Please refer to the How to add description list of an element using HTML? article for further details.
 

Example: This example describes the HTML Description List.

HTML
<!DOCTYPE html>
<html>

<body>
    <h2>A Description List</h2>
    <dl> 
        <dt>Coffee</dt>
        <dd>- 500 gms</dd>
        <dt>Milk</dt>
        <dd>- 1 ltr Tetra Pack</dd>
    </dl>
</body>

</html>

Output:

Description List

HTML Lists

An HTML list is a record of related information used to display the data or any information on web pages in the ordered or unordered form

HTML List Example

Basic Implementation of HTML lists.

HTML
<!DOCTYPE html>
<html>

<head>
    <title>w3wiki</title>
</head>

<body>
    <h2>Welcome To w3wiki Learning</h2>
    <h5>List of available courses</h5>
    <ul>
        <li>Data Structures & Algorithm</li>
        <li>Web Technology</li>
        <li>Aptitude & Logical Reasoning</li>
        <li>Programming Languages</li>
    </ul>
    <h5>Data Structures topics</h5>
    <ol>
        <li>Array</li>
        <li>Linked List</li>
        <li>Stacks</li>
        <li>Queues</li>
        <li>Trees</li>
        <li>Graphs</li>
    </ol>
</body>

</html>

Output:

HTML List

There are three types of lists in HTML:

Table of Content

  • HTML Unordered List or Bulleted List
  • HTML Ordered List
  • HTML Description List

Similar Reads

HTML List Tags

Here is the list of all lists tags HTML:...

The HTML Unordered List or Bulleted List

The unordered list items are marked with bullets. It is also known as bulleted lists. An unordered list starts with the

HTML Ordered List

In an ordered list, all list items are marked with numbers by default. An ordered list starts with the

    tag. Each list item starts with the “li” tag....

HTML Description List

A description list is a list of terms, with a description of each term. The

tag defines the description list, the
tag defines the term name, and the
tag describes each term....

Conclusion

HTML lists provide a way to display a structured collection of items. In this tutorial, we have explained three types of lists- ordered lists, unordered lists, and definition list. We have explained all three list types with examples....

Contact Us