Списки Одним из способов наглядного оформления контента вебстраницы является использование списков. Такое оформление во-первых - очень хорошо смотрится, а во-вторых - предоставляет дополнительные удобства для читателя.
Вы конечно представляете себе, как выглядят списки. Они бывают 2-х видов: нумерованные и ненумерованные. У ненумерованных списков разные пункты обозначаются при помощи графических маркеров. По другому критерию списки можно поделить на одноуровневые и многоуровневые. В одноуровневых списках все элементы равноценны. А в многоуровневых - некоторые элементы могут содержать еще несколько вложенный элементов. Я думаю вы встречали такие списки.
Теперь подробнее о ненумерованных списках. Элементы списка должны располагаться внутри пространства, ограниченного стартовым тегом <ui> и его закрывающим тегом </ui>. Отдельные элементы списка могут обозначаться при помощи тега <ii>, без закрывающей пары. Приводим пример Листинг 1.18 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html> <head>
<title>Mapкированный список</title> <body> <р>Это обычный текст. </р>
<ul>
<1i>
Первый пункт списка
<1i> Второй пункт списка
</ul>
</body>
</html> Результат мы увидим на рис. 1.17. 
Рис. 1.17. Окно браузера с результатом отображения файла, приведенного в листинге 1.18 Существуют дополнительные возможности отображения отдельных элементов списка. Тег <и> имеет набором параметров, которые возможно применять и в случае использования нумерованных списков, и для маркированных списков.
Параметром type мы можем явно указать, какой тип используемого маркера для отображения элементов списка. Значений этого параметра. - Значение disc указывает браузеру, что следует использовать маркеры в виде маленького заполненного круга.
- Значение circle задает маркер в виде окружности.
- Значение square устанавливает маркер в виде маленького прямоугольника.
Листинг 1.19 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Mapкированный список</title> <body>
<ul>
<li type="circle">Первый пункт списка
<li type="disc">Bторой пункт списка
<li type="square">Tpeтий пункт списка
</ul>
</body>
</html> Результат показан на рис. 1.18. 
Рис. 1.18. Окно браузера с результатом отображения файла, приведенного в листинге 1.19 Необходимо отметить, что графическое отображение маркеров различно в различных браузерах. Однако все они будут похожи друг на друга.
Переходим к описаннию нумерованных списков. Он создается при помощи тегов <oi> и </oi>. А элементы списка объявляются при помощи все того же тега <li>. Рассмотрим пример. Листинг 1.20 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
</title>Нумерованный cписок</title>
<body>
<ol>
<li>Первый пункт списка
<li>Bторой пункт списка
<li>Tpeтий пункт списка
</ol>
</body>
</html> 
Рис. 1.19. Окно браузера с результатом отображения файла, приведенного в листинге 1.20 Мы также имеем дополнительные возможности форматирования нумерованных списков Параметр type в данном случае позволяет указывать, тип используемых цифр. Значения данного параметра. - Значение 1 применяется для нумерации обычными арабскими цифрами.
- Значение а задает обозначения в виде символов латинского алфавита нижнего регистра. Нумерация идет по алфавитному порядку, начиная от а и до z. Впрочем, при дальнейшем продолжении списка, обозначения тоже будут продолжены.
- Значение А также как и предыдущее задает обозначение элементов списка при помощи символов латинского алфавита, но при этом будут уже использоваться символы верхнего регистра.
- Значение i создает нумерацию при помощи римских цифр, которые будут состоять из символов латинского алфавита нижнего регистра.
- Значение l устанавливает римские цифры в качестве основы нумерации, но для их отображения будут использоваться латинские символы верхнего регистра.
Теперь пример. Листинг 1.21 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http: //www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Hyмepoванный cписок</title>
<body>
<li type="1">Первый пункт списка
<li type="a">Bторой пункт списка
<li type="A">Tpeтий пункт списка
<li type="i">Четвертый пункт списка
<li type="I">Пятый пункт списка
</body>
</html> На рис. 1.20 видно, как при сохранении единой нумерации элементов списка браузер меняет внешний вид каждого элемента списка, сохраняя при этом их общую нумерацию. HTML предоставляет возможность самостоятельно указывать стартовый номер элемента. Для этого в тег <ol> вставляется параметр start. Значением того параметра является натуральное число, которое и будет номером первого элемента списка. Но внутри списка мы можем произвольно пенять порядковые номера элементов при помощи параметра value, применяемого в составе тега <li>. Для того, чтобы увидеть механизм применения этих параметров, рассмотрим еще один пример (рис. 1.21). Листинг 1.22 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Вложенные списки</title>
<body>
<ol start=5>
<1i>Пятый пункт списка
<1i>Шестой пункт списка
<1i vа1uе=10> Десятый пункт списка
<1i>Одиннадцатый пункт списка
<ol>
</body>
</html> 
Рис. 1.20. Окно браузера с результатом отображения файла, приведенного в листинге 1.21 
Рис. 1.21. Окно браузера с результатом отображения файла, приведенного в листинге 1.22 Мы можем также создавать многоуровневые вложенные списки, совмещая при маркированные и нумерованные элементы. Для этого необходимо лишь тег, обозначающий начало нового вложенного списка в соответствую-зяемент основного списка так, как это показано в следующем примере 1.22). Листинг 1.23 DOCTYPE HTML PUBLIC '.'-//WSCX/DTD HTML 4.01//EN"
tp: //www. w3.org/TR/html4/strict.dtd">
<bead>
<title> Вложенные списки</title>
<body>
<li>Первый пункт списка
<ol>
<li>Первый вложенный пункт
<li>Второй вложенный пункт
</ol>
<li>Второй пункт списка
<ul>
<li>Вложенный маркированный элемент
<li>Вложенный маркированный элемент
<ul>
</ol>
</body>
<html> Итак, мы рассмотрели основные варианты использования стандартных нумеро-и маркированных списков. | 
