Списки в html бывают нумерованные и непронумерованные.
Нумерованные списки отличаются наличием в начале строки цифры или буквы.
В непронумерованных списках ставятся какие-нибудь символы точки, квадратики, стрелочки.
UL (Unsorted List)
Используется для создания неупорядоченного списка. Между начальным и конечным тегами должен быть один или несколько элементов LI для обозначения отдельных пунктов списка.
Например:
<ul>
<li> Пункт списка номер один </li>
<li> Пункт списка номер два</li>
<li> Пункт списка номер три </li>
</ul>
Результат:
OL (Ordered List)
С помощью данного тега можно создать упорядоченный список. Между начальным и конечным тегами должны быть один или несколько элементов LI для обозначения отдельных пунктов списка.
Атрибуты:
Атрибут type определяет каким будет стиль нумерации списка.
type=”1″ арабские числа 1,2,3 и т.д.
type=”I” римские числа I,II,III и т.д.
type=”A” заглавные буквы
type=”a” строчные буквы.
Если атрибут не написать, то список будет состоять с арабских чисел (1,2,3..)
Также есть атрибут start который показывает число с которого будет нумерация пунктов.
Например для значения start=”4″ список начнётся с цифры 4 и пойдёт по порядку 4, 5, 6.
Смотрите пример :
Список с арабскими числами
<ol type=”1″ >
<li> Пункт списка номер один </li>
<li> Пункт списка номер два </li>
</ol>
Список с римским буквами
<ol type=”I” >
<li> Первый пункт </li>
<li> Второй пункт </li>
</ol> Список не с начала
<ol type =”1″ start=”3″ >
<li> Создание сайта </li>
<li> Оптимизация </li>
<li> Продвижение </li>
</ol>
В результате получим:
LI (List Item)
Создает пункт в списке. Располагается внутри элементов OL или UL.
Атрибуты:
VALUE – изменяет порядок нумерации элементов списка. Используется только если элемент LI находится внутри элемента OL. В качестве значения указывается порядковый номер элемента.
Например:
<ol>
<li> Это обычный пункт списка </li>
<li value=”7″> А с этого пункта нумерация пойдет с номера 7 </li>
<li> И так далее </li>
</ol>
В итоге мы увидим:
Следующая страница – Работа с ссылками в html
Предыдущая – Оформление текста в html