Html Теги UL, OL, LI и DL — списки в коде создание

Разнообразные Html списки можно создать на основе специальных тегов UL, OL, LI и DL. Пара UL и LI поможет создать маркированные списки, а OL и LI — нумерованные, элементы DL, DT и DD помогут сделать с листинги определений.

Создание маркированных списков на основе тэгов UL и LI.

Html UL – тег, который используют, чтобы создать маркированные списки. А его собрать OL – для нумерованных. Они парные и блочные теги.

Закрывающий и открывающий теги могут иметь внутри отдельные пункты списка, их заключают в открывающий и закрывающий элемент LI. Внутри таких UL тегов могут находиться только элементы LI, внутри самих этих пунктов можно размещать любой текст, изображения, ссылки и пр.

UL Html служит исключительно для организации не упорядоченного листинга. Для него используют вид маркера, прописывая в нем разные значения для атрибута «Type». Он может быть <ul type=»disc»> — закрашенный кружок (по умолчанию);

<ul type=»circle»> — не закрашенный кружок;

<ul type=»square»> – квадрат

Нумерованные списки в Html на основе тэга OL

Если нужно создать нумерованный листинг, то берут теги OL, у них внутри находятся элементы Html LI . OL и LI являются служебными тегами. Они указывают браузеру, какой именно тип списка формируется – маркированный, нумерованный.

Элементы UL, OL и LI могут использовать атрибут TYPE. Для нумерованного списка могут быть такие значения:

<ol type=»1″> — с нумерацией арабскими цифрами.

<ol type=»A»> — с заглавными буквами нумерации.

<ol type=»a»> — со строчными буквами.

<ol type=»I»> — с заглавными римскими цифрами.

<ol type=»i»> — со строчными римскими цифрами.

Специальные и вложенные списки в Html коде

Так называемые «списки определений» задаются тремя тегами -DL, DT и DD. Именно DL сообщает браузеру о том, что далее будет идти список определений. Обычно данный тип применяется, когда нужно описать словарные статьи, имеющие термины (заключенных в теги DT) и их описания (заключенных в теги DD).

DL, DT и DD — это блочные теги. Внутри DT вставляется только контент со строчными тегами, в нем нельзя использовать блоки заголовков и абзацев. DD внутри можно вставить любые строчные, блочные элементы.

Создание вложенного списка в Html делают аналогично с простым. При этом внутри основного списка часть пунктов включается еще раз UL или OL открывающий и закрывающий тег.

Для правильного отображения на странице закрывающий LI того пункта, где создается вложенный пункт, устанавливается только после всего кода вложенного списка.

Добавить комментарий

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