Советы

Маркированный, нумерованный, многоуровневый список в Word: способы создания. Создание многоуровневых списков в Word

Маркированный, нумерованный, многоуровневый список в Word: способы создания. Создание многоуровневых списков в Word

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

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

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


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

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

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

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

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

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

    Маркеры списка могут быть трех видов: закрашенный круг, окружность и квадрат. Тип маркера задается с помощью параметра 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.


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

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

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

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

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

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

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


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

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

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

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

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

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

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

          Первый элемент Описание первого элемента Второй элемент Описание второго элемента Третий элемент Описание третьего элемента

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

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

          Чтобы создать список на основе существующего текста:

          1. выделите абзацы, которые войдут в список;

          2. в меню Формат выберите команду Список ;

          3. в открывшемся диалоговом окне Список в зависимости от типа списка, который хотите создать, откройте вкладку Нумерованный или Маркированный .

          4. Выберите нужный стиль списка;

          5. Щелкните на кнопке ОК .

          Чтобы нумерованный или маркированный список создавался по мере набора текста:

          1. Установите курсор в начало списка. Если нужно, нажмите клавишу Enter , чтобы начать новый абзац.

          2. в меню Формат выберите команду Список Список;

          3. В зависимости от типа списка, который хотим создать, открываем вкладку Нумерованный или Маркированный ;

          4. Выберите стиль списка, щелкнув на пиктограмме с его изображением;

          5. Щелкните на кнопке ОК ;

          6. Набирайте элементы списка, нажимая клавишу Enter в конце каждого абзаца. Каждый новый абзац автоматически становится элементом нумерованного или маркированного списка;

          7. В конце последнего абзаца нажмите Enter дважды.

          v Стили маркированных списков во вкладке Маркированный

          Чтобы быстро создать нумерованный или маркированный список в стиле, принятом по умолчанию, щелкните по кнопке Нумерация или Маркеры на панели инструментов Форматирование до ввода текста или после того, как выделен текст для списка.

          Использование многоуровневых списков

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

          Чтобы создать многоуровневый список:

          1. В меню Формат выберите команду Список для открытия диалогового окна Список .

          2. Щелкните на корешке вкладки Многоуровневый , чтобы просмотреть виды многоуровневых списков;

          3. Щелкните на пиктограмме нужного списка, а затем на кнопке ОК ;

          4. Набирайте список, нажимая Enter после каждого его элемента;

          5. После нажатия клавиши Enter нажмите клавишу Таb для перехода на новый вложенный уровень или же комбинацию клавиш Shiit+ Tab для перехода на один уровень вверх.



          6. Набрав последний элемент списка, нажмите клавишу Enter , а затем щелкните на кнопке Нумерованный список панели форматирования для завершения списка.

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

          1. Выделите все абзацы, которые вы хотите включить в новый список, или изменить их форматирование;

          2. в меню Формат выберите команду Список Многоуровневый ;

          3. Выберите нужный стиль списка, затем щелкните на кнопке ОК ;

          4. Установите курсор на той позиции списка, уровень которой вы хотите изменить;

          5. Щелкните на кнопке Уменьшить отступ или Увеличить отступ на панели инструментов Форматирование для изменения уровня элемента списка;

          6. Повторите пп. 4 и 5, если нужно изменить уровни других элементов списка.

          Использование вкладки Многоуровневый диалогового окна Список для создания многоуровневого списка


          Преобразование нумерованного или маркированного списка в обычный текст

          Чтобы удалить номера или метки из списка, преобразовав тем самым текст списка в обычные абзацы:

          1. Выделите абзацы, которые хотите преобразовать. Это может быть весь список или же только его часть. Соответствующая кнопка на панели форматирования (Нумерация или Маркеры ) будет нажата.

          2. Щелкните на нажатой кнопке панели форматирования.

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

          Можно изменить формат уже существующего нумерованного или маркированного списка, соответственно изменив стиль цифр или меток:

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

          2. в меню Формат выберите команду Список , а затем щелкните на корешке вкладки Многоуровневый ;

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

          4. Для нумерованного списка откройте вкладку Нумерованный и выберите стиль для этого списка либо щелкните в поле Нет для удаления нумерации из списка.

          5. Щелкните на кнопке ОК .

          Добавление позиций в нумерованный или маркированный список

          Чтобы добавить новые позиции в нумерованный или маркированный список:

          1. Установите курсор в той позиции списка, куда вы хотите внести новый элемент;

          2. Нажмите клавишу Enter для начала нового абзаца. Word автоматически вставит новую метку или номер и перенумерует весь список в случае необходимости.

          3. Введите новый текст.

          4. Если это многоуровневый список, щелкните на кнопке Уменьшитьотступ или Увеличить отступ на панели инструментов Форматирование , если вам нужно изменить уровень введенной позиции.

          5. Повторите все предыдущие пункты для каждой новой позиции.

          ЛЕКЦИЯ 4. СОЗДАНИЕ ТАБЛИЦ И ДИАГРАММ

          Работа с таблицами

          Таблица позволяет вам упорядочить данные в виде строк и столбцов. Каждый элемент таблицы, который называется ячейкой , не зависит от других элементов. Вы сможете построить таблицу с произвольным количеством строк и столбцов. К тому же вы всегда сможете изменить размер и форматирование каждой ячейки. Ячейка таблицы может содержать текст, рисунок и вообще все, что может содержать документ Word.

          Добавление таблицы

          Чтобы вставить новую пустую таблицу в любое место своего документа:

          1. Установите курсор в то место документа, куда вы хотите вставить таблицу.

          2. в меню Таблица выберите строку Вставить и в ее менюкомандуТаблица . Появится диалоговое окно Вставка таблицы ;

          3. В текстовых полях Число столбцов : и число строк :, щелкая на двойных стрелках или набирая на клавиатуре, введите количество строк и столбцов будущей таблицы;

          4. В области Автоподбор ширины столбцов можно выбрать одну из трех возможностей:

          постоянная : - шириной от левого до правого поля страницы, со столбцами равной ширины

          по содержимому

          по ширине окна

          В текстовом поле можно выбрать нужную ширину столбца.

          5. Чтобы применить один из видов автоформатирования таблиц Word к своей таблице, щелкните на кнопке Автоформат , выберите нужное форматирование, а затем щелкните на кнопке ОК .

          6. Щелкните на кнопке ОК . В документе появится пустая таблица, в первой ячейке которой будет находиться курсор.


          Работа в таблице

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

          Если курсор находится в ячейке, для передвижения по таблице можете использовать клавиши со стрелками. Для того чтобы вставить в таблицу символ табуляции, нажмите клавиши Ctrl+ Tab .

          Выделение таблицы и ее элементов

          Чтобы выделить

          Ячейку - щелкните левый край ячейки.

          Строку - щелкните документ слева от строки.

          Столбец - щелкните линию сетки сверху столбца.

          Несколько ячеек, строк или столбцов - переместите курсор мыши при нажатой кнопке мыши через ячейки, строки или столбцы.

          Чтобы выделить несколько элементов (вне зависимости от порядка их следования) - выделите первую ячейку, строку или столбец, нажмите клавишу CTRL, и, удерживая ее, выделите остальные ячейки, строки или столбцы.

          Текст в следующей ячейке - нажмите клавишу TAB.

          Текст в предыдущей ячейке - нажмите клавиши SHIFT+TAB.

          Таблицу целиком - щелкните маркер перемещения таблицы.

          Кроме того, можно выделить строки, столбцы или таблицу целиком, если использовать команду Выделить в меню Таблица .

          Вставка и удаление и столбцов, строк и ячеек таблицы

          Для вставки строки или столбца в таблицу выполните следующее.

          1. Установите курсор в ячейку, рядом с которой вы хотите вставить новый столбец или новую строку.

          2. В меню Таблица наведите курсор на строку Вставить Вставляется по одному столбцу и по одной строке.

          Для того чтобы вставить в таблицу более одной строки или более одного столбца:

          1. Выделите столько ячеек, сколько строк или столбцов вы хотите вставить.

          2. В меню Таблица наведите курсор на строку Вставить и в ее меню выберите нужную команду: Столбцы слева, Столбцы справа, Строки выше, Строки ниже.

          Например, чтобы вставить три новые строки между второй и третьей строкой, выделите ячейки в строках 3, 4 и 5 (в любом столбце). В меню Таблица наведите курсор на строку Вставить и в ее меню выберите команду Строки выше .

          Чтобы удалить содержимое ячейки , выделите ее и нажмите клавишу Delete .

          Для удаления таблицы, строки , столбца или ячейки таблицы:

          1. Установите курсор в любую ячейку строки или столбца, который собираетесь удалить.

          2. В меню Таблица выберите команду Удалить и в ее меню щелкните по нужной строке (Таблица, Столбцы, Строки, Ячейки ). Щелкните на кнопке ОК . Строка или столбец будут удалены. Столбцы, которые находились правее удаленных, и строки, которые находились ниже удаленных, автоматически займут их место.

          При удалении ячейки появится диалоговое окно Удаление ячеек .

          Перемещение и копирование строк и столбцов

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

          1. Выделите столбец или строку, перетаскивая курсор по ячейкам строки или столбца или щелкнув в строке или столбце, а затем, выбрав Таблица – Выделить строку или Таблица – Выделить столбец .

          2. Для копирования нажмите <Ctrl+ C > или щелкните на кнопке Копировать стандартной панели инструментов. Для перемещения нажмите клавиши <Ctrl+ X > или щелкните на кнопке Вырезать стандартной панели инструментов.

          3. Установите курсор в новую позицию столбца или строки. Столбец или строка будет вставлен левее или выше позиции курсора.

          4. Нажмите клавиши <Ctrl+ V > или щелкните на кнопке Вставить стандартной панели инструментов.

          Изменение ширины столбца

          · Чтобы задать точное значение ширины столбца, щелкните одну из ячеек этого столбца. В меню Таблица выберите команду Свойства таблицы, а затем на вкладке Столбец выберите нужные параметры.

          · Для автоматического изменения ширины столбцов таблицы щелкните таблицу, выберите в меню Таблица команду Автоподбор , а затем – команду По содержимому .


          Изменение высоты строки

          Чтобы задать точное значение высоты строки, щелкните одну из ячеек этой строки. В меню Таблица выберите команду Свойства таблицы , а затем на вкладке Строка выберите нужные параметры.

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

          Объединение нескольких ячеек таблицы в одну

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

          1. Выделите ячейки, которые требуется объединить.

          В меню Таблица выберите команду Объединить ячейки .

          Рамки таблицы

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

          1. Выделите ячейки таблицы, границы которых вы хотите изменить.

          2. Выберите в меню Формат команду Границы и заливка для открытия диалогового окна Границы и заливка . Если нужно, щелкните на вкладке Граница .

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

          4. Щелкните на кнопке ОК .

          Можно также использовать кнопку Границы на панели инструментов Форматирование .

          Автоматическое форматирование таблиц

          Word предлагает множество заготовленных форматов таблиц, с помощью которых легко изменить внешний вид своей таблицы.

          1. Поместите курсор в любую ячейку таблицы.

          2. Выберите в меню Таблица команду Автоформат . В диалоговом окне Автоформат таблицы в списке Форматы представлены разные форматы таблиц. Можно прокрутить этот список, причем выделенный формат появится в области Образец .

          4. Щелкайте по названиям форматов до тех пор, пока не выберете нужный.

          5. Щелкните на кнопке ОК . Выбранный формат будет применен к таблице.

          Вставка текста перед таблицей

          Чтобы вставить текст перед таблицей, которая начинается на первой строке первой страницы документа, щелкните в левой верхней ячейке в первой строке таблицы, а затем нажмите клавишу ENTER . Если в левой верхней ячейке таблицы находится текст, поместите курсор перед текстом. Введите нужный текст.

          Построение диаграмм

          1. Выделить блок ячеек, по которым строится диаграмма.

          2. Меню Вставка-Рисунок-Диаграмма .

          3. Затем происходит автоматический вход в режим редактирования диаграммы.

          4. Форматируем нужные данные в диаграмме.

          5. Выходим из режима редактирования диаграммы.

          Форматирование данных в диаграмме

          Корректируем таблицу данных, для этого в верхней строке набираем значения по оси Х, в а первом столбце - по У. При изменении данных в таблице – изменяется и диаграмма.

          Тип диаграммы : Меню Диаграмма – Тип Диаграммы-Стандартные и выбираем нужный тип диаграммы.

          Группировка данных : Указать, как должны быть сгруппированы данные. Пункт меню Данные-Рядыобразуют столбцы/строки.

          Параметры диаграммы : Меню Диаграмма – Тип Диаграммы , затем выбираем нужную вкладку.

          Вкладка Заголовки необходима для ввода названия диаграммы и названия осей.

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

          Вкладка Подписи данных необходима для добавления/удаления подписей возле элементов/точек диаграммы.

          Вкладка Таблицы данных добавляет/удаляет таблицу в область графика.

          Форматирование осей диаграммы : С помощью контекстного меню, вызванного на соответствующей оси, можно изменить масштаб оси, размер, расположение (поворот) подписи оси.

          Список в Word - это отличный способ организовать данные в документе, также они позволяют читателям понять ключевые моменты. В Microsoft Word есть инструмент, с помощью которого можно сделать простые нумерованные и маркированные списки, а также настроить эти списки в соответствии с вашими потребностями. В частности, создать многоуровневые списки . В этой статье мы рассмотрим, как сделать нумерованный список в ворде , маркированный список , и как сделать многоуровневый список .

          Как сделать маркированный список

          1. Выделите текст, который вы хотите сделать в виде списка .
          Как сделать список в Word - Выделение текста для создания маркированного списка
          1. На вкладке «Главная» нажмите стрелку раскрывающегося списка рядом с командой «Маркеры ». Появится меню стилей маркеров.

          Как сделать список в Word - Маркеры
          1. Наведите указатель мыши на различные стили маркеров. В документе появится предварительный просмотр. Выберите стиль маркера, который вы хотите использовать.

          Как сделать список в Word - Создание маркированного списка
          1. Текст будет отформатирован как маркированный список .

          Как сделать список в Word - Маркированный список

          Как сделать нумерованный список

          Если вам необходимо сделать нумерованный список в ворде , то вы можете использовать несколько вариантов нумерации: список с цифрами, буквами или римскими цифрами.

          1. Выберите текст, который вы хотите отформатировать в виде списка .
          Как сделать список в Word - Выделение текста для преобразования его в список
          1. На вкладке «Главная » щелкните стрелку раскрывающегося списка рядом с командой «Нумерация ». Появится меню библиотеки нумерации.

          Как сделать список в Word - Нумерация
          1. Наведите указатель мыши на любой стиль нумерации. В документе появится предварительный просмотр, как будет выглядеть нумерованный список в ворде . Выберите стиль нумерации, который вы хотите использовать.

          Как сделать список в Word - Создание нумерованного списка
          1. Текст будет преобразован как нумерованный список .

          Как сделать список в Word - Нумерованный список

          Как сделать многоуровневый список

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

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

          Как сделать список в Word - Выделение текста, который необходимо представить в виде многоуровневого списка
          1. На вкладке «Главная » щелкните стрелку раскрывающегося списка рядом с командой «Многоуровневый список ». Появится меню библиотеки списков.

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

          Как сделать список в Word - Создание многоуровневого списка
          1. После этого текст приобретет вид обычного нумерованного списка .

          Как сделать список в Word - Список
          1. Далее установите курсор в начало строки пункта, который вы хотите изменить на уровень ниже.

          Как сделать список в Word - Курсор на месте изменения уровня
          1. Нажмите клавишу Tab , чтобы изменить уровень. Теперь данный пункт относится ко второму уровню и имеет нумерацию 1.1.

          Как сделать список в Word - Изменение уровня

          Если вам необходимо изменить на несколько уровней,например, сделать список 1.1 или 1.2, то нажимайте клавишу Tab до тех пор, пока не будет достигнут желаемый уровень. А для того чтобы вернуться на один уровень выше нажмите клавишу Backspace .

          Примечание . Вы также можете увеличить или уменьшить уровни текста, используя команды «Увеличить отступ » или «Уменьшить отступ » на вкладке «Главная ».

          Как сделать список в Word - Увеличить, уменьшить отступ
          1. После всех изменений уровней, мы получили следующий многоуровневый список в ворде :

          Как сделать список в Word - Многоуровневый список

          Теперь вы знаете, как сделать список в ворде на любой вкус и цвет: нумерованный список , маркированный список или многоуровневый список .

          При написании текстов иногда приходится использовать такой способ оформления как списки. Чаще всего это могут быть какие-то перечисления однородных элементов или перечни не связанных между собой элементов. Вначале разберем создание простых списков, а затем узнаем как в word сделать многоуровневый список на основе простого.

          Список – это фрагмент текста, оформленного особым способом. Каждый элемент списка пишется с новой строки и содержит либо графический маркер, либо символьный или цифровой маркер.

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

          Создание простого списка

          В ленте инструментов на вкладке Главная есть раздел Абзац . Он содержит необходимые кнопки работы со списками. Смотрите рисунок.

          1. Создание маркированного списка. При нажатии на треугольник справа доступен выбор вида графических маркеров списка.
          2. Создание нумерованного списка. При нажатии на треугольник справа доступен выбор вида нумерации списка.
          3. Создание многоуровнего списка. Можно выбрать разные варианты оформления.
          4. Уменьшение отступа списка от границы поля документа до начала абзаца.
          5. Увеличение отступа списка от границы поля документа до начала абзаца.
          6. Изменение междустрочного расстояния между элементами списка.

          Существует несколько вариантов включения оформления списков, но я рекомендую воспользоваться следующим:

          • Наберите текст будущего списка целиком, отбивая каждый новый элемент списка абзацем (нажимаем клавишу Enter).
          • После ввода последнего элемента списка сделайте пустой абзац, нажатием клавиши Enter. Это необходимо, чтобы предотвратить применения списка к последующему тексту.
          • Выделите все строки с элементами списка и нажмите кнопку для применения соответствующего вида списка.

          Если вы выбрали не тот вид списка, то выделите его элементы заново и нажмите кнопку с требуемым видом списка.

          Обратите внимание! Выделение нужно начинать с первого символа текста элементов списка, а не с маркера.

          Изменение расстояния от маркера до текста

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


          Отступ первой строки (7) – перемещает маркер влево или вправо относительно элемента списка.
          Выступ (8) – перемещает элемент списка влево или вправо относительно маркера.
          Отступ слева (9) – перемещает маркер и элемент списка влево или вправо.

          Внимание! Для изменения положения всех маркеров списка, необходимо выделить список. Для изменения положения только в одном элементе списка, достаточно установить текстовый курсор в строку элемента списка.

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

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

          В открывшейся библиотеке выбираете нужный вариант многоуровневого списка. После применения этой операции вы увидите список (маркированный или нумерованный) с виду похожий на простой. Но это только потому, что в данном списке все элементы пока находятся на одном уровне.

          И теперь для каждого элемента списка необходимо настроить свой уровень. Для этого поступаем так:

          • Кликаем в строку с элементом списка для которого необходимо изменить уровень отступа и нажимаем кнопку 5 (см. рисунок "Инструменты для работы со списками").
          • Кликаем в следующую строку и снова нажимаем кнопку 5 (можно нажать несколько раз, чтобы увеличить уровень отступа).

          Практическая часть

          Для закрепления навыков по форматированию текста выполните следующее задание.
          Наберите или в свой текстовый редактор. Создайте из данного текста многоуровневые списки.

          Компьютеры и периферия Компьютеры Системные блоки Моноблоки Неттопы и компьютеры-флешки Мониторы и аксессуары Мониторы 4K мониторы Игровые мониторы Видеокабели и переходники

          Используя теоретические сведения данной статьи измените текст следующим образом:

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


          Дорогой читатель! Вы посмотрели статью до конца.
          Получили вы ответ на свой вопрос? Напишите в комментариях пару слов.
          Если ответа не нашли, укажите что искали .

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

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

            — каждый элемент списка
          • отмечается маркером,
            нумерованный список
              — каждый элемент списка
            1. отмечается цифрой,
              список определений — — состоит из пар термин
              определение.

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

              Создание HTML-списков

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

              Маркированный список представляет собой неупорядоченный список (от англ. Unordered List) . Создаётся с помощью парного тега

              . В качестве маркера элемента списка выступает метка, например, закрашенный кружок.

              Браузеры по умолчанию добавляют следующее форматирование блоку списка:

              Каждый элемент списка создаётся с помощью парного тега

            2. (от англ. List Item) .
              доступны .
            • Microsoft
            • Google
            • Apple
            Рис. 1. Маркированный список

            2. Нумерованный список

            Нумерованный список создаётся с помощью парного тега . Каждый пункт списка также создаётся с помощью элемента

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

            Блок списка также имеет стили браузера по умолчанию:

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

            Для тега

              доступны следующие атрибуты:

              Таблица 1. Атрибуты тега
              Атрибут Описание, принимаемое значение
              reversed Атрибут reversed задает отображение списка в обратном порядке (например, 9, 8, 7…).
              start Атрибут start задает начальное значение, от которого пойдет отсчет нумерации, например, конструкция
                первому пункту присвоит порядковый номер «10». Также можно одновременно задавать тип нумерации, например,
                  .
              type Атрибут type задает вид маркера для использования в списке (в виде букв или цифр). Принимаемые значения:
              1 — значение по умолчанию, десятичная нумерация.
              A — нумерация списка в алфавитном порядке, заглавные буквы (A, B, C, D).
              a — нумерация списка в алфавитном порядке, строчные буквы (a, b, c, d).
              I — нумерация римскими заглавными цифрами (I, II, III, IV).
              i — нумерация римскими строчными цифрами (i, ii, iii, iv).
              1. Microsoft
              2. Google
              3. Apple
              Рис. 2. Нумерованный список

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

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

              . Для добавления термина применяется тег
              , а для вставки определения — тег
              .

              Блок списка определений имеет следующие стили браузера по умолчанию:

              Для тегов

              ,
              и
              доступны .

              Режиссер:
              Петр Точилин
              В ролях:
              Андрей Гайдулян
              Алексей Гаврилов
              Виталий Гогунский
              Мария Кожевникова
              Рис. 3. Список определений

              4. Вложенный список

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

              • Пункт 1.
              • Пункт 2.
                • Подпункт 2.1.
                • Подпункт 2.2.
                  • Подпункт 2.2.1.
                  • Подпункт 2.2.2.
                • Подпункт 2.3.
              • Пункт 3.

              Рис. 4. Вложенный список

              5. Многоуровневый нумерованный список

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

              1. пункт
              2. пункт
                1. пункт
                2. пункт
                3. пункт
                  1. пункт
                  2. пункт
                  3. пункт
                4. пункт
              3. пункт
              4. пункт

              Такая разметка по умолчанию создаст для каждого вложенного списка новую нумерацию, начинающуюся с единицы. Чтобы сделать вложенную нумерацию, нужно использовать следующие свойства:
              counter-reset сбрасывает один или несколько счётчиков, задавая значение для сброса;
              counter-increment задаёт значение приращения счётчика, т.е. с каким шагом будет нумероваться каждый последующий пункт;
              content — генерируемое содержимое, в данном случае отвечает за вывод номера перед каждым пунктом списка.

              Ol { /* убираем стандартную нумерацию */ list-style: none; /* Идентифицируем счетчик и даем ему имя li. Значение счетчика не указано - по умолчанию оно равно 0 */ counter-reset: li; } li:before { /* Определяем элемент, который будет нумероваться — li. Псевдоэлемент before указывает, что содержимое, вставляемое при помощи свойства content, будет располагаться перед пунктами списка. Здесь же устанавливается значение приращения счетчика (по умолчанию равно 1). */ counter-increment: li; /* С помощью свойства content выводится номер пункта списка. counters() означает, что генерируемый текст представляет собой значения всех счетчиков с таким именем. Точка в кавычках добавляет разделяющую точку между цифрами, а точка с пробелом добавляется перед содержимым каждого пункта списка */ content: counters(li,".") ". "; }
              Рис. 5. Многоуровневый нумерованный список