Open In App
Related Articles

HTML Description Lists

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

The HTML Description list displays the elements in the form of a definition. The <dl> tag in HTML is used to represent the description list. This tag is used with <dt> and <dd> tags.

HTML Description Lists Tags

  • <dl> tag: This tag defines the description list.
  • <dt> tag: This tag defines the data terms inside the list.
  • <dd> tag: This tag defines the description of data.

Syntax:

<dl> Contents... </dl>

Below are some examples of the description lists in HTML:

Example 1: This example shows the use of the description lists in HTML.

HTML

<!DOCTYPE html>
<html>
  
<body>
    <h1 style="color:green;">
          GeeksforGeeks
      </h1>
      
      <h2>dl Tag</h2>
      
      <!-- HTML dl tag -->
    <dl>
        <dt>GeeksforGeeks</dt>
        <dd>A Computer Science Portal For Geeks</dd>
    </dl>
</body>
  
</html>

                    

Output: 

Example 2:

HTML

<!DOCTYPE html>
<html>
  
<body>
    <h1 style="color:green;">
          GeeksforGeeks
      </h1>
      
      <h2>dl Tag</h2>
      
      <!-- HTML dl tag -->
    <dl>
        <dt>Web Development</dt>
        <dd>HTML</dd>
        <dd>CSS</dd>
        <dd>Javascript</dd>
        <dt>Frameworks</dt>
        <dd>React</dd>
        <dd>Bootstrap</dd>
    </dl>
</body>
  
</html>

                    

Output: 



Last Updated : 02 Aug, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads