Dd Tag In HTML

In this post, we will cover Dd Tag. With the aim that it would serve the learning requirements.

The <dd> tag in HTML is used in conjunction with the dt tag and the dl tag to create a definition list. The dd tag is used to define the description or definition of a term or phrase.

The following is a description list with terms and descriptions:

Example

<!DOCTYPE html> <html> <body> <dl> <dl> <dt>Tea</dt> <dd>Brown hot drink</dd> <dt>Soda</dt> <dd>White cold drink</dd> </dl> </dl> </body> </html>

Here is another example of using the HTML <dd> tag:

Example: 

<!DOCTYPE html> <html><body><br><br> <br> <title>Example Page</title><br> <br> <br> <h1>Definitions</h1><br> <dl><br> <dt>HTML</dt><br> <dd>Hypertext Markup Language</dd><br> <dt>CSS</dt><br> <dd>Cascading Style Sheets</dd><br> <dt>JavaScript</dt><br> <dd>A programming language used to create interactive and dynamic web pages.</dd><br> </dl><br> <br><br> </body></html>


DD Tag Definition and Usage

The Tag <dd> defines a term/name in a description list.

The tag <dd> is employed in combination with <dl> (describes a description list ) and <dt> (identifies terms/names).

Note: Within a Tag <dd>, you can include paragraphs, line breaks, images, links, lists, and more.

Browser Compatibility

Element
<dd>YesYesYesYesYes

Event Attributes

The Event Attributes are also compatible with HTML’s <dd> tag.


Global Attributes

The Tag <dd> also functions with the Global Attributes in HTML.


CSS Default Settings

The <dd> element will often be displayed with the following default values:

dd {
display: block;
margin-left: 20px;
}

Uses of HTML <dd> tag

  • The <dd> tag in HTML is used in conjunction with the <dt> tag and the <dl> tag to create a definition list. The <dd> tag is used to define the description or definition of a term or phrase. Here are some of the common uses of the <dd> tag:
  • The <dd> tag can be used to create a glossary of terms on a website, where each term is followed by its definition or description.
  • On an e-commerce website, the <dd> tag can be used to display product information, such as product features, specifications, and other details.
  • The <dd> tag can be used to display step-by-step instructions in tutorials and how-to guides, where each step is followed by a description or explanation.
  • Frequently Asked Questions (FAQ) sections on a website can use the <dd> tag to display answers to common questions, with each question followed by its answer.
  • Legal websites can use the <dd> tag to create a glossary of legal terms, where each term is followed by its definition.
Do subscribe to our Newsletter below, if you want to be in touch with the latest technical information on this site.
We value your feedback.
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0

Subscribe To Our Newsletter
Enter your email to receive a weekly round-up of our best posts. Learn more!
icon

Leave a Reply

Your email address will not be published. Required fields are marked *