Урок 5: Заканчиваем с текстом

В этом уроке мы разберем такую немаловажную часть языка html как списки. Различают списки двух видов: упорядоченные (пронумерованные) и неупорядоченные (непронумерованные).

Элементы:

UL Создает неупорядоченный список

OL Создает упорядоченный список

LI Создает пункты списка внутри элементов OL или UL

UL (Unsorted List) - Создает неупорядоченный список. Обязательно наличие закрывающиего тега, причем между начальным и конечным тегами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка.

<ul>

<li> Первый пункт списка </li>

<li> Второй пункт списка </li>

<li> Третий пункт списка </li>

<li> Четвертый пункт списка </li>

</ul>

OL (Ordered List)- Создает упорядоченный список. Между начальным и конечным тегами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка.

Атрибуты:

START – определяет первое число, с которого начинается нумерация пунктов. (только целые числа) . Если не указывать, начинается с начала.

TYPE – определяет стиль нумерации пунктов списка.

Возможные значения:

"A" – заглавные буквы A, B, C ...

"a" – строчные буквы a, b, c ...

"I" – большие римские числа I, II, III ...

"i" – маленькие римские числа i, ii, iii ...

"1" – арабские числа 1, 2, 3 ...

Значение по умолчанию <OL TYPE="1">.

<!-- пример списка с арабскими числами -->

Чтобы создать сайт на домашнем компьютере необходимо:

<ol type="1" >

<li> Выучить html </li>

<li> Выучить css </li>

<li> Ознакомиться с php </li>

</ol>

LI (List Item) - Создает пункт в списке. Располагается внутри элементов OL или UL. Закрывающий тег писать желательно, но не обязательно.

Атрибуты:

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

Чтобы создать сайт на домашнем компьютере необходимо:

<ol ><!--так как тип не указали будет использоваться по умолчанию-->

<li> Выучить html </li>

<!--сейчас нумерация пойдет с пятого номера-->

<li value="5"> Выучить css </li>

<li> Ознакомиться с php </li>

</ol>