Списки описаний в HTML

Другие списки HTML

HTML также поддерживает списки описаний.

Списки описаний HTML

Список описаний — это список терминов с описанием для каждого. Тег <dl> определяет список, тег <dt> определяет каждый термин, а тег <dd> его описывает.

Пример

Список описаний напитков и того, чем они являются.

Список описаний (dl) с терминами и описаниями: Кофе - чёрный горячий напиток, Молоко - белый холодный напиток, с использованием dt для терминов и dd для описаний.

> Output: полная HTML-страница

Prompt

Список описаний (dl) с терминами и описаниями: Кофе - чёрный горячий напиток, Молоко - белый холодный напиток, с использованием dt для терминов и dd для описаний.

Output: полная HTML-страница

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Список описаний</title>
</head>
<body>

<dl>
  <dt>Кофе</dt>
  <dd>- чёрный горячий напиток</dd>
  <dt>Молоко</dt>
  <dd>- белый холодный напиток</dd>
</dl>

</body>
</html>

Итоги главы

Подведём итог: используйте элемент <dl> для списка описаний, элемент <dt> для каждого термина и элемент <dd> для описания термина.

Теги списков HTML

Теги, связанные со списками: <ul> (неупорядоченный список), <ol> (упорядоченный список), <li> (элемент списка), <dl> (список описаний), <dt> (термин), и <dd> (описание термина).