REFERENCEhtml

html Documentation

📖 INDEX

# a-tag

# abbr-tag

LOADING ENGINE...

HTML Description Term Tag

Organize terms and definitions semantically. Learn the <dl>, <dt>, and <dd> tags for structured lists.

dt.html

<dl>

<dd>Definition</dd>

</dl>

📄

Interactive HTML Journey: Text Version

Description terms mark the term part of a term-definition pair. The <dt> tag is used inside <dl> to define terms in a description list.

<dt>

A <dt> tag marks a term inside a <dl>. You need an opening <dt> and a closing </dt>. It's followed by <dd> elements that define the term.

<dt>

Now we add content inside the div and close the tag. The browser renders it as a block-level container that groups elements together.

<div>Content here</div>

In the browser, <dt> appears as a term, typically styled differently from <dd> definitions. Screen readers use it to navigate term-definition pairs.

<dl><dt>Term</dt><dd>Definition</dd></dl>

Checkpoint: What tags go inside <dl>?

<dl><dt>Term</dt><dd>Definition</dd></dl>

Correct. The <dt> tag must be inside a <dl> to have semantic meaning. It marks the term part of a term-definition pair.

<dl><dt>Term</dt><dd>Definition</dd></dl>

Now it's your turn. Description lists organize information semantically. Complete the challenges below to master the <dl> tag!

dt.html

1 / 7

📄

Tutor:Description terms mark the term part of a term-definition pair. The <dt> tag is used inside <dl> to define terms in a description list.

⭐ 0 EXP

Description Term Mastery

Unlock nodes by learning description term structures.

Concept 1: The Description Term

The <dt> tag (short for "description term") defines a term in a description list. It's used inside <dl> to mark the term part of a term-definition pair.

System Check

What does 'dt' stand for?

Description TermData TermDefinition TermDisplay Term

Community Holo-Net

Showcase Your Layouts

Built a layout or container structure? Share your div-based designs.

Enjoying this guide?

Codesyllabus is 100% free and open-source. Support our mission, pay for server infrastructure, and fuel new tutorials by buying us a coffee!

HTML Description Term Tag

Pascual Vila

Frontend Instructor.

Description terms mark the term part of a term-definition pair. The <dt> tag is used inside <dl> to define terms in a description list.

Within Description List

The <dt> tag must be used inside a <dl> (description list). It's followed by one or more <dd> (description definition) elements that provide the definition for that term.

Opening and Closing

Always close a description term with </dt>. Each <dt> should be properly closed for valid HTML and semantic meaning.

Semantics & Best Practices

The <dt> tag provides semantic meaning, marking text as a term in a term-definition relationship. This helps screen readers and search engines understand the structure of your content.

Description Term Tag Glossary

<dt> (Description Term): The HTML element that marks a term in a description list. Must be used inside <dl>.
<dl> (Description List): The parent element that contains <dt> terms and <dd> definitions. Required for semantic meaning.
Closing tag </dt>: Required to end the description term. Always close dt tags for valid HTML.
Semantics: Description terms provide semantic meaning, marking text as a term in a term-definition relationship.