Нумерованный многоуровневый список html: Многоуровневый список — Разметка текста — HTML Academy

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

Главная > Ноутбуки

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. Многоуровневый нумерованный список

Другим типом списков, реализованных в языке HTML, является нумерованный список. Иначе HTML списки такого типа называют упорядоченными. Последнее название часто используется как формальный перевод названия соответствующего тега

, с помощью которого и организуются списки такого типа в HTML-документах (OL — Ordered List, упорядоченный список).

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

Теги

и

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

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

1. .

   Приведем пример HTML-документа, использующего нумерованный список, отображение которого браузером показано на рис. 2.3.

   Пример нумерованного списка

   Наиболее яркие звезды, видимые с Земли:

   • Сириус
   • К анопус
   • Арктур
   • Альфа Центавра
   • Вега
   • К апелла
   • Ригель
   • Процион
   • Ахернар
   • Бета Центавра
   • Ветельгейзе
   • Альдебаран
   • Мицар
   • Пoляpнaя

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

   В теге

   могут быть указаны следующие параметры: COMPACT, TYPE и START.

   Параметр COMPACT имеет тот же смысл, что и у маркированных списков. Параметр TYPE используется для задания вида нумерации списка. Может принимать следующие значения:

   TYPE = А — задает маркеры в виде прописных латинских букв;

   TYPE = а — задает маркеры в виде строчных латинских букв;

   TYPE = I — задает маркеры в виде больших римских цифр;

   TYPE = i — задает маркеры в виде маленьких римских цифр;

   TYPE = 1 — задает маркеры в виде арабских цифр.

   По умолчанию всегда используется значение TYPE = 1, т. е. нумерация при помощи арабских цифр. Это касается и вложенных нумерованных списков. Здесь, в отличие от маркированных списков, браузеры по умолчанию не делают различной нумерацию на различных уровнях вложенности списков. Заметим, что после номера элемента списка всегда дополнительно выводится знак «точка».

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

   1. .

      Пример записи:

   2. .

      Параметр START тега

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

      Такая запись определяет нумерацию списка с прописной латинской буквы «E». Для других видов нумерации запись START=5 задаст нумерацию, соответственно, с числа «5», римской цифры «V» и т.

      д.

      Изменение вида нумерации списка и значений номеров допустимо производи ть и для любого элемента списка. Тег

      5. для нумерованных списков разрешает использовать параметры TYPE и VALUE. Параметр TYPE может прини мать такие же значения, как и для тега
         .

         П ример записи:

         1. .

            Примечание

            Браузеры по-разному интерпретируют указание вида нумерации для отдельного элемента списка. Браузер Netscape изменяет вид нумерации для данного элемента и всех последующих, пока не встретится очередное переопределение. Браузер Internet Explorer изменяет вид номера только для данного элемента.

            З начение параметра VALUE тега

         2. — позволяет изменить номер данного элем ента списка. При этом изменяется нумерация и всех последующих элементов. Типичным применением являются списки с пропуском некоторых эл ементов. Пример такого списка был приведен выше (рис. 2.3). В нем дается уп орядоченный список наиболее ярких звезд, в котором на 58 и 75 местах р асположены звезды, хорошо видимые в наших широтах (Мицар — наиболее яркая звезда созвездия Большая Медведица, а Полярная звезда — Малой Медведицы).

            Приведем еще один оригинальный пример использования нумерации различных видов. В приводимом ниже HTML-коде заданы три списка с различной нумерацией. Для удобства просмотра каждый из списков помещен в отдельную ячейку таблицы. Все три списка идентичны и различаются только видом нумерации: в первом столбце таблицы — арабские цифры, во втором — римские, а в третьем нумерация ведется латинскими буквами. Обратим внимание, что элементы списка пусты, т. е. после любого тега

         3. нет никаких данных. Пример такого рода можно использовать в качестве таблицы соответствия между записью чисел арабскими и римскими цифрами. Оказывается, что любой браузер, поддерживающий списки, можно использовать в качестве генератора такой таблицы (рис. 2.4), стоит лишь набрать приводимый HTML-код. Нумерация римскими цифрами правильно работает вплоть до значения 3999. Изучая правый столбец, можно понять, как выполняется нумерация латинскими буквами. По исчерпании однобуквенной нумерации (от А до Z) в качестве следующего номера берется первый двухбуквенный номер — АА и т. д.Использование различного типа нумерации в списках

            
            . . .

            Рис. 2.4. Различные типы нумерации HTML-списков

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

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

            В примере 11.1 приведен код HTML для добавления маркированного списка на веб-странице.

            Пример 11.1. Создание маркированного списка

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

            ---

            • Чебурашка
            • Крокодил Гена
            • Шапокляк
            • Крыса Лариса

            ---

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

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

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

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

            . Допустимые значения приведены в табл. 11.1
            Табл. 11.1. Стили маркеров списка

            Тип списка	Код HTML	Пример
            Список с маркерами в виде круга		Первый Второй Третий
            Список с маркерами в виде окружности		Первый Второй Третий
            Список с квадратными маркерами		Первый Второй Третий

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

            Создание списка с квадратными маркерами показано в примере 11.2.

            Пример 11.2. Вид маркеров

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

            Изменение убеждений

            • изменение религиозной веры (на выбор: буддизм, конфуцианство, индуизм). Специальное предложение — иудаизм и мусульманство вместе;
            • изменение веры в непогрешимость любимой партии;
            • убеждение в том, что инопланетяне существуют;
            • предпочтение политического строя, как самого лучшего в своем роде (на выбор: феодализм, социализм, коммунизм, капитализм).

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

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

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

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

            Нумерованный список — это набор элементов (пунктов списка), имеющих определённую последовательность. Каждый пункт нумерованного списка имеет уникальный маркер, указывающий на порядок следования данного пункта относительно других пунктов списка. По умолчанию маркерами пунктов нумерованного списка являются числа. Первый пункт идёт под числом 1, второй под числом 2 и так далее.

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

            Для создания нумерованных списков в HTML используется тег

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

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

               1. Кофе
               2. Чай
               3. Молоко
               Попробовать »

               Примечание: тег

               в качестве дочерних элементов может содержать только теги
               1. , то есть всё содержимое нумерованного списка должно размещаться внутри элементов
               2. . Тег
               3. , в свою очередь, не имеет ограничений на содержимое, поэтому в нём можно размещать абзацы, картинки, ссылки, таблицы, другие списки и т.д.

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

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

                  Для создания маркированных списков в HTML применяется тег

                  , внутри которого располагаются элементы самого списка (как и в случае с нумерованными списками используется тег
                  • , который содержит в себе всё отображаемое содержимое списка):

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

                    • Кофе
                    • Чай
                    • Молоко
                    Попробовать »

                    Виды маркеров

                    Виды маркеров нумерованного списка можно изменить с помощью атрибута type . Данный атрибут поддерживает пять видов маркеров:

                    Маркированные списки не имеют атрибута type , поэтому средствами HTML изменить вид маркера у маркированного списка не получится. Для изменения вида маркера, в этом случае, можно воспользоваться CSS свойством list-style-type , с помощью которого, помимо значения по умолчанию, можно выбрать ещё два вида маркера: circle или square .

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

                    Заголовок страницы

                    Нумерованный список c атрибутом type=»a»:

                    1. Яблоки
                    2. Бананы
                    3. Лимоны

                    Нумерованный список c атрибутом type=»I»:

                    1. Яблоки
                    2. Бананы
                    3. Лимоны

                    Виды маркеров маркированных списков:

                    • Яблоки
                    • Бананы
                    • Лимоны
                    • Яблоки
                    • Бананы
                    • Лимоны
                    Попробовать »

                    CSS свойство list-style-type , помимо видов маркеров для маркированных списков, имеет множество различных видов маркеров и для нумерованных списков. Но не всегда изменения одного стандартного вида маркера на другой бывает достаточно для того, чтобы красиво оформить список. Для оформления списков лучше использовать CSS, который позволяет не только изменять вид маркера, но и заменять маркеры на картинки, контролировать их расположение и управлять отступом. Как всё это делать вы можете посмотреть .

                    Горизонтальный список

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

                    Чтобы создать горизонтальный список, надо для пунктов списка прописать CSS свойство display со значением inline или inline-block , в зависимости от того, какие ещё свойства вы собираетесь использовать.

                    Заголовок страницы

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

                    1. Яблоки
                    2. Бананы
                    3. Лимоны

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

                    • Яблоки
                    • Бананы
                    • Лимоны
                    Попробовать »

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

                    Как горизонтальный список превратить в горизонтальное меню, вы можете посмотреть .

                    Списки встречаются везде. Они используются для:

                    • разбивки больших сегментов текста на части;
                    • выделения важных моментов;
                    • изложения «плана действий » и перечня мероприятий (нумерованный список в HTML ).

                    Использование маркированных списков помогает людям проще переварить все то, что вы им говорите. Но как они задаются на веб-странице?

                    Маркированные списки (или ненумерованные списки)

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

                    Ненумерованные списки — тег

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

                    • Пункт 1
                    • Пункт 2
                    • Пункт 3

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

                    Атрибут type

                    Атрибут type определяет, какой тип маркера вы увидите на странице. Хотя с помощью CSS можно задать широкий диапазон стилей маркеров, и даже использовать собственное изображение, но лучше придерживаться основных типов (в том числе и в нумерованном списке HTML ):

                    Элементы списка — тег

                    • Каждый элемент в списке обворачивают в отдельную пару тегов

                    • li>. Часто можно обойтись и без
                    • , но я бы рекомендовал придерживаться этого правила.

                      Приведенный выше список помещен в отдельный тег

                      , но каждый
                      • также поддерживает собственный атрибут type , и таким образом можно создать следующий список:

                        
                        

                        Отступ маркированного списка

                        Перед тем, как к списку будет применен любой стиль CSS , HTML (а точнее браузер ) применяет к нему отступы, поэтому он отличается от обычного абзаца с тегом

                        Упорядоченный / нумерованный список — тег

                        Если вы хотите упорядочить элементы списка, тогда тег

                        поможет в этом. По умолчанию он задает нумерованный список HTML :
                        1. Элемент 1
                        2. Элемент 2
                        3. Элемент 3

                        что на выходе дает нам:

                        A. Элемент 1
                        B. Элемент 2
                        C. Элемент 3

                        Атрибут type дает возможность использовать еще несколько дополнительных вариантов оформления нумерованных списков по сравнению с маркированными.

                        Начало нумерованного списка с определенного номера

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

                        Проблема заключается в том, что по умолчанию каждый список начинается с номера 1 (или буквы А ). Это бы внесло неразбериху в ваше руководство!

                        К счастью, в HTML есть свойство start , которое позволяет начать нумерацию с указанного номера:

                        4. Шаг четыре
                        5. Шаг пять
                        6. Шаг шесть

                        Что дает нам следующее:
                        4. Шаг четыре
                        5. Шаг пять
                        6. Шаг шесть

                        Обратный порядок

                        Если вы хотите вывести номера (или буквы ) в обратном порядке, то это можно сделать, добавив в тег нумерованного списка в HTML ключевое слово reversed :

                        1. Первый пункт
                        2. Второй пункт
                        3. Третий пункт
                        4. Четвертый пункт
                        5. Пятый пункт

                        В результате список будет выглядеть следующим образом:
                        5. Пятый пункт.
                        4. Четвертый пункт.
                        3. Третий пункт.
                        2. Второй пункт.
                        1. Первый пункт.

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

                        С помощью установленных в браузерах патчей поддержки (и иногда с помощью отмены CSS для некоторых сайтов ) можно создать HTML многоуровневый нумерованный список. Это достигается за счет встраивания одного списка в другой:

                        • Элемент верхнего уровня
                        • Подчиненный элемент 1
                        • Подчиненный элемент 2
                        • Элемент верхнего уровня

                        Что дает нам:

                        Элемент верхнего уровня
                        o Подчиненный элемент 1
                        o Подчиненный элемент 2
                        Элемент верхнего уровня

                        Вы можете использовать комбинацию тегов

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

                        1. Элемент верхнего уровня
                        o Подчиненный элемент 1
                        o Подчиненный элемент 2
                        2. Элемент верхнего уровня

                        Используйте нумерованные списки HTML на своих страницах.

                        Заключение

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

                        Перевод статьи «Numbered and Bullet Point Lists in HTML » был подготовлен дружной командой проекта .

                        Loading…

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

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

Использование на практике

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

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

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

Маркеры и их применение

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

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

Нумерованный перечень

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

Опять-таки набираете текст и выделяете предназначенный для оформления участок. Далее щелчком правой кнопки мыши и выбором пункта «Список» можно продолжить задуманное. В появившемся окне следует перейти во вкладку «Нумерованный» и выбрать там один из предложенных шаблонов оформления. Подтвердите свой выбор — и дело сделано.

Но необходимо знать, что данные методы легко воплощаются в жизнь в старых версиях MS «Офис». Именно такие способы помогают в этой программе без проблем провести оформление текста в виде того или иного списка.

Многоуровневый список: нюансы исполнения

На что еще стоит обратить внимание? Дело в том, что в разных версиях Office списки воплощаются в жизнь разнообразными методами. Это происходит по причине изменений, которые претерпел интерфейс Word.

Что же говорит о создании такого объекта, как перечень, информатика? Многоуровневый список в старых версиях «Ворда» может появляться без проблем в уже напечатанном тексте. То есть придется произвести все вышеперечисленные манипуляции. А именно:

• напечатать текст;
• выделить нужный участок;
• выбрать пункт «Список» после щелчка ПКМ по выделенной области;
• перейти во вкладку «Многоуровневый» и подобрать стиль оформления;
• нажать на «ОК» и подтвердить свой выбор.

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

