В языке разметки html различают 3 вида списков - упорядоченные (нумерованные), неупорядоченные (ненумерованные) и списки определений (definition list).

Для построения такого списка нужны 2 вида элементов: ‘ul’ (сокращение от unordered list, т.е. неупорядоченный список) и ‘li’ (элемент списка). Все, что написано внутри ‘li’, помечается маркером.

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

Типы маркеров

Есть специальный атрибут type, который ставится в обоих элементах списка. Это тип вашего маркера. Всего 3 типа: окружность, диск и квадрат:

- квадрат
- диск
- окружность

В зависимости от того, где указать тип маркера, можно поменять его у всего списка или у конкретного элемента.

Нумерованный список (ordered list)

Для построения списка также нужно 2 элемента: ‘ol’ и ‘li’ (элемент списка). Маркеры заменяются на цифры с точкой. Пример простого списка:

1. первый элемент
2. второй элемент
3. последний элемент

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

Типы нумерации

Есть специальный атрибут type, который ставится в элементе ‘ol’ или ‘li’. Это тип вашего списка. Всего 5 типов:

- Нумерация арабскими цифрами (1, 2, 3)
- Нумерация прописными буквами (A, B, C)
- Нумерация строчными буквами (a, b, c)
- Нумерация большими римскими цифрами (I, II, III)
- Нумерация малыми римскими цифрами (i, ii, iii)
- С какой цифры начать нумерацию

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

Список определений (definition list)

Список определений был разработан для словарных статей.

Есть общий контейнер ‘dl’. Внутри него стоят ‘dt’ (definition termin - термин) и ‘dd’ (definition description - описание). Простейший пример:

Отдел маркетинга

Данный отдел занимается продвижением товаров и услуг

Финансовый отдел

Данный отдел занимается всеми финансовыми операциями

Все элементы всех списков - блочные. Но внутри элемента ‘dt’ можно ставить только строчные элементы. В элементы ‘dd’ и ‘li’ можно ставить все, что угодно. Отсюда появляются вложенные списки.

Вложенные (смешанные списки)

Это многоуровневые списки, внутри которых есть иерархия. Часто такие списки применяются при построении карты сайта. Пример:

Смешанный список

НОВОСТЬ ДНЯ

Сегодня идет дождь

Дождь будет идти весь день

НОВОСТЬ НОЧИ

Ночью будет идти дождь

Завтра начнется новый день

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

Маркированный список. Маркированный список представляет собой группу элементов. Каждый элемент такого списка маркируется специальным маркером, обчно в виде черного кружка. Маркированный список формируется с помощью пары тегов . А каждый элемент списка помещается внутрь тегов

5. и
. Вот пример:


• Первый элемент


• Второй элемент


• Третий элемент



Вот результат примера приведенного выше:

• Первый элемент
• Второй элемент
• Третий элемент

Закрывающий тег необязателен, но советую его всегда добавлять для четкого разделения элементов списка. Закрывающий тег

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

Маркеры списка могут быть трех видов: закрашенный круг, окружность и квадрат. Тип маркера задается с помощью параметра type тега

. Параметр type может принимать следующие значения: disc , circle и square .

Ниже показаны маркеры в виде окружности и квадрата.



• Первый элемент


• Второй элемент


• Третий элемент






• Первый элемент


• Второй элемент


• Третий элемент



А вот как это выглядит:

• Первый элемент
• Второй элемент
• Третий элемент
• Первый элемент
• Второй элемент
• Третий элемент

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

• и
. Например:


1. Первый элемент


2. Второй элемент


3. Третий элемент



И выглядит это вот так:

1. Первый элемент
2. Второй элемент
3. Третий элемент

Тип маркера также задается с помощью параметра type тега

.В качестве маркирующих элементов могут выступать:
• арабские числа (1, 2, 3, ...) - type="1" ;
• римские числа в верхнем регистре (I, II, III, ...) - type="I" ;
• римские числа в нижнем регистре (i, ii, iii, ...) - type="i" ;
• прописные латинские буквы (A, B, C, ...) - type="A" ;
• строчные латинские буквы (a, b, c, ...) - type="a" ;

С помощью параметра start тега

можно задать стартовое значение маркера. Ниже приведен пример списка с использованием римских чисел начинающихся с 8.


5. Первый элемент


6. Второй элемент


7. Третий элемент



Выглядит это:

1. Первый элемент
2. Второй элемент
3. Третий элемент

Список определений. Список определений состоит из терминов и их определений. Такой список задается с помощью тегов

