Урок 3. Списки.

Существует множество ситуаций когда необходимо пользоваться списками. В языке HTML существует три разновидности.

• Упорядоченные списки - это списки, каждый элемент которых имеет порядковый номер.
• Неупорядоченные списки - это списки, рядом с каждым элементом которых помещается маркер (а не цифровые или буквенные символы).
• Списки определений состоят из набора понятий и сопровождающих их определений.

Упорядоченные списки

Упорядоченные списки создаются при помощи элемента <ol>.

Каждый элемент списка помещается между открывающим тегом <li> и закрывающим тегом </li>.

Иногда можно встретить аргумент type в элементе <ol>, он используется для указания типа нумерации (буквы, римские и арабские цифры и т.п.).

Неупорядоченные списки

Неупорядоченные списки создаются при помощи элемента <ul>.

Каждый элемент списка также помещается между открывающим тегом <li> и закрывающим тегом </li>.

Аргумент type также встречается и в элементе <ul>, он используется для указания типа маркера (круги, квадраты, ромбы).

Списки определений

Список определений создается с помощью элемента <dl> и, как правило, содержит набор понятий и их определений.

Внутри элемента <dl> вы зачастую сможете увидеть пары элементов <dt> и <dd>.

<dt> используется для обозначения понятия (термина). <dd> употребляется для определения понятия.

Вложенные списки

Внутри элемента <li> допустимо создание вложенного списка, или списка второго уровня. Браузеры отображают вложенные списки с большим отступом по сравнению с основным, или родительским, списком.

Хорошо, мы разобрали какими бывают списки в HTML. Предлагаю закрепить прочитанное и выполнить код указанный ниже.

Если результат у вас такой же как и у меня - поздравляю, вы все верно сделали. В следующем уроке мы разберем ссылки. А пока что можете поэкспериментировать с пройденным материалом. До встречи.