Списком называется взаимосвязанный набор отдельных фраз или предложений, которые начинаются с маркера или цифры. Списки предоставляют возможность упорядочить и систематизировать разные данные и представить их в наглядном и удобном для пользователя виде.
Списки бывают маркированные, нумерованные и списки определений.
Маркированный список
Маркированный список определяется тем, что перед каждым элементом списка добавляется небольшой маркер, обычно в виде закрашенного кружка. В этом смысле все пункты списка идентичны по своему оформлению. Для установки маркированного списка используются теги <UL> и <LI>.
При формировании списка автоматически добавляются отступы сверху, снизу и слева от списка.
Маркеры могут принимать один из трех видов: круг (по умолчанию), окружность и квадрат. Для выбора стиля маркера используется параметр type тега <UL>.
Для создания нового маркированного списка в Nvu, предназначена кнопка на панели инструментов. Предварительно требуется выделить текст, который вы желаете сделать списком, после чего нажать указанную кнопку. Можно также воспользоваться меню Формат => Список => Маркированный. Не обязательно делать списком существующий текст. Можно нажать на кнопку маркированного списка () и вводить желаемый текст. Нажатие на клавишу <Enter> создаст новый элемент списка, еще одно нажатие на <Enter> отменяет работу со списком и позволяет вводить обычный форматированный текст.
Для изменения стиля маркеров выберите пункт меню Формат => Список => Свойство списка… или Свойства списка… в контекстном меню списка и в открывшемся окне укажите желаемый стиль маркеров (рис. 14).
Рис. 14. Окно диалога Свойства списка
По умолчанию (автоматически) устанавливаются черные кружки.
Наберите и отформатируйте на вкладке Обычный нижеприведенный текст:
Посмотрим код этого фрагмента на вкладке Код:
<ul>
<li>яблоки </li>
<li>груши</li>
<li>мандарины</li>
</ul>
Нумерованный список
Нумерованные списки представляют собой набор элементов с их порядковыми номерами. Вид и тип нумерации зависит от параметров тега <OL>, который и применяется для создания списка. В качестве нумерующих элементов могут выступать следующие значения:
- арабские цифры (1, 2, 3, …);
- прописные латинские буквы (A, B, C, …);
- строчные латинские буквы (a, b, c, …);
- римские цифры в верхнем регистре (I, II, III, …);
- римские цифры в нижнем регистре (i, ii, iii, …).
Для указания типа нумерованного списка применяется параметр type тега <OL>.
Нумерованный список в Nvu создается аналогично маркированному. Но для этого вида списка используется кнопка на панели инструментов. В свойствах списка кроме стиля нумерации появляется возможность указать начальное значение списка. Установите значения, указанные на рисунке 15.
Рис. 15. Окно диалога свойства нумерованного списка
И получите список:
Код этого списка выглядит следующим образом:
<ol start=”2″ style=”list-style-type: upper-roman;”>
<li>яблоки </li>
<li>груши</li>
<li>мандарины</li>
</ol>
Список определений
Список определений состоит из двух элементов — термина и его определения. Сам список задается с помощью контейнера <DL>, термин — тегом <DT>, а его определение — с помощью тега <DD>.
Для создания списка определений в Nvu используются две кнопки на панели инструментов.
— устанавливает термин (тег <DT>).
— устанавливает описание термина (тег <DD>).
Создать список определений можно двумя способами.
Первый способ – в процессе набора текста. Нажмите на кнопку , а затем набирайте текст первого термина. После нажатия на клавишу <Enter> редактор автоматически установит для следующей строки тег определения. Второй нажатие на клавишу <Enter> добавляет очередной термин. Таким образом, использование перевода строки по очереди позволяет вводить термин и его определение. Когда требуется прекратить редактирование списка и начать ввод обычного текст, нажмите на <Enter> дважды.
Второй способ – преобразование в список определений существующий текст. Выделите необходимый текст и нажмите на кнопку , после чего все абзацы превращаются в определения. Теперь ставите курсор на ту строку, которая должна быть термином и нажимаете на кнопку . Можно сделать и наоборот, вначале установить весь текст как термины, а затем для отдельных строк указать что они являются определениями.
Список определений можно установить в окне диалога свойств списка (рис. 16).
Рис. 16. Окно диалога свойства списка определений
Отдельно назначать термин и определение можно при помощи команды
Формат => Список =>Термин и Формат => Список =>Определение.
Например, в ниже приведенном примере текст «Процессор (англ.: Processor)» и «Архитектура процессора» являются терминами, а всё остальное определениями.
Этому тексту будет соответствовать следующий код.
<dl>
<dt>Процессор (англ.: Processor)</dt>
</dl>
<dl>
<dd>один из основных компонентов компьютера, в задачи которого входит выполнение различных арифметических операций и координация работы различных компонентов компьютера. </dd>
</dl>
<dl>
<dt>Архитектура процессора</dt>
</dl>
<dl>
<dd>образное понятие, характеризующие качественные и функциональные показатели процессора.</dd>
</dl>
Если перейти на вкладку HTML-теги, то можно увидеть блочную структуру использованных тегов (рис. 17).
Рис. 17. Вкладка HTML-теги
Двойной щелчок по желтому квадрату с названием тега открывает окно свойств этого тега.