HTML позволяет определять внешний вид целых абзацев текста. Абзацы можно организовывать в списки, выводить их на экран в отформатированном виде, или увеличивать левое поле. Разберем все по порядку.

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

Текст, расположенный между метками

и , воспринимается как ненумерованный список. Каждый новый элемент списка следует начинать с метки

. Например, чтобы создать вот такой список:
Иван;
Данила;
белая кобыла

необходим вот такой HTML-текст:

Иван;
Данила;
белая кобыла

Обратите внимание: у метки

нет парной закрывающей метки.

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

Нумерованные списки устроены точно так же, как ненумерованные, только вместо символов, выделяющих новый элемент, используются цифры. Если слегка модифицировать наш предыдущий пример:

Иван;
Данила;
белая кобыла

получится вот такой список:
Иван;
Данила;
белая кобыла

Списки определений:
...

Список определений несколько отличается от других видов списков. Вместо меток

в списках определений используются метки

(от английского definition term — определяемый термин) и

(от английского definition definition — определение определения). Разберем это на примере. Допустим, у нас имеется следующий фрагмент HTML-текста:

HTML: Термин HTML (HyperText Markup Language) означает
'язык маркировки гипертекстов'. Первую версию HTML
разработал сотрудник Европейской лаборатории физики
элементарных частиц Тим Бернерс-Ли.
HTML-документ: Текстовый файл с расширением *.html
(Unix-системы могут содержать файлы
с расширением *.htmll).

Этот фрагмент будет выведен на экран следующим образом:
HTML
Термин HTML (HyperText Markup Language) означает 'язык маркировки гипертекстов'. Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли.
HTML-документ
Текстовый файл с расширением *.html (Unix-системы могут содержать файлы с расширением *.htmll).

Обратите внимание: точно так же, как метки

, метки

не имеют парных закрывающих меток.

Если определяемые термины достаточно коротки, можно использовать модифицированную открывающую метку

. Например, вот такой фрагмент HTML-текста:

А: Первая буква алфавита
Б: Вторая буква алфавита
В: Третья буква алфавита

будет выведен на экран примерно так:
А
Первая буква алфавита
Б
Вторая буква алфавита
В
Третья буква алфавита

Вложенные списки

Элемент любого списка может содержать в себе целый список любого вида. Число уровней вложенности в принципе не ограничено, однако злоупотреблять вложенными списками все же не следует.

Вложенные списки очень удобны при подготовке разного рода планов и оглавлений.

Наши знания о списках можно вкратце свести в пример 6:

Пример 6

HTML поддерживает несколько видов списков

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

Элементы ненумерованного списка выделяются
специальным
символом и отступом слева:

Элемент 1
Элемент 2
Элемент 3

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

Элементы нумерованного списка выделяются
отступом слева, а
также нумерацией:

Элемент 1
Элемент 2
Элемент 3

Списки определений

Этот вид списков чуть сложнее, чем два предыдущих,
но и выглядит более эффектно.

Помните, что списки можно встраивать один в другой,
но не
следует закладывать слишком много уровней вложенности.

Обратите внимание, что внутри элемента списка
может находиться
несколько абзацев. Все абзацы при этом будут иметь
одинаковое левое поле.

Форматированный текст:
...

В самом начале мы говорили о том, что браузеры игнорируют множественные пробелы и символы конца строки. Из этого правила, однако, есть исключение.

Текст, заключенный между метками

и

(от английского preformatted — предварительно форматированный), выводится браузером на экран как есть — со всеми пробелами, символами табуляции и конца строки. Это очень удобно при создании простых таблиц.

Текст с отступом:
...

Текст, заключенный между метками

и

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