×

List of Definitions [7/17]

To create a definition, three tags are used:

  1. <dl> — opens a definition list
  2. <dt> — marks up a term
  3. <dd> — marks up a term definition.

<dt> and <dd> are paired to each other inside the <dl> tag.

For example:

<dl>
  <dt>Term</dt>
  <dd>Definition</dd>

  <dt>Second term</dt>
  <dd>Second definition</dd>
  
  <dt>Cat</dt>
  <dd>A furry purring machine</dd>
</dl>

Do it
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>List of Definitions</title> </head> <body> <h1>List Tags Explained</h1> <dl> <dt>dl</dt> <dd>Definition List</dd> <dt>dt</dt> <dd>Definition Term</dd> <dt>dd</dt> <dd>Definition of a Definition</dd> </dl> </body> </html>
CSS
HTML Academy

To the current list of definitions, add:

  1. Item four, with term ul and definition Unordered List.
  2. Item five, with term li and definition List Item.
Theory Check Next