Создание списков в HTML
В HTML есть возможность, составлять автоматически как нумерованные,
так и маркированные списки.
Создаются списки с помощью двух видов парных тэгов, для каждого вида списка
1.Нумерованные списки
Для создания нумерованных списков используются тэги <ol > </ol > (начало и конец списка), < li > < /li >(начало и конец строки)
Параметры тэга ol - start и type
По умолчанию (start=1) и нумерация начинается с 1. Для изменения нумерации, необходимо изменить значение параметра start
причем значение можно подставлять и отрицательным со знаком минус.
Вот пример списка из трех строчек в html-коде
<ol>
<li>первая строка</li>
<li>вторая строка</li>
<li>третья строка</li>
</ol>
В браузере отразится такой список:
- первая строка
- вторая строка
- третья строка
Попробуем в тег ol. добавить значение параметра start. Внеся такое изменение < ol start=0 >,
оставив отальное без изменения.
Получим
- первая строка
- вторая строка
- третья строка
Подставив вместо 0, -1 получим следующую нумерацию:
- первая строка
- вторая строка
- третья строка
Попробуйте самостоятельно заменить значение параметра start и увидите, как изменится порядок нумерации
По умолчанию, используется арабская нумерация - параметр type=1
Возможны следующие варианты параметра type
A - большие латинские буквы;
a - малые латинские буквы;
I - большие римские цифры;
i - малые римские буквы;
1 - арабские цифры
Нумерация кирилицой не предусмотрена.
Попробуем в тэг ol помимо параметра start=2, добавить параметр type, дав ему значение А.
Внесенные изменения будут выглядеть следующим образом: < ol start=2 type=A >
Список примет следующий вид:
- первая строка
- вторая строка
- третья строка
- первая строка
- вторая строка
- третья строка
Тэг li обладает то же двумя параметрами:value - аналог параметра start и type. Зададим парметры тэга li value=1 и type=a,
для третьей строчки
html-код списка примет такой вид:
<ol start=1 type=1>
<li>первая строка</li>
<li>вторая строка</li>
<li type=a value=1>третья строка</li>
<li>четвертая строка</li>
<li>пятая строчка строка</li>
<li>шестая строка</li>
</ol>
В браузере список отобразится следующим образом:
- первая строка
- вторая строка
- третья строка
- четвертая строка
- пятая строчка строка
- шестая строка
Как видим, нумерация списка изменилась с 3й строчки, в 4-6й строчки нумерация идет согласно заданному в тэге li параметру
value=1 и параметру type=1, заданному в тэге ol. Кроме этого возможно выровнять список, по центру, по левому или правому краю
краю, либо по ширине экрана. Для этого необходимо задать соответствующее значение параметру style:
center - по центру; left- по левому краю; right - по правому краю; justify - по ширине экрана.
По умолчанию выравнивание идет по левому краю. Попробуем в тэг ol добавить значение параметра style="text-align: center;"
(при добавлении не забывайте про кавычки)
В браузере список отобразится следующим образом:
- первая строка
- вторая строка
- третья строка
- четвертая строка
- пятая строчка строка
- шестая строка
В тэг li так же можно задавать значение параметра style, отличное от параметра, заданного в тэге ol
- будет выравниваться отдельно каждая строчка списка, зачем это надо не знаю, но сделать так можно.