View video tutorial

HTML Definition Lists

HTML

<dl> defines definition list using definition term <dt> and definition data <dd>.

HTML Definition List


Definition list starts with <dl> tag.

<dt> tag for definition term to describe the items group.

<dl> tag for list item or list data.

Definition list do not use any symbol or serial number.

An Definition List

Item Group one
Item1
Item2
Item3

An Definition List

Item Group two
Item3
Item4
Item5
Item Group three
Item6
Item7
Item8

Learning with HTML Editor "Try it Now"

You can edit the HTML code and view the result using online editor.

Example

<!DOCTYPE html>
<html>

<head>
   <title>HTML Definition List</title>
   <meta charset="utf-8" />
</head>

<body>

   <h2>An Definition List</h2>

   <dl>
      <dt>Item Group one</dt>
      <dd>Item1</dd>
      <dd>Item2</dd>
      <dd>Item3</dd>
   </dl>

   <h2>An Definition List</h2>

   <dl>
      <dt>Item Group two</dt>
      <dd>Item3</dd>
      <dd>Item4</dd>
      <dd>Item5</dd>
      <dt>Item Group three</dt>
      <dd>Item6</dd>
      <dd>Item7</dd>
      <dd>Item8</dd>
   </dl>

</body>

</html>
Try it Now »

Click on the "See output" button to see how it works.