Установка уровней

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

Каким образом можно составить многоуровневый список? После выполнения вышеперечисленных манипуляций необходимо поставить курсор в начале строки, которую следует «сдвинуть» и придать ей статус подпункта. Далее придется щелкнуть на клавишу Tab (табулятор) на клавиатуре. Вы заметите, как произошел сдвиг строки вправо, вследствие чего появился новый уровень.

Посредством табулятора можно создавать подпункты в соответствующих списках. Один щелчок – сдвиг на уровень. Чтобы вернуться к прежнему положению, просто удалите образовавшийся сдвиг-пробел. Для этого используйте клавишу Backspace.

Панель задач

Списки (нумерованные, маркированные и многоуровневые) в Word создаются несколькими способами. Первый мы подробно разобрали. Но как еще можно справиться с поставленной задачей?

Независимо от того, какой именно тип списков вам необходим, существует иной метод их создания. Правда, легче всего он воплощается в старых версиях «MS Офис». В Word 2010 такой вариант не подходит. Это происходит из-за изменений, которые постигли интерфейс программы. Поэтому придется рассмотреть и более ранние версии, и новые.

Алгоритм действий в старых выпусках приложения предельно прост. Создание многоуровневого списка происходит посредством использования панели задач. Найдите там пункт «Формат», предварительно выделив область, необходимую для редактирования. Перед вами появится длинный перечень возможных операций. В нем щёлкните по уже знакомому пункту – «Список».

Теперь в появившемся окне выбирайте желаемую вкладку (маркированный, нумерованный или многоуровневый) и готовый стиль оформления списка, а затем сохраняйте изменения. Вот и все. Так обычно работают в Word 2003. Это хоть и старая, но привычная программа редактирования и создания текстовых документов.

Клавиши как инструмент форматирования

Следующий вариант подойдет для всех Word. Не важно, какая именно у вас версия «Офиса» – воплотить задумку в жизнь получится без особых проблем. Правда, не всем известен данный вариант решения задачи. Обычно он воплощается в жизнь во время написания текста.

В начале строки необходимо поставить следующий знак «*» (звездочку), а затем начать писать текст. Когда перейдете на новую строку, то увидите, что получился маркированный список. Теперь закончите написание всех пунктов и подпунктов, которые имеют место.

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

Как быть, если нужно создать многоуровневый нумерованный список? Для этого в начале строки напечатайте не «*», а единицу с точкой и пробелом. Как и прошлом случае, просто создайте весь текст списка, а затем, используя Tab, установите уровни. Это универсальный метод создания иерархических списков из текста во время его набора.

Добавление элементов

Как добавлять новые элементы в уже готовый список? Для осуществления сдвига строки на уровень ниже используется Tab. А каким образом создать строку, если вы работаете с текстом, который только набирается?

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

Новые версии MS

Как быть, если вы работаете в более поздних версиях Word? Например, в тех, что следовали уже после привычного многим «Офиса 2003»? В таком случае можно воспользоваться вышеприведенным методом, но он не пользуется популярностью, ведь иногда на редактирование списка может уходить до нескольких часов.

Поэтому лучше применить возможности, предназначенные для готового текста. Находясь в Word 2010 или 2007, выделите весь фрагмент, который нужно оформить в виде многоуровневого списка. Далее перейдите на панели инструментов ко вкладке «Главная» → «Абзац». Теперь все необходимые пункты будут именно здесь.

На появившейся панели выберите правую кнопку: для наглядности там изображена миниатюра списка с несколькими уровнями. Это как раз то, что нужно. По автоматически появившемуся шаблону будет произведено форматирование выделенного вами участка текста. Создавать уровни придется самостоятельно посредством Tab.

К слову, нумерованный и маркированный списки тоже делаются при помощи раздела «Абзац». Просто необходимо кликнуть по соответствующей кнопке на панели. Первая обычно служит для маркировки, а вторая – для нумерации.

Выбор стиля

В «Ворд 2010» или в Word 2007 вы также способны сразу выбрать стиль оформления своего многоуровневого списка. Как это сделать? Для осуществления этого перейдите на вкладку «Главная», а там отыщите подпункт «Абзац». В данной области находятся кнопки управления списками, а точнее их создания.

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

Редактирование

На этом особенности поставленной задачи не заканчиваются. Дело в том, что стили – примеры многоуровневых списков, а также нумерованных и маркированных, показанные при выборе шаблона, — можно редактировать. Даже собственные варианты можно создавать в Word!

Придется проявить внимательность и даже фантазию. Следует перейти в Word 2007 (или 2010) во вкладку «Главная», после чего отыщите там «Абзац». Теперь нажмите на небольшую стрелочку в правой нижней части иконки с маркированным списком.

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

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

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

В статье были предложены возможные способы создания перечней, которые способны помочь как в работе, так и в повседневной деятельности рядового пользователя ПК.

Информатика 7 класс. Многоуровневые списки

Материалы к урокам 7 класса

Главная | Информатика и информационно-коммуникационные технологии | Планирование уроков и материалы к урокам | 7 классы | Планирование уроков на учебный год | Многоуровневые списки

Практическая работа №5

В текстовом процессоре Microsoft Word возможны 3 типа списков:

Нумерованный
Маркированный
Многоуровневый

Пример:

Многоуровневый список — это список, который основывается на отображении строк списка разными уровнями (от 1 до 9 уровня). То есть каждая из строк списка может включать подпункты различных уровней. Для обозначения в многоуровневом списке могут использоваться как маркеры, так и цифры.

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

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

2. Создайте первую строку маркированного или нумерованного списка .

3. Нажмите клавишу Enter и наберите вторую строку списка.

4. Для понижения уровня нужной строки списка (например, с № 1 до № 1.1) щелкните по кнопке Понизить на один уровень на автоматически открывшейся панели Маркеры и нумерация.

5. Для повышения уровня нужной строки списка (например, с № 1.2 до № 2) щелкните по кнопке Повысить на один уровень на автоматически открывшейся панели Маркеры и нумерация. Для изменения уровня строки в многоуровневом списке можно также использовать клавишу Tab (понижать уровень) и Shift+Tab (повышать уровень).

6. Для прекращения нумерации дважды нажмите клавишу Enter.

Как изменить структуру многоуровневого списка

1. В окне открытого документа щелкните правой кнопкой мыши по любой строке многоуровневого списка.

2. В контекстном меню выберите пункт Список.

3. В окне Маркеры и нумерация на вкладке Структура выберите нужный вид структуры многоуровневого списка.

4. Закройте окно кнопкой ОК.

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

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

1. В окне открытого документа щелкните правой кнопкой мыши по любой строке нумерованного или маркированного списка.

2. В контекстном меню выберите пункт Список.

3. В окне Маркеры и нумерация на вкладке Структура выберите нужный вид структуры многоуровневого списка.

4. Закройте окно кнопкой ОК.

Как изменить расположение строки в списке

Расположение строк можно изменять в любой момент работы со списком.

1. В окне открытого документа установите курсор ввода текста на нужной строке списка.

2. Автоматически откроется панель Маркеры и нумерация.

3. На панели Маркеры и нумерация щелкните по кнопке Переместить вверх или Переместить вниз.

Колонки

Колонки — это вертикальные текстовые поля, на которые разбиваются страницы. Колонки используются для создания более выразительных документов и удобного расположения больших объемов текста на страницах. Ярким примером колонок служат газетные и журнальные колонки. Разбить страницу на колонки можно как уже с набранным текстом, так и пустую, еще перед набором текста.

Как разбить пустую страницу на колонки одинаковой ширины

1. В окне открытого документа раскройте меню Формат.

2. В списке команд выберите пункт Колонки.

3. В окне Колонки задайте регулятором Колонки нужное число колонок. Созданные колонки автоматически равны между собой. Чем больше число колонок, тем меньше их ширина. Максимальное число колонок — 99.

4. Для отображения на странице вертикальной линии между колонками в группе Разделительная линия откройте список графы Линия и выберите нужный тип линии. При этом линия будет располагаться по центру интервала между колонками.

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

6. Закройте окно кнопкой ОК.

Как разбить страницу на колонки различной ширины

1. В окне открытого документа раскройте меню Формат.

2. В списке команд выберите пункт Колонки.

3. В окне Колонки задайте регулятором Колонки нужное число колонок и отключите пункт Автоподбор. Можно также выбрать один из предварительно определенных вариантов.

4. После этого появится возможность задать ширину каждой колонки и интервала между ними отдельно.

5. Сначала в графе Ширина задается ширина первой колонки, затем регулятором Интервал — ширина первого интервала, следом — ширина второй колонки и второго интервала и т. д. Ширину последней колонки задавать не нужно! Иначе изменятся заданные ранее параметры первых колонок и интервалов.

6. Для перехода к регуляторам ширины колонок используйте кнопку Колонка.

7. При необходимости задайте вертикальную линию между колон ками.

8. Закройте окно кнопкой ОК.

Как разбить колонку на дополнительные колонки

1. В окне открытого документа выделите текст в нужной колонке.

2. В окне открытого документа раскройте меню Формат.

3. В списке команд выберите пункт Колонки.

4. В окне Колонки откройте список графы Применить к: и выберите значение Выделению.

5. Задайте нужное число колонок и их параметры.

Как разбить на колонки готовый текст

1. В окне открытого документа выделите нужный текст на странице.

2. Далее действуйте так же, как в предыдущей инструкции.

Как набирать текст в поле колонки

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

2. Автоматически в конце каждой колонки (который совпадает с окончанием страницы) курсор ввода текста переместится на следующую колонку вправо и т. д. В конце последней колонки на странице курсор ввода текста переместится на первую колонку следующей страницы и т. д.

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

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

Первый способ

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

2. Используйте сочетание клавиш Ctrl+Shift+Enter.

Второй способ

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

2. Откройте меню Вставка.

3. В списке команд выберите пункт Разрыв.

4. В окне Вставить разрыв в группе Тип активируйте пункт Разрыв столбца.

