DEV Community

Share Point Anchor
Share Point Anchor

Posted on • Originally published at sharepointanchor.com on

HTML <dl> Description List Tag

The

tag stands for Description list or Definition List in HTML. This tag is used to create a definitions list. It is the parent element for
Definition Term
and
Definition Description tags.

The

tag is most commonly used to display the glossaries or definitions of terms. A definition list is similar to other list by it contains two entries such as a term and its description.

Estimated reading time: 4 minutes

Syntax:

The

tag contains both an opening
tag
and closing
tag. The content is written between these two tags.

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

Enter fullscreen mode Exit fullscreen mode

HTML
Tag Characteristics:

th, td{ padding: 20px; }

| HTML

tag | It defines the description list. |
| Content categories | Flow content. If the
element’s children include one name-value group, then it is a palpable content. |
| Permitted content | Either Zero or in WHATWG HTML |
| Tag omission | None, both opening and closing tags are mandatory. |
| Permitted parents | Any element that accepts flow content. |
| Implicit ARIA role | No corresponding rolw |
| Permitted ARIA roles | group, list,none,presentation. |
| DOM interface | HTML DListElement |

Sample of the HTML
Tag:


<!DOCTYPE html>
<html>
   <head>
      <title>Title of the Document</title>
   </head>
   <body>
      <h2>Example of HTML <dl> Tag</h2>
      <dl>
      <dt>HTML</dt>
      <dd>Hypertext Markup Language </dd>
      <dd>It is the language for authoring web documents.</dd>
      <dt>CSS</dt>
      <dd>Cascading Style Sheets</dd>
      <dd>It is the language for defining the styles and presentation of an HTML document.</dd>
      <dt> JavaScript</dt>
      <dd>A scripting language built-in to most browsers and designed to be used with web documents.</dd>
      </dl>
   </body>
</html>

Result:

Result

Download Sample File:

HTML-dl-TagDownload

Attributes:

The

tag supports both the global attributes and the event attributes.

Styling Methods for
Tag:

You can use the following CSS properties to style an HTML Description List tag.

Properties to style the visual weight/emphasis/size of the text in
tag:

  • CSS font-style – This CSS property helps to set the font style of the text such as normal, italic, oblique, initial, inherit.
  • CSS font-family – This CSS property specifies a prioritized list of one or more font family names or generic family names for the selected element.
  • CSS font-size – This CSS property will help to set the size of the font.
  • CSS font-weight – This CSS property used to define whether the font should be bold or thick.
  • CSS text-transform – This CSS property will control the text case and capitalization.
  • CSS test-decoration – This CSS property specifies the decoration added to text such as text-decoration-line , text-decoration-color , text-decoration- style.

Styles to coloring the text in
Tag:

  • CSS color – This CSS property will specify the color of the text content and decorations.
  • CSS background-color – This CSS property helps to set the background color of an element.

Text layout styles for
Tag:

  • CSS text-indent – This CSS property is used to specify the indentation of the first line in a text block.
  • *CSS text-overflow * – This CSS property helps to describe how overflowed content that is not displayed should be signaled to the user.
  • CSS white-space – This CSS property describes how white-space inside an element is handled.
  • CSS word-break – This CSS property decides where the lines should be broken.

Other Properties for
Tag:

  • CSS text-shadow – This CSS property helps to add the shadow to text.
  • CSS text-align-last – This CSS property will set the alignment of the last line of the text.
  • CSS line-height – This CSS property defines the height of a line.
  • CSS letter-spacing – This CSS property helps to decide the spaces between letters/characters in a text.
  • CSS word-spacing – This CSS property specifies the spacing between every word.

Browser Support:

Browser Support

Related Articles:

The post HTML

Description List Tag appeared first on Share Point Anchor.



Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read full post →

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more