Рейтинг@Mail.ru
Перейти к содержанию
 

Списки

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

Списки бывают маркированные, нумерованные и списки определений.

Маркированный список

Маркированный список определяется тем, что перед каждым элементом списка добавляется небольшой маркер, обычно в виде закрашенного кружка. В этом смысле все пункты списка идентичны по своему оформлению. Для установки маркированного списка используются теги <UL> и <LI>.

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

Маркеры могут принимать один из трех видов: круг (по умолчанию), окружность и квадрат. Для выбора стиля маркера используется параметр type тега <UL>.

Для создания нового маркированного списка в Nvu, предназначена кнопка nvu5_001 на панели инструментов. Предварительно требуется выделить текст, который вы желаете сделать списком, после чего нажать указанную кнопку. Можно также воспользоваться меню Формат => Список => Маркированный. Не обязательно делать списком существующий текст. Можно нажать на кнопку маркированного списка (nvu5_001) и вводить желаемый текст. Нажатие на клавишу <Enter> создаст новый элемент списка, еще одно нажатие на <Enter> отменяет работу со списком и позволяет вводить обычный форматированный текст.
Для изменения стиля маркеров выберите пункт меню Формат => Список => Свойство списка… или Свойства списка… в контекстном меню списка и в открывшемся окне укажите желаемый стиль маркеров (рис. 14).

nvu5_004

Рис. 14. Окно диалога Свойства списка
По умолчанию (автоматически) устанавливаются черные кружки.
Наберите и отформатируйте на вкладке Обычный нижеприведенный текст:

nvu5_001

Посмотрим код этого фрагмента на вкладке Код:

<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 создается аналогично маркированному. Но для этого вида списка используется кнопка nvu5_004 на панели инструментов. В свойствах списка кроме стиля нумерации появляется возможность указать начальное значение списка. Установите значения, указанные на рисунке 15.

nvu5_006

Рис. 15. Окно диалога свойства нумерованного списка
И получите список:

nvu5_002

Код этого списка выглядит следующим образом:

<ol start=”2″ style=”list-style-type: upper-roman;”>
<li>яблоки </li>
<li>груши</li>
<li>мандарины</li>
</ol>

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

Список определений состоит из двух элементов — термина и его определения. Сам список задается с помощью контейнера <DL>, термин — тегом <DT>, а его определение — с помощью тега <DD>.
Для создания списка определений в Nvu используются две кнопки на панели инструментов.
nvu5_007—  устанавливает термин (тег <DT>).
nvu5_008 — устанавливает описание термина (тег <DD>).
Создать список определений можно двумя способами.

Первый способ – в процессе набора текста. Нажмите на кнопку nvu5_007, а затем набирайте текст первого термина. После нажатия на клавишу <Enter> редактор автоматически установит для следующей строки тег  определения. Второй  нажатие на клавишу <Enter> добавляет очередной термин. Таким образом, использование перевода строки по очереди позволяет вводить термин и его определение. Когда требуется прекратить редактирование списка и начать ввод обычного текст, нажмите на <Enter> дважды.
Второй способ – преобразование в список определений существующий текст.  Выделите необходимый текст и нажмите на кнопкуnvu5_008 , после чего все абзацы превращаются в определения. Теперь ставите курсор на ту строку, которая должна быть термином и нажимаете на кнопку nvu5_007. Можно сделать и наоборот, вначале установить весь текст как термины, а затем для отдельных строк указать что они являются определениями.
Список определений можно установить в окне диалога свойств списка (рис. 16).

nvu5_010

Рис. 16. Окно диалога свойства списка определений
Отдельно назначать термин и определение можно при помощи команды
Формат => Список =>Термин и Формат => Список =>Определение.
Например, в ниже приведенном примере текст «Процессор (англ.: Processor)» и «Архитектура процессора» являются терминами, а всё остальное определениями.

nvu5_003

Этому тексту будет соответствовать следующий код.

<dl>
<dt>Процессор (англ.: Processor)</dt>
</dl>
<dl>
<dd>один из основных компонентов компьютера, в задачи которого входит выполнение различных арифметических операций и координация работы различных компонентов компьютера. </dd>
</dl>
<dl>
<dt>Архитектура процессора</dt>
</dl>
<dl>
<dd>образное понятие, характеризующие качественные и функциональные показатели процессора.</dd>
</dl>

Если перейти на вкладку HTML-теги, то можно увидеть блочную структуру использованных тегов (рис. 17).

nvu5_012

Рис. 17. Вкладка HTML-теги
Двойной щелчок по желтому квадрату с названием тега открывает окно свойств этого тега.

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Написать комментарий

XHTML: Вы можете использовать эти теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


Реклама: