
- HTML Tutorial
- HTML - Home
- HTML - Roadmap
- HTML - Introduction
- HTML - History & Evolution
- HTML - Editors
- HTML - Basic Tags
- HTML - Elements
- HTML - Attributes
- HTML - Headings
- HTML - Paragraphs
- HTML - Fonts
- HTML - Blocks
- HTML - Style Sheet
- HTML - Formatting
- HTML - Quotations
- HTML - Comments
- HTML - Colors
- HTML - Images
- HTML - Image Map
- HTML - Frames
- HTML - Iframes
- HTML - Phrase Elements
- HTML - Code Elements
- HTML - Meta Tags
- HTML - Classes
- HTML - IDs
- HTML - Backgrounds
- HTML Tables
- HTML - Tables
- HTML - Table Headers & Captions
- HTML - Table Styling
- HTML - Table Colgroup
- HTML - Nested Tables
- HTML Lists
- HTML - Lists
- HTML - Unordered Lists
- HTML - Ordered Lists
- HTML - Definition Lists
- HTML Links
- HTML - Text Links
- HTML - Image Links
- HTML - Email Links
- HTML Color Names & Values
- HTML - Color Names
- HTML - RGB & RGBA Colors
- HTML - HEX Colors
- HTML - HSL & HSLA Colors
- HTML - HSL Color Picker
- HTML Forms
- HTML - Forms
- HTML - Form Attributes
- HTML - Form Control
- HTML - Input Attributes
- HTML Media
- HTML - Video Element
- HTML - Audio Element
- HTML - Embed Multimedia
- HTML Header
- HTML - Head Element
- HTML - Adding Favicon
- HTML - Javascript
- HTML Layouts
- HTML - Layouts
- HTML - Layout Elements
- HTML - Layout using CSS
- HTML - Responsiveness
- HTML - Symbols
- HTML - Emojis
- HTML - Style Guide
- HTML Graphics
- HTML - SVG
- HTML - Canvas
- HTML APIs
- HTML - Geolocation API
- HTML - Drag & Drop API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web Storage
- HTML - Server Sent Events
- HTML Miscellaneous
- HTML - Document Object Model (DOM)
- HTML - MathML
- HTML - Microdata
- HTML - IndexedDB
- HTML - Web Messaging
- HTML - Web CORS
- HTML - Web RTC
- HTML Demo
- HTML - Audio Player
- HTML - Video Player
- HTML - Web slide Desk
- HTML Tools
- HTML - Velocity Draw
- HTML - QR Code
- HTML - Modernizer
- HTML - Validation
- HTML - Color Picker
- HTML References
- HTML - Cheat Sheet
- HTML - Tags Reference
- HTML - Attributes Reference
- HTML - Events Reference
- HTML - Fonts Reference
- HTML - ASCII Codes
- ASCII Table Lookup
- HTML - Color Names
- HTML - Character Entities
- MIME Media Types
- HTML - URL Encoding
- Language ISO Codes
- HTML - Character Encodings
- HTML - Deprecated Tags
- HTML Resources
- HTML - Quick Guide
- HTML - Useful Resources
- HTML - Color Code Builder
- HTML - Online Editor
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 | ![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|
dd | Yes | Yes | Yes | Yes | Yes |