SEMNIC                                                     Главная | HTML | CSS | Статьи


 

Урок 5:  Завершаем работу с текстом


В данном уроке мы рассмотрим очень важную часть языка html такую как списки. Списки различают двух видов: неупорядоченные (не пронумерованные) и упорядоченные  (пронумерованные). Их единственным отличием заключается в том, что перед пунктам упорядоченных списков ставят их номера, в то время как пунктами  неупорядоченных списков обычно являются символы-буллеты (bullets), например: галочки, точки, стрелочки, ромбики и т.п. 

Элементы:

- UL

Для создания неупорядоченного списка

- OL

Для создания упорядоченного списка

- LI

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

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

Например:


В браузере мы увидим:

Изучение списков, тег UL

 ↑ Вверх ↑

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

Атрибуты:

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

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

Существующие значения:


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

Приведу пример:


В браузере увидим:


                       ↑ Вверх ↑

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

Атрибуты:

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

Приведу пример:


Результат в браузере:

Параметр списка LI

↑ Вверх ↑

См. также

Следующий   - Урок 6: Изучаем html ссылки
Предыдущий - Урок 4: Дальше работаем с текстом