HTML теги. HTML списки. Тег DL
Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и…
HTML теги. HTML списки. Списки определений
Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и ее раздел HTML теги. Данная публикация посвящена спискам определений HTML. Список определений формируется тегами <dl>, <dd>, <dd>.
Содержание статьи:
Список определений. Формирования списка определений в HTML. Теги <dl>, <dd>, <dt>.
Как говорилось ранее, в списки определений формируются тремя тегами <dl>, <dd>, <dt>. Списки определений — это одна из разновидностей HTML списков.
Тег <dl> формирует сам список определений. HTML элемент <dl> является блочным элементом, для блочных HTML элементов характерно то, что их размеры, то есть, высота и ширина, зависят от области, в которой они стоят. Внутри блочных элементов могут любы HTML элементы. Но внутри элемента <dl> могут располагаться только элементы <dd> и <dt>.
Тег <dd> предназначен для хранения определения термина списка определений. Элемент <dd> блочный HTML элемент, для блочных элементов характерно то, что их размеры зависят от области, в которой они стоят. Внутри элемента <dd> могут располагаться любые HTML элементы.
Тег <dt> служит для записи термина, которому дается определение. Элемент <dt> строчный HTML элемент, то есть, его ширина и высота зависят от содержимого контейнера <dt>. Внутри элемента <dt> могут располагаться любые строчные HTML элементы.
Если к спискам определений не применяются дополнительные стили и правила CSS, то браузер отобразит их шрифтом, заданным по умолчанию, но, определение от термина будет сдвинуто на 40 пикселов вправо.
Синтаксис списка определений
Теги <dl>, <dd>, <dt> являются парными HTML тегами, то есть для их корректной работы необходим закрывающий тег, но, у тегов <dd> и <dt> можно закрывающий тег не писать, хотя это считается дурным тоном.
[php]
<dl>
<dt>Первый термин</dt>
<dd>Определение первого термина</dd>
<dt>Второй термин</dt>
<dd>Определение второго термина</dd>
</dl>
[/php]
Атрибуты тегов списка определений
У тегов <dd>, <dt>, <dl> имеются только универсальные HTML атрибуты и атрибуты событий HTML
Другие HTML списки
Помимо списка определений. Есть еще четыре HTML списка:
- Маркированный список – второе название не упорядоченный список, данный список HTML формируется тегами <ul>, <li>
- Нумерованный список – другое название упорядоченный список, этот HTML список формируется тегами <ol>, <li>
- Список директорий – данный вид HTML списка формируется при помощи тегов <dir>, <li>
- Список меню – этот список HTML формируется тегами <menu>, <li>
Тег <li> во всех этих случаях служит для формирования элементов списка или его пунктов
Пример формирования списка определений
[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>Пример использования тега DT</title>
</head>
<body>
<dl>
<dt>HTML</dt>
<dd>Язык разметки гипертекста. Стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме. </dd>
<dt>JavaScript</dt>
<dd>Прототипно-ориентированный скриптовый язык программирования. Является диалектом языка ECMAScript</dd>
</dl>
</body>
</html>
[/php]
Если вы скопируете пример в текстовый редактор(рекомендую Notepad++, бесплатный редактор с подсветкой синтаксиса), а затем запустите его в браузере, то увидите:
На этом всё, спасибо за внимание, надеюсь, что был хоть чем-то полезен и до скорых встреч на страницах блога для начинающих вебразработчиков и вебмастеров ZametkiNaPolyah.ru
Выберете удобный для себя способ, чтобы оставить комментарий