Web-обозреватель выводит список с отступом слева. Расстояние между пунктами списка он делает меньшими чем в случае абзацев или заголовков. Также он сам расставляет необходимые маркеры или нумерацию.
Любой список в HTML создается в два этапа. Сначала пишут строки, которые станут пунктами списка, и каждую из этих строк помещают внутрь парного тега
. Затем все эти пункты помещают внутрь парного тега (если создается маркированный список) или (при создании нумерованного списка) — эти теги определяют сам список (листинг 2.4).Листинг 2.4
- Я — первый пункт маркированного списка.
- Я — второй пункт маркированного списка.
- Я — третий пункт маркированного списка.
.
- Я — первый пункт нумерованного списка.
- Я — второй пункт нумерованного списка.
- Я — третий пункт нумерованного списка.
Списки можно помещать друг в друга, создавая вложенные списки. Делается это
следующим образом. Сначала во "внешнем" списке (в который должен быть помещен вложенный) отыскивают пункт, после которого должен находиться вложенный список. Затем HTML-код, создающий вложенный список, помещают в разрыв между текстом этого пункта и его закрывающим тегом
. Если же вложенный список должен помещаться в начале "внешнего" списка, его следует вставить между открывающим тегом
первого пункта "внешнего" списка и его текстом. Что, впрочем, логично.В листинге 2.5 представлен HTML-код, создающий два списка, один из которых вложен внутрь другого. Обратите внимание, где размещается HTML-код, создающий вложенный список.
Листинг 2.5
- Я — первый пункт внешнего списка.
- Я — второй пункт внешнего списка.
- Я— первый пункт вложенного списка.
- Я— второй пункт вложенного списка.
- Я— третий пункт вложенного списка.
- Я — третий пункт внешнего списка.
HTML позволяет вкладывать нумерованный список внутрь маркированного и наоборот. Глубина вложения списков не ограничена.
Еще HTML позволяет создать так называемый список определений, представляющий собой перечень терминов и их разъяснений. Такой список создают с помощью парного тега
. Внутри него помещают пары "термин — разъяснение", причем термины заключают в парный тег - , а разъяснения — в парный тег
- (листинг 2.6).
Листинг 2.6
- Содержимое
- Информация, отображаемая на Web-странице
- Представление
- Набор правил, определяющих формат отображения содержимого
