Нумерованные и маркированные списки

Для создания текста с перечнем применяют тэги < OL> … < /OL> - упорядоченный список. Каждому пункту перечня предшествует одиночный ярлык < Li> (list item – пункт списка). Например:

< html>

< head>

< title> Музыканты < /title>

< /head>

< body>

< P> < H2> Зарубежные композиторы< /H2>

< H3> СКРИПАЧИ< /H3>

< ol>

< li> Паганини (итальянский)

< li> Вивальди (итальянский)

< li> Сарасате (испанский)

< li> Крейслер (австрийский)

< li> Крейцер (французский)

< /ol>

< /body>

< /html>

Сохраните программу с именем Музыканты.html. При просмотре в броузере данный пример имеет вид:

Можно изменить тип нумерации:

TYPE = “1” — задает обычную нумерацию

TYPE = “I” — задает нумерацию большими римскими цифрами

TYPE = “A” — нумерация большими латинскими буквами

TYPE = “a” — нумерация большими латинскими буквами

Ненумерованный список задается двумя тэгами: < UL> …< /UL>. Тэг < Li> в данном случае ставит маркер. По умолчанию это будет закрашенный кружек. Можно изменить тип маркера. Для этого надо в тэге < UL> указать тип маркера:

TYPE = “DISK”

TYPE = “CIRCLE”

TYPE = “SQUARE”

Например:

< html>

< head>

< title> Поэзия< /title>

< /head>

< body>

< P> < H2> Баратынский Е.А.< /H2>

< H3> ПОЭМЫ< /H3>

< ul type = “square”>

< li> Пиры

< li> Эда

< li> Переселение душ

< li> Цыганка

< /ul>

< /body>

< /html>

Сохраните с именем «Поэзия.html».

При просмотре в броузере данный пример имеет вид:

Можно создавать комбинированные многоуровневые списки. Каждый элемент, определяющий пункт списка, может содержать еще один список. Вложенный список располагается с небольшим отступом вправо относительно списка верхнего уровня. Каждый из списков можно создать и отладить отдельно, а затем объединить все составляющие в один большой список.

< html>

< head>

< title> Сложные списки < /title>

< /head>

< body bgcolor = “FF00FF” >

< P> < H4> Автор: Гик Евгений Яковлевич< /H4>

< H3> Занимательные математические игры< /H3>

< H5> Содержание< /H5>

< ul>

< li> Три тестовые игры

< ol>

< li> Быки и коровы

< li> Отгадать слово

< li> Морской бой

< /ol>

< ul>

< li> Шахматные игры

< ol>

< li> Сказочные шахматы

< li> Игры на необычных досках

< /ol>

< ul>

< li> Шашечные игры

< ol>

< li> Поддавки

< li> Уголки

< li> Реверси

< /ol>

< /ul>

< /body>

< /html>

Сохраните с именем «Списки.html».

Хотя в тексте программы не заданы типы маркеров, броузер применил их сам, на разных уровнях разные.

При просмотре в броузере данный пример имеет вид:

.