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 того пункта, где создается вложенный пункт, устанавливается только после всего кода вложенного списка.

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

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