5. Закройте окно кнопкой ОК. Разрыв колонки удаляется так же, как обычные символы — клавишами Delete или BackSpace.

Как отказаться от колонок

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

2. В окне открытого документа раскройте меню Формат.

3. В списке команд выберите пункт Колонки.

4. В окне Колонки задайте регулятором Колонки число 1.

5. Закройте окно кнопкой ОК.

Рамки

Рамка — это прямоугольное графическое выделение абзацев или страниц редактируемыми линиями. Она широко используется в документах. Рамка привязана к тексту и абзацу и не может существовать без них.

Как задать рамку фрагменту текста

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

2. В контекстном меню выберите пункт Абзац.

3. В окне Абзац на вкладке Обрамление выберите один из вариантов обрамления.

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

5. Откройте палитру Цвет и выберите нужный цвет линий рамки.

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

7. Закройте окно кнопкой ОК.

Как удалить рамку фрагмента текста

1. В окне открытого документа щелкните правой кнопкой мыши по тексту с рамкой.

2. В контекстном меню выберите пункт Абзац.

3. В окне Абзац на вкладке Обрамление в группе Предопределенное выберите вариант Убрать обрамление.

4. Закройте окно кнопкой ОК.

Как задать рамку страницам документа

1. В окне открытого документа установите курсор на любой странице нужного документа.

2. Раскройте меню Формат.

3. В списке команд выберите пункт Страница.

4. В окне Стиль страницы: имя стиля на вкладке Обрамление задайте параметры рамки, аналогично рамке для абзаца.

5. Закройте окно кнопкой ОК.

Как удалить рамку страниц документа

1. В окне открытого документа установите курсор ввода текста на любой странице с рамкой нужного документа.

2. Раскройте меню Формат.

3. В списке команд выберите пункт Страница.

4. В окне Стиль страницы: имя стиля на вкладке Обрамление в группе Обрамление щелкните по кнопке Убрать обрамление.

Заливка

Заливка — это заполнение цветом пространства фрагмента текста или страницы. Она широко используется в оформлении документов наравне с другими способами выделения. Заливка привязана к тексту и странице и не может существовать без них.

Как задать заливку фрагменту текста

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

2. В контекстном меню выберите пункт Абзац.

3. В окне Абзац на вкладке Фон в палитре Цвет фона щелкните по плашке нужного цвета.

4. Закройте окно кнопкой ОК.

Как убрать заливку фрагмента текста

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

2. В контекстном меню выберите пункт Абзац.

3. В окне Абзац на вкладке Фон в палитре Цвет фона выберите значение Без заливки.

4. Закройте окно кнопкой ОК.

Как задать фон страницам документа

1. В окне открытого документа щелкните правой кнопкой мыши по нужному абзацу.

2. В контекстном меню выберите пункт Страница.

3. В окне Стиль страницы: имя стиля на вкладке Фон в палитре Цвет фона щелкните по плашке нужного цвета. Цвет фона не распространяется на поля страницы.

4. Закройте окно кнопкой ОК.

Как задать графический фон нужным страницам документа

1. В окне открытого документа щелкните правой кнопкой мыши по нужному абзацу.

2. В контекстном меню выберите пункт Страница.

3. В окне Стиль страницы: имя стиля на вкладке Фон откройте список графы Тип и выберите значение Графический объект.

4. В группе Файл щелкните по кнопке Обзор.

5. В окне Графический объект найдите нужный файл рисунка или фотографии для использования в качестве фона.

6. Дважды щелкните по найденному графическому файлу.

7. В группе Тип выберите один из трех способов расположения фонового рисунка на странице.

8. Закройте окно кнопкой ОК.

Как убрать фон у страниц документа

1. В окне открытого документа щелкните правой кнопкой мыши по любой странице с фоном.

2. В контекстном меню выберите пункт Страница.

3. В окне Стиль страницы: имя стиля на вкладке Фон в палитре Цвет фона выберите значение Без заливки.

4. Закройте окно кнопкой ОК

- создавать многоуровневые списки