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