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

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 тегом, это означает, что закрывающий тег следует обязательно ставить.

[php]

<dl>

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

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

</dl>

[/php]

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

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

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

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

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

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

[php]

<!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>

[/php]

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

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

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

Возможно, эти записи вам покажутся интересными


Выберете удобный для себя способ, чтобы оставить комментарий

Leave a Comment

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Loading Disqus Comments ...