Оновлено: 19.05.2025

dt

Frontend HTML Теги dt

<dt>

Елемент <dt> (від англ. description list term - визначення списку описів) входить до трійки елементів <dl>, <dt>, <dd>, призначених для створення списку описів. Кожен такий список починається з контейнера <dl>, куди входить елемент <dt>, створює термін і елемент <dd> , який визначає опис цього терміна.
 

 

 

Синтаксис

<dl> <dt>Термін 1</dt> <dd>Опис термину 1</dd> <dt>Термін 2</dt> <dd>Опис термину 2</dd> </dl>

 

 

Закриваючий тег

Не обов'язковий.
 

 

 

Атрибути

Для цього елемента доступні універсальні атрибути та події.

 

 

Приклад

<!DOCTYPE HTML>
<html>
 <head>
  <metacharset="utf-8">
  <title>List of descriptions</title>
  <style>
   dd {
    font-style: italic; /* Italic text */
   }
   dt {
    margin-top: 1em; /* Top padding */
   }
  </style>
 </head>
 <body>
 <dl>
  <dt>GIF</dt>
  <dd>A graphic file format widely used in website development.
   GIF uses 8-bit color and effectively compresses solid colored areas,
   while maintaining image detail.</dd>
  <dt>JPEG</dt>
  <dd>A popular graphic file format widely used in creating
  websites and image storage. JPEG supports 24-bit color and saves
  brightness and hue of colors in photographs. This format is called lossy compression.
  because the JPEG algorithm selectively rejects the data. The compression method may distort
  a detail in a drawing, especially one that contains text or an image with sharp edges.
  The JPEG format does not support transparency; when you save a photo as
  JPEG, transparent pixels are filled with a specific color.</dd>
 </dl>
 </body>
</html>