HTML - <dd> Tag



Introduction to <dd> Tag

The HTML <dd> tag is the part of the description list (<dl>) element, that is used to define the description. It is always used inside a <dl> element and provides the definition or description of the name introduced by the <dt> tag.

The <dd> tag can contains the text, images, links ot other HTML elements providing flexibility to present information in the organized manner.

Syntax

Following is the syntax of HTML <dd> tag −

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

Attributes

HTML dd tag supports Global and Event attributes of HTML.

Example : Basic Usage

Let's look at the following example, where we are going to consider the basic usage of the <dd> tag.

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML dd Tag</title>
</head>
<body>
   <!--create a description list-->
   <dl>
      <dt>HTML</dt>
      <dd>
         Hyper Text Markup Language(single data description).
      </dd>
   </dl>
</body>
</html>

Example : Using nowrap Attribute

Consider the following example, where we are going to use the nowrap attribute along with the <dd> tag.

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML Description lists</title>
</head>
<body>
   <!--create a description list-->
   <dl>
      <dt>Paragraph</dt>
      <dd nowrap="yes">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum error illum ipsum perspiciatis voluptatem, ab rem, laboriosam alias voluptatibus deleniti commodi eveniet? Recusandae, accusantium ex facilis enim odio rem in?</dd>
   </dl>
</body>
</html>

Example : with Hyperlinks

In the following example, we are going to place the hyperlinks within the <dd> tag.

<!DOCTYPE html>
<html>
<style>
    body {
        text-align: center;
        font-family: verdana;
    }
    dt{
        color: green;
    }
</style>
<body>
 <dl>
  <dt>TutorialsPoint</dt>
  <dd><a href="https://www.google.com">Visit TutorialsPoint</a> for more information.</dd><br>
  <dt>CodingGround</dt>
  <dd><a href="https://www.tutorialspoint.com/codingground.htm">Visit CodingGround</a> for different compilers.</dd>
</dl>
</body>
</html>

Supported Browsers

Tag Chrome Edge Firefox Safari Opera
dd Yes Yes Yes Yes Yes
html_tags_reference.htm
Advertisements