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

Атрибуты тегов списка определений 

У тегов <dd>, <dt>, <dl> имеются только универсальные HTML атрибуты и атрибуты событий HTML

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

Помимо списка определений. Есть еще четыре HTML списка:

Тег <li> во всех этих случаях служит для формирования элементов списка или его пунктов

Пример формирования списка определений 

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

HTML теги. HTML списки. Список определений

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

Текст комментария: