html tutorial - <dl> Definition list tag in HTML with example - html5 - html code - html form



  • Definition list is a list of terms and their definition/description.
  • Definition list in order to use with the combination of <dt> and <dd> tags.
  • <dt> tag used to define the term name.
  • <dd> tag used to define the term description.
  • <dl> tag belonging to Flow content category.

Syntax for <dl> tag:

<dl><dt>Term Name</dt><dd>Description of term<dd></dl>

Sample Coding for <dl> tag:

Tryit<!DOCTYPE html>
<html >
    <head>
         <title>Wikitechy dl tag</title>
    </head>
    <body>
          <dl>
            <dt>HTML</dt>
            <dd>A HTML Wikitechy Tutorials for learners.</dd>
            <dt>CSS</dt>
            <dd>A CSS Wikitechy Tutorials for learners.</dd>
          </dl>
    </body>
</html>

Code Explanation for Definition list:

code explanation for definition list dl tag

  1. <dl>tag is initiated in the document.
  2. HTML and CSS Terms are mentioned in <dt> tag.
  3. The description of the HTML and CSS is declared within the <dd> tag.
  4. <dl>tag is terminated.

Output of Definition list tag:

output for definition list dl tag

  1. Here the output displays the description of the HTML and CSS in the document.

Browser Support for <dl> tag:

Yes Yes Yes Yes Yes

Related Searches to definition-list tag in html