Списки в html бывают нумерованные и непронумерованные.
Нумерованные списки отличаются наличием в начале строки цифры или буквы.

В непронумерованных списках ставятся какие-нибудь символы точки, квадратики, стрелочки.


UL (Unsorted List)

Используется для создания неупорядоченного списка.  Между начальным и конечным тегами должен быть один или несколько элементов LI для обозначения отдельных пунктов списка.

Например:

<ul>
<li> Пункт списка номер один </li>
<li> Пункт списка номер два</li>
<li> Пункт списка номер три </li>
</ul>

Результат:

Списки в html

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>

В результате получим:

Создание списка в html

LI (List Item)

Создает пункт в списке. Располагается внутри элементов OL или UL.

Атрибуты:
VALUE – изменяет порядок нумерации элементов списка. Используется только если элемент LI находится внутри элемента OL. В качестве значения указывается порядковый номер элемента.

Например:

<ol>
<li> Это обычный пункт списка </li>
<li value="7"> А с этого пункта нумерация пойдет с номера 7 </li>
<li> И так далее </li>
</ol>

В итоге мы увидим:

Списки в языке html

Следующая страницаРабота с ссылками в html

Предыдущая Оформление текста в html