Шаг 10. СпискиСписком называется взаимосвязанный набор отдельных фраз или предложений, которые начинаются с маркера или цифры. Списки предоставляют возможность упорядочить и систематизировать разные данные и представить их в наглядном и удобном для пользователя виде. Любой список представляет собой контейнер <UL>, который устанавливает маркированный список, или <OL>, определяющий список нумерованный. Каждый элемент списка должен начинаться с тега <LI>. Маркированный списокМаркированный список определяется тем, что перед каждым элементом списка добавляется небольшой маркер, обычно в виде закрашенного кружка. В этом смысле все пункты списка идентичны по своему оформлению. Для установки маркированного списка используются теги <UL> и<LI> (пример 10.1). Пример 10.1. Создание маркированного списка <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=Windows-1251" http-equiv="content-type">
</head>
<body>
<ul>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</li>
<li>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</li>
<li>Duis te feugifacilisi.</li>
<li>Duis autem dolor in hendrerit in vulputate velit esse molestie consequat.</li>
</ul>
</body>
</html> Результат выполнения примера показан ниже.
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
- Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- Duis te feugifacilisi.
- Duis autem dolor in hendrerit in vulputate velit esse molestie consequat.
Обратите внимание на отступы сверху, снизу и слева от списка. Такие отступы добавляются автоматически. Маркеры могут принимать один из трех видов: круг (по умолчанию), окружность и квадрат. Для выбора стиля маркера используется параметрtype тега <UL>. Допустимые значения приведены в табл. 10.1 Табл. 10.1. Стили маркеров списка| Тип списка | Код HTML | Пример |
|---|
| Маркированный список с маркерами в виде круга | <ul type="disc">
<li>...</li>
</ul> | - Чебурашка
- Крокодил Гена
- Шапокляк
| | Маркированный список с маркерами в виде окружности | <ul type="circle">
<li>...</li>
</ul> | - Чебурашка
- Крокодил Гена
- Шапокляк
| | Маркированный список с квадратными маркерами | <ul type="square">
<li>...</li>
</ul> | - Чебурашка
- Крокодил Гена
- Шапокляк
| Для создания нового маркированного списка в Nvu, предназначена кнопка  на панели инструментов. Предварительно требуется выделить текст, который вы желаете сделать списком, после чего нажать указанную кнопку. Можно также воспользоваться меню Формат > Список > Маркированный. Не обязательно делать списком существующий текст. Можно нажать на кнопку маркированного списка () и вводить желаемый текст. Нажатие на клавишу <Enter> создаст новый элемент списка, еще одно нажатие на <Enter> отменяет работу со списком и позволяет вводить обычный форматированный текст. Для изменения стиля маркеров выберите пункт меню Формат > Список > Свойство списка... и в открывшемся окне укажите желаемый стиль (рис. 10.1).
|