HTML теги. HTML списки. Тег DL. | IT-блог о веб-технологиях, серверах, протоколах, базах данных, СУБД, SQL, компьютерных сетях, языках программирования и создание сайтов.

Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и ее раздел HTML теги. Данная публикация посвящена HTML тегу <dl>. Описание тега <dl>, атрибуты тега <dl>, синтаксис тега <dl>, пример использования тега <dl>. Тег <dl> относится к группе тегов HTML списков.

HTML тег <dl>. Описание <dl>

Содержание статьи:

HTML тег <dl>. Описание <dl>
Тег <dl>. Синтаксис тега <dl>
Тег <dl>. Атрибуты тега <dl>
Теги HTML списков
Тег <dl>. Пример использования тега <dl>.

HTML тег <dl> – относится к тегам предназначенным для формирования HTML списков. Тег <dl> предназначен для формирования списков определений в HTML. Сам по себе тег <dl> бесполезен, без еще двух тегов, относящихся к спискам определений: <dd> и <dt>.

Вместе теги <dd>, <dl>, <dt> формируют списки определений. Тег <dl> формирует сам список, тег <dd> служит для записи определения термина, а контейнер <dt> предназначен для отображения самого термина.

HTML элемент <dl> является блочным элементом, для блочных HTML элементов характерно то, что их размеры, то есть, высота и ширина, зависят от содержимого и области, в которой они расположены. Но внутри элемента <dl> могут располагаться только элементы <dd>, <dt>

Тег <dl>. Синтаксис тега <dl>

Тег <dl> является парным HTML тегом, это означает, что закрывающий тег следует обязательно ставить.

<dl>

<dt>Термин</dt>

<dd>Определение термина</dd>

</dl>

<dl>

<dt>Термин</dt>

<dd>Определение термина</dd>

</dl>

Тег <dl>. Атрибуты тега <dl>

Тег <dl>, так же, как и любой другой тег из группы HTML списков, имеет атрибуты событий и универсальные HTML атрибуты.

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

В языке HTML имеется целая группа тегов предназначенных для формирования HTML списков.

Теги, формирующие HTML списки:

<dd> — контейнер для записи определения в списке определений HTML
<dir> - создает список директорий HTML
<dt> - контейнер, в который записывается термин списка определений
<li> - создает элемент списка для любого вида HTML списков
<menu> - в HTML 4 запрещен, служил для создания списка меню, в HTML 5 используется как обертка для элемента <command>
<ol> - создает нумерованный список HTML или упорядоченный список
<ul> - создает неупорядоченный список HTML или иначе маркированный список

Тег <dl>. Пример использования тега <dl>.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Пример использования тега DL</title>
</head>
<body>
<dl>
<dt>HTML</dt>
<dd>Язык разметки гипертекста. Стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме. </dd>
<dt>JavaScript</dt>
<dd>Прототипно-ориентированный скриптовый язык программирования. Является диалектом языка ECMAScript</dd>
</dl>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Пример использования тега DL</title>

</head>

<body>

<dl>

<dd>Язык разметки гипертекста. Стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме. </dd>

<dt>JavaScript</dt>

<dd>Прототипно-ориентированный скриптовый язык программирования. Является диалектом языка ECMAScript</dd>

</dl>

</body>

</html>

Если вы скопируете пример в текстовый редактор(рекомендую Notepad++, бесплатный редактор с подсветкой синтаксиса), а затем запустите его в браузере, то увидите:

На этом всё, спасибо за внимание, надеюсь, что был хоть чем-то полезен и до скорых встреч на страницах блога для начинающих вебразработчиков и вебмастеров ZametkiNaPolyah.ru