- HTML Tutorial
- HTML - Home
- HTML - Introduction
- 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 - Iframes
- HTML - Phrase Elements
- HTML - Meta Tags
- HTML - Classes
- HTML - IDs
- HTML - Backgrounds
- HTML Tables
- HTML - Tables
- HTML - Headers & Caption
- 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
- HTML - HEX
- HTML - HSL
- 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 - 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 - 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 - <dt> Tag
HTML <dt> tag is used to defines a data term within a description or definition list. It should be used within the <dl> tag (is the parent tag of the <dt> tag).
We can create multiple <dt> tags in a row that denote multiple data terms that are 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
<dl> <dt></dt> <dt></dt> …. </dl>
Attribute
HTML dt tag supports Global and Event attributes of HTML.
Examplees of HTML dt Tag
Bellow examples will illustrate the usage of dt tag. Where, when and how to use dt tag.
Creating dt Element
In the following example, we are creating a description list using the <dl> tag. Then, using the <dt> tag, we are creating a data term within the <dl> tag to display the data terms of the list items.
<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>
Creating dt element with dd element
In this example, we are creating 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 description 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>
Creating multiple dt with dd elements
In this program, we are creating a description list using <dl> tag. Then, using the <dt> and <dd> tags, we are creating multiple data terms and descriptions to display the data terms and data descriptions of this 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 |
To Continue Learning Please Login
Login with Google