и

. Термины в таком списке задается тегом
, а его определение
. Ниже приведена структура списка определений.


Первый элемент


Описание первого элемента


Второй элемент


Описание второго элемента


Третий элемент


Описание третьего элемента


И выглядит он так:
Первый элемент Описание первого элемента Второй элемент Описание второго элемента Третий элемент Описание третьего элемента
Сегодня любой человек должен иметь навыки работы с компьютером и владеть хотя бы минимальным набором программ. К стандартным и наиболее популярным можно отнести Microsoft Word. Работая в Word, пользователи сталкиваются с необходимостью выделять для наглядности определенные диапазоны текста. Очень часто в документ необходимо вставить перечень. Это может быть маркированный список или нумерованный - пользователь имеет возможность ориентироваться по ситуации.
Программа позволяет создавать любые документы, письма и проекты, используя широкие возможности для Чтобы изучить все функции Microsoft Word, нужно потратить время, но результат того стоит.
Списки необходимы для того, чтобы сделать текст понятным и выразительным. Нумерованный и маркированный список одного уровня применяется в большинстве документов. В диссертациях и научных работах используется многоуровневый список.
Нумерация и маркеры
В первую очередь необходимо выделить абзацы, которые должны быть оформлены как список. Это можно сделать с помощью мыши или просто установить курсор в начало той строки, с которой будет начинаться список.

В MS Word существует вкладка «Главная», в которой в группе «Абзац» можно выбрать необходимую вставку. Пользователь нажимает кнопки «Нумерация» или «Маркеры», затем с помощью линейки выставляет отступы. Этот способ очень прост и понятен, но неопытный пользователь может столкнуться со скрытыми сложностями. Вставляя маркированные и нумерованные списки повторно, отступы придется редактировать заново.
В том случае, когда требуется форматировать каждый список в отдельности и изменять параметры шрифта, не каждый пользователь программы сможет сделать текст корректным, к тому же на это нужно будет потратить много времени и сил.
Списки с нумерацией
Каждый элемент списка выделяется цифрой, нумерация автоматически корректируется. Чтобы создавать и редактировать списки, существует кнопка «Нумерация» в группе «Абзац». Также можно воспользоваться функцией «Нумерация» контекстного меню выбранного абзаца.
Параметры списка:
• Формат номера определяет, какой символ будет находиться возле каждого элемента.
• Стиль нумерации можно выбирать в зависимости от особенностей конкретного документа: арабские или римские цифры, прописные или и т. д.
• Поле «Начальное значение» позволяет выбрать цифру, с которой будет начинаться список.
• В том случае, когда необходимо создать аналогичный список, но пронумеровать его заново, удобно воспользоваться функцией «Начать новый список». Нужно выделить элементы и задать все параметры.
Вставлять нумерованный список можно автоматически. Для этого необходимо выполнить следующие действия:
• В начале абзаца, перед вводом текста, нужно поставить "1.", затем «Пробел» или Tab. Абзац оформится как первый пункт списка.
• Поставив перед абзацем "1)", а затем нажав «Пробел» или Tab, пользователь создаст список другого типа.
• По аналогии оформляются списки с буквами. В строках нужно ввести с точкой или скобкой. После каждого абзаца необходимо нажимать «Пробел» или Tab.
Создание маркированного списка в автоматическом режиме
Вставить маркированный список в «Ворде» можно следующим образом:
• В начале абзаца необходимо ввести звездочку или знак «больше», а затем нажать «Пробел» или Tab.
• Автоматически создать маркированный список. Можно включить его, перейдя во вкладку «Файл» и выбрав группу «Параметры». Во вкладке «Правописание» нужно выбрать «Параметры автозамены». В разделе «Автоформат» необходимо установить флажки напротив стилей.
Можно создать маркированный список следующих типов:

Многоуровневый список
Маркированные и нумерованные списки являются элементами Их стоит настроить так, как нужно пользователю в конкретном случае. Структуру можно редактировать с помощью функции «Определить многоуровневый список». Проверять, как отображаются все перечни, удобно в группе «Списки в документах». Чтобы изменить параметры шрифта каждого в отдельности, многоуровневый список связывается со стилями абзаца.
Ключевые параметры настройки многоуровневого списка

Настраивая перечень, который состоит из нескольких уровней, необходимо обратить внимание на следующие параметры:
• Выбор уровня и пример его оформления.
• Определение параметров настройки шрифта, при необходимости можно задать постоянную часть номера.
• Выбор типа нумерации: символ, рисунок, буквы и прочие варианты.
• Определение уровня, на котором обновляется нумерация.
• Определение отступов и расположения текста.
• Дополнительные возможности для редактирования.
• Соответствие стиля абзаца и многоуровневого списка.
Настройки, которые были созданы однажды, в автоматическом режиме можно применить к последующим спискам. Но если возникнет необходимость в редактировании, придется работать с каждым списком в отдельности. Это неудобство может показаться незначительным, но если перечней в тексте большое количество, на форматирование уйдет много времени.
Как изменить стиль маркера?
Нажав на кнопку «Маркеры», можно выбрать тот вариант, который подходит в данном случае. Для этого нужно перейти в область «Библиотека» и кликнуть на ней. Аналогично выбирается и тип нумерации: в области «Библиотека нумерации».
Для того чтобы превратить нумерованный или маркированный список в Word в текст, достаточно просто отжать соответствующую кнопку.
Каждый элемент текста может выделяться специальным маркером. Чтобы форматировать список согласно требованиям конкретного документа, необходимо выбрать команду «Определить новый маркер».

После освоения всех возможностей программы Microsoft Word работа с документами будет приносить удовольствие, к тому же не придется тратить много времени на форматирование текста. Маркированный список, как и нумерованный, входит практически в любой документ и часто применяется, поэтому пользователю программы будет полезно ознакомиться с созданием перечней различного вида.
Маркированные списки позволяют разбить большой текст на отдельные блоки, каждый из которых начинается с маркера - обычно в его качестве выступает небольшая точка. Это привлекает внимание читателя к тексту и повышает его читабельность.
С элементом
связаны следующие особенности:
• в том месте, где встречается
  , браузер автоматически добавляет перенос строки;
  • у списка имеются отступы сверху и снизу;
  • маркеры по умолчанию отображаются в виде закрашенного кружка;
  • каждый элемент списка сдвигается вправо по отношению к основному тексту.

  На рис.1 показан результат примера, иллюстрирующий приведённые особенности маркированного списка.

  Рис. 1. Вид маркированного списка

  Вид маркера

  Маркеры могут принимать один из трёх видов: закрашенный кружок (по умолчанию), незакрашенный кружок и квадрат. Для выбора типа маркера используется свойство list-style-type или универсальное list-style (пример 1). Применяются следующие значения:

  • disc - маркеры в виде закрашенного кружка;
  • circle - маркеры в виде незакрашенного кружка;
  • square - квадратные маркеры.

  Пример 1. Изменение вида маркера

  • Сепульки
  • Сепулькарии
  • Сепуление

  В примере показано создание маркированного списка, где в качестве значка маркера используется небольшой однотонный квадрат. Хотя количество значений ограничено тремя, это не значит, что в нашем распоряжении всего три вида маркера. Существует множество спецсимволов, которые с успехом могут выступать в качестве значка маркера. «Прикрутить» их непосредственно к

• не получится, поэтому придётся действовать в обход. Для этого прячем маркеры списка с помощью свойства list-style со значением none и в тексте перед содержимым
• добавляем свой собственный символ с помощью псевдоэлемента ::before . В примере 2 в качестве такого маркера выступает треугольник.

  Пример 2. Использование::before

  • Сепульки
  • Сепулькарии
  • Сепуление

  Результат данного примера показан на рис. 2. Поскольку использование свойства list-style со значением none не убирает маркеры совсем, а только скрывает их от просмотра, то список получается смещённым вправо. Чтобы избавиться от этой особенности, в примере добавляется свойство text-indent с отрицательным значением. Его задача - переместить текст левее на один символ.

  

  Рис. 2. Произвольные маркеры в списке

  Символ не обязательно должен быть в шестнадцатеричном формате, его можно вставить и непосредственно в текст. Главное, сохранить документ в кодировке UTF-8 и чтобы редактор её поддерживал. Сами символы и их коды можно взять, например, из LibreOffice Writer (рис. 3).

  

  Рис. 3. Выбор символа в LibreOffice

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

  Стили позволяют установить в качестве маркера любое подходящее изображение через свойство list-style-image . В качестве значения используется относительный или абсолютный путь к графическому файлу, как показано в примере 3.

  Пример 3. Использование изображения в качестве маркера

  • Сепульки
  • Сепулькарии
  • Сепуление

  Рисунок лучше всего выбирать небольшого размера, чтобы не превращать элементы списка в подрисуночные подписи. На рис. 4 показан результат действия примера по использованию в качестве маркеров небольших картинок.

  

  Рис. 4. Рисунок в качестве маркера

  Применение list-style-image обладает некоторыми недостатками:

  • рисунок нельзя сдвинуть вверх или вниз;
  • в разных браузерах положение рисунка относительно текста может отличаться.

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

• мы убираем исходные маркеры и устанавливаем фоновую картинку без повторения. А чтобы текст не выводился поверх рисунка, смещаем его вправо через padding-left (пример 4).

  Пример 4. Использование background

  Ul { margin-left: -1em; } li { list-style: none; background: url(images/bullet.png) no-repeat 0 2px; padding-left: 20px; }

  Положение текста и маркера

  Существует два способа размещения маркера относительно текста: маркер выносится за границу элементов списка или обтекается текстом (рис. 5).

  inside	outside

  Рис. 5. Размещение маркеров относительно текста

  Чтобы управлять положением маркеров, применяется свойство list-style-position . Оно имеет два значения: outside - маркеры размещаются за пределами текстового блока (это значение по умолчанию) и inside - маркеры являются частью текстового блока и отображаются в элементе списка (пример 5).

  Пример 5. Изменение положения маркеров

  • Перед началом работы проверьте наличие оборудования, входящего в комплект 3BM.
  • При отсутствии одного или нескольких периферийных устройств следует сразу же обратиться к техническому персоналу ВЦ.
  • После осмотра визуальными методами своего рабочего места можно осторожно включить питание 3BM.

  Результат данного примера показан на рис. 6.

  

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

  В этой статье мы детально рассмотрим то, как сделать список в Ворде.

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

  1. Установите курсор в начале строки, в которой должен находиться первый пункт списка.

  

  2. В группе “Абзац” , которая расположена во вкладке “Главная” , нажмите кнопку “Маркированный список” .

  

  3. Введите первый пункт нового списка, нажмите “ENTER” .

  

  4. Введите все последующие пункты маркированного списка, нажимая в конце каждого из них “ENTER” (после точки или точки с запятой). Когда закончите вводить последний пункт, дважды нажмите “ENTER” или нажмите “ENTER” , а затем “BackSpace” , чтобы выйти из режима создания маркированного списка и продолжить обычный набор текста.

  

  Преобразование готового текста в список

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

  1. Установите курсор в конце слова, фразы или предложения, которое должно быть первым пунктом в будущем списке.

  

  2. Нажмите “ENTER” .

  

  3. Повторите это же действие для всех следующих пунктов.

  

  4. Выделите фрагмент текста, который должен стать списком.

  

  5. На панели быстрого доступа во вкладке “Главная” нажмите кнопку “Маркированный список” (группа “Абзац” ).

  

  Совет: Если после созданного вами маркированного списка еще нет текста, дважды нажмите “ENTER” в конце последнего пункта или нажмите “ENTER” , а затем “BackSpace” , чтобы выйти из режима создания списка. Продолжите обычный набор текста.

  

  Если вам необходимо создать нумерованный список, а не маркированный, нажмите кнопку “Нумерованный список” , расположенную в группе “Абзац” во вкладке “Главная” .

  

  Изменение уровня списка

  Созданный нумерованный список можно сместить влево или вправо, изменив таким образом его “глубину” (уровень).

  1. Выделите созданный вами маркированный список.

  

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

  

  3. В выпадающем меню выберите пункт “Изменить уровень списка” .

  

  4. Выберите уровень, который вы хотите задать для созданного вами маркированного списка.

  

  Примечание: С изменением уровня изменится и маркировка в списке. О том, как изменить стиль маркированного списка (вид маркеров, в первую очередь), мы расскажем ниже.

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

  Примечание: Красной стрелкой на скриншоте показана начальная позиция табуляции для маркированного списка.

  

  Выделите список, уровень которого нужно изменить, выполните одно из следующих действий:

  
  

  

  Примечание: Одно нажатие клавиши (или клавиш) смещает список на одну позицию табуляции. Комбинация “SHIFT+TAB” будет работать только в том случае, если список находится на расстоянии хотя бы в одну позицию табуляции от левого поля страницы.

  Создание многоуровневого списка

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

  Изменение стиля маркированного списка

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

  1. Выделите маркированный список, сnиль которого необходимо изменить.

  

  2. Нажмите на стрелку, расположенную справа от кнопки “Маркированный список” .

  

  3. Из выпадающего меню выберите подходящий стиль маркера.

  

  4. Маркеры в списке будут изменены.

  

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