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

При помощи тега <ul> создается ненумерованный список, закрывающий тег обязателен.
Для построения списка, одного тега <ul> будет не достаточно, для отображения элементов списка нужно ввести тег <li>, закрывающего тега не требует, запись будет выглядеть таким образом: <ul><li>...</ul>

В окне браузера будет отображаться вот такой список:
  • Список один
  • Список два
  • Список три
  • Список четыре
<ul>
<li>Список один
<li>Список два
<li>Список три
<li>Список четыре
</ul>

У тэга <li> есть атрибут type, служит он для изменения элемента списка. Атрибут type может принимать значения disk, circle, square.
Запись будет следующего плана:

В окне браузера будет отображаться вот такой список с разными элементами:
  • Закрашенный кружок
  • Не закрашенный кружок
  • Квадрат
<ul>
<li type="disk">Закрашенный кружок (значение по умолчанию)
<li type="circle">Не закрашенный кружок
<li type="square">Квадрат
</ul>

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

В окне браузера будет отображаться вот такой список с квадратиками:
  • Список один
  • Список два
  • Список три
  • Список четыре
<ul type="square">
<li>Список один
<li>Список два
<li>Список три
<li>Список четыре
</ul>

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

Упорядоченные списки вводятся в Html при помощи тега <ol> И так же, как в случае с неупорядоченными списками, содержит в себе тэг <li> для отображения элементов списка.
Запись такого списка будет такой:

В окне браузера будет отображаться вот такой пронумерованный список:
  1. Список один
  2. Список два
  3. Список три
  4. Список четыре
<ol>
<li>Список один
<li>Список два
<li>Список три
<li>Список четыре
</ol>

Для упорядоченных списков также как и для не упорядоченных может употребляться атрибут type. Для упорядоченных списков возможны следующие значение атрибута type:

В окне браузера будет отображаться вот такой упорядоченный список список:
  1. Арабские цифры
  2. Буквы верхнего регистра
  3. Буквы нижнего регистра
  4. Римские цифры в нижнем регистре
  5. Римские цифры в верхнем регистре
<ol>
<li type="1">Арабские цифры (значение по умолчанию)
<li type="A">Буквы верхнего регистра
<li type="a">Буквы нижнего регистра
<li type="i">Римские цифры в нижнем регистре
<li type="I">Римские цифры в верхнем регистре
</ol>

Так же как в случае с неупорядоченными списками атрибут type можно использовать не только с тегом <li>, нои с тегом <ol>.
В таком случае получится такая запись:

В окне браузера будет отображаться вот такой пронумерованный список список:
  1. Список один
  2. Список два
  3. Список три
  4. Список четыре
<ol type="I">
<li>Список один
<li>Список два
<li>Список три
<li>Список четыре
</ol>


Вернуться назад Перейти к следующей странице



2009 - 2018г. andron09_73@mail.ru