HTML - <dt> Tag

Quiz

The HTML <dt> tag is used to define a data term within a description or definition list. It should be used within the <dl> tag, which is the parent tag of the <dt> tag.

We can create multiple <dt> tags in a row to denote multiple data terms, each defined by the immediate next <dd> tag. After each <dt> tag you can have a <dd> tag that describes the term found in the <dt> tag.

Syntax

Following is the syntax of HTML <dt> tag −

<dl>
   <dt></dt>
   <dt></dt>
   .
</dl>

Example: Creating <dt> Element

In the following examples will illustrate the usage of the HTML <dt> tag, including where, when, and how to use it −

<html lang="en">
<head>
   <title>HTML dt Tag</title>
</head>
<body>
   <!-- Creating dt Itemes -->
   <dl>
      <dt>Data Term1</dt>
      <dt>Data Term2</dt>
      <dt>Data Term3</dt>
   </dl>
</body>
</html>

Example: Creating dt element with dd element

In this example, we are create a single data term using the <dt> tag and multiple data descriptions using the <dd> tag within the <dl> tag to display the data term and data descriptions of the list items −

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML Description lists</title>
</head>
<body>
   <!--create a description list-->
   <dl>
      <dt>Data Term</dt>
      <dd>Data description1.</dd>
      <dd>Data description2.</dd>
      <dd>Data description3.</dd>
   </dl>
</body>
</html>

Example: Creating multiple dt with dd elements

In this program, we are create a description list using the <dt> tag. Then, using the <dt> and <dd> tags, we are create multiple data terms and descriptions to display the data terms and data descriptions of the list item −

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML Description lists</title>
</head>
<body>
   <!--create a description list-->
   <dl>
      <dt>HTML</dt>
      <dd>Hyper Text Markup Language.</dd>
      <dt>CSS</dt>
      <dd>Cascading Style Sheet.</dd>
      <dt>JS</dt>
      <dd>JavaScript.</dd>
   </dl>
</body>
</html>

Supported Browsers

Tag
dt	Yes	Yes	Yes	Yes	Yes

html_tags_reference.htm

Print Page