HTML позволяет определять внешний вид целых абзацев текста. Абзацы можно
организовывать в списки, выводить их на экран в отформатированном виде,
или увеличивать левое поле. Разберем все по порядку.
Ненумерованные списки: <UL> ... </UL> Текст, расположенный между метками <UL> и
</UL>, воспринимается как ненумерованный список.
Каждый новый элемент списка следует начинать с метки <LI>.
Например, чтобы создать вот такой список:
• Иван;
•
• Данила;
•
• белая кобыла
•
необходим вот такой HTML-текст:
<UL>
<LI>Иван;
<LI>Данила;
<LI>белая кобыла
</UL>Обратите внимание: у метки <LI> нет парной закрывающей
метки.
Нумерованные списки: <OL> ... </OL> Нумерованные списки устроены точно так же, как ненумерованные, только
вместо символов, выделяющих новый элемент, используются цифры. Если слегка
модифицировать наш предыдущий пример:
<OL>
<LI>Иван;
<LI>Данила;
<LI>белая кобыла
</OL>получится вот такой список:
1. Иван;
2.
3. Данила;
4.
5. белая кобыла
6.
Списки определений: <DL> ... </DL> Список определений несколько отличается от других видов списков. Вместо
меток <LI> в списках определений используются метки
<DT> (от английского definition term — определяемый термин)
и <DD> (от английского definition definition — определение
определения). Разберем это на примере. Допустим, у нас имеется следующий
фрагмент HTML-текста:
<DL>
<DT>HTML
<DD>Термин HTML (HyperText Markup Language) означает 'язык
маркировки гипертекстов'. Первую версию HTML разработал сотрудник
Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли.
<DT>HTML-документ
<DD>Текстовый файл с расширением *.htm (Unix-системы могут
содержать файлы с расширением *.html).
</DL>
Этот фрагмент будет выведен на экран следующим образом:
HTML
Термин HTML (HyperText Markup Language) означает 'язык маркировки
гипертекстов'. Первую версию HTML разработал сотрудник Европейской
лаборатории физики элементарных частиц Тим Бернерс-Ли.
HTML-документ
Текстовый файл с расширением *.htm (Unix-системы могут содержать файлы
с расширением *.html).
Обратите внимание: точно так же, как метки <LI>, метки
<DT> и <DD> не имеют парных закрывающих
меток.
Если определяемые термины достаточно коротки, можно использовать
модифицированную открывающую метку <DL COMPACT>. Например,
вот такой фрагмент HTML-текста:
<DL COMPACT>
<DT>А
<DD>Первая буква алфавита
<DT>Б
<DD>Вторая буква алфавита
<DT>В
<DD>Третья буква алфавита
</DL>будет выведен на экран примерно так:
А
Первая буква алфавита
Б
Вторая буква алфавита
В
Третья буква алфавита
Вложенные списки
Элемент любого списка может содержать в себе целый список любого вида.
Число уровней вложенности в принципе не ограничено, однако злоупотреблять
вложенными списками все же не следует.
Вложенные списки очень удобны при подготовке разного рода планов и оглавлений.
Наши знания о списках можно вкратце свести в пример
6:
<title>Пример 6</title>
</head>
<body>
<H1>HTML поддерживает несколько видов списков </H1>
<DL>
<DT>Ненумерованные списки
<DD>Элементы ненумерованного списка выделяются специальным
символом и отступом слева:
<UL>
<LI>Элемент 1
<LI>Элемент 2
<LI>Элемент 3
</UL>
<DT>Нумерованные списки
<DD>Элементы нумерованного списка выделяются отступом слева, а
также нумерацией:
<OL>
<LI>Элемент 1
<LI>Элемент 2
<LI>Элемент 3
</OL>
<DT>Списки определений
<DD>Этот вид списков чуть сложнее, чем два предыдущих, но и
выглядит более эффектно.
<P>Помните, что списки можно встраивать один в другой, но не
следует закладывать слишком много уровней вложенности. </P>
<P>Обратите внимание, что внутри элемента списка может находиться
несколько абзацев. Все абзацы при этом будут иметь одинаковое
левое поле. </P>
</DL>
</body>
</html> Форматированный текст: <PRE> ... </PRE>
В самом начале мы говорили о том, что браузеры игнорируют множественные
пробелы и символы конца строки. Из этого правила, однако, есть исключение.
Текст, заключенный между метками <PRE> и
</PRE> (от английского preformatted — предварительно
форматированный), выводится браузером на экран как есть — со всеми
пробелами, символами табуляции и конца строки. Это очень удобно при
создании простых таблиц.
Текст с отступом: <BLOCKQUOTE> ... </BLOCKQUOTE>
Текст, заключенный между метками <BLOCKQUOTE> и
</BLOCKQUOTE>, выводится браузером на экран с
увеличенным левым полем.
