Как сделать маркированный и нумерованный список
Обновлено: 04.07.2024
Использование маркированных списков помогает людям проще переварить все то, что вы им говорите. Но как они задаются на веб-странице?
Что такое маркированный список (или ненумерованный список)
Маркированный список это первый вид списка, который мы рассмотрим.
Как создать маркированный список — ul что это за тег?
Маркированный список также известен как ненумерованный, потому в нем нет нумерации элементов. Для маркированного списка используется пара тегов . Ниже приводится простой его пример:
Сначала весь список берется в теги . При открытии тега списка, убедитесь, что вы закрыли его, а затем переходите к заполнению пунктов списка.
Атрибут type
Атрибут type определяет, какой тип маркера вы увидите на странице. Хотя нумерованный список CSS позволяет задать широкий диапазон стилей маркеров, и даже использовать собственное изображение, но лучше придерживаться основных типов ( в том числе и создавая нумерованный список HTML ):
-
, но каждый
также поддерживает собственный атрибут type , и таким образом можно создать следующий список:
Отступ маркированного списка
Перед тем, как к списку будет применен любой стиль CSS , HTML ( а точнее браузер ) применяет к нему отступы, поэтому он отличается от обычного абзаца с тегом
Как создать нумерованный список — тег ol
-
поможет в этом. По умолчанию он задает нумерованный список HTML :
что на выходе дает нам:
A. Элемент 1
B. Элемент 2
C. Элемент 3
Атрибут type дает возможность использовать еще несколько дополнительных вариантов оформления нумерованных списков по сравнению с маркированными.
Как сделать нумерованный список в HTML с определенного номера
Предположим, вы сводите воедино инструкции для создания таблиц. Вы можете использовать для этого нумерованный список. После каждого пункта вы хотите размещать изображения и дополнительный текст, и вам в этом случае потребуется несколько списков.
Проблема заключается в том, что по умолчанию каждый список начинается с номера 1 ( или буквы А ). Это бы внесло неразбериху в ваше руководство!
К счастью, в HTML есть свойство start , которое позволяет начать нумерацию с указанного номера:
Что дает нам следующее:
4. Шаг четыре
5. Шаг пять
6. Шаг шесть
Нумерованный список HTML — обратный порядок
Если вы хотите вывести номера ( или буквы ) в обратном порядке, то это можно сделать, добавив в тег, создающий нумерованный список HTML ключевое слово reversed :
В результате список будет выглядеть следующим образом:
5. Пятый пункт.
4. Четвертый пункт.
3. Третий пункт.
2. Второй пункт.
1. Первый пункт.
Многоуровневый маркированный список HTML
С помощью установленных в браузерах патчей поддержки ( и иногда с помощью отмены CSS для некоторых сайтов ) можно создать маркированный многоуровневый список HTML. Это достигается за счет встраивания одного списка в другой:
• Элемент верхнего уровня
o Подчиненный элемент 1
o Подчиненный элемент 2
• Элемент верхнего уровня
-
и
. Это может пригодиться, если нужно обозначить маркерами подпункты нумерованного списка.
1. Элемент верхнего уровня
o Подчиненный элемент 1
o Подчиненный элемент 2
2. Элемент верхнего уровня
Используйте нумерованные списки HTML на своих страницах.
Нумерованные и маркированные списки в HTML- заключение
Это всего лишь краткое введение по использованию списков в веб-дизайне, но с этого вы можете начать. Если у вас есть какие-либо вопросы, пожалуйста, задайте их в комментариях!
Я представляю список в Word живым организмом, который может жить и развиваться только при правильном подходе. Вы же не кормите любимого котёнка просроченными консервами? Вы соблюдаете все правила ухода за маленькими детьми? Вы чистите зубы два раза в день?
По окончании урока вы сможете:
- Задать одноуровневый список и многоуровневый список
- Перечислить правила работы со списками
1. Одноуровневый и многоуровневый список
(1) маркированный список
(2) нумерованный список
(3) многоуровневый список
На уроке 21 мы знакомились с этими кнопками. Но сейчас нам важно понять разницу при создании этих списков.
Откройте скачанный документ. Я создала в документе таблицу из двух ячеек. В ячейках два абсолютно одинаковых текста. Ну просто старый знакомый текст! Приступим?
Шаг 1. Выделите текст в первой ячейке. Здесь мы не можем воспользоваться выделением на полосе выделения, иначе мы выделим всю таблицу:
Можно выделить перетаскиванием, но я считаю, что это очень вредно для лучезапястной мышцы. Поступим следующим образом:
Я рассказывала о различных видах выделения на уроке 2, но повторить никогда не помешает.
Шаг 2. Задаём на выделенный текст Нумерованный список: лента Главная → группа команд Абзац → кнопка Нумерованный список:
Шаг 3. Выделите текст во второй ячейке.
Давайте сделаем отметочку в памяти. Нам эта отметочка ещё пригодится, когда мы с вами доберёмся до таблиц.
Шаг 4. Задаём на выделенный текст Многоуровневый список: лента Главная → группа команд Абзац → кнопка Многоуровневый список.
Получили такую картину:
Итак, мы имеем два абсолютно одинаковых списка. Ну разве что отступы у них разные
Напоминаю вам Урок 26. Уменьшить отступ или увеличить отступ. На самом деле эти кнопки повышают или понижают уровень в списке.
2. Правила работы со списками
В качестве детской забавы проделайте такую операцию:
Ко мне часто обращаются с вопросами, как правильно сделать список в Word. Для себя я давно вывела три важных правила работы со списками:
Маркеры структурируют текст, облегчают задачу восприятия. С маркированным списком материал становится визуально легче для прочтения. Как сделать маркированный список в Ворде?
Как создать маркированный список?
Инструменты списков обычно находятся на общей панели инструментов в программе.
Начало работы с маркерами:
-
Убедитесь, что курсор находится в начале строки.
Внешний вид маркеров можно менять в зависимости от стиля текста:
На заметку! Необязательно нажимать на все стили для выбора между ними. При наведении курсора на 1 из вариантов, он отражается на списке в режиме предварительного просмотра.
Важно! Перечисленные действия возможны в программе, установленной на операционной системе Windows.
Создание списка в программе на Mac требует другого алгоритма действий:
-
Поставьте курсор в начале строчки.
Форматирование перечня также предполагает возможность изменения расстояния между элементами списка.
-
Выделите все пункты списка.
Видео — Делаем маркированный список в Microsoft Word
Создание маркированного списка в автоматическом режиме
Автоматическая функция маркирования упрощает задачу писателю, экономит время на выполнение лишних действий.
Настройка включения/выключения автоматической функции:
Для начала автоматического списка:
-
Установите курсор на месте будущего списка.
Как создать нумерованный список?
Для пошагового перечисления действий, выделения важности, очередности вместо маркированного используется нумерованный список.
Как изменить номер в списке:
Важно! Внешний вид номеров (их цвет, шрифт, начертание) можно менять независимо от текста в списке. Для этого нужно нажать на одно из чисел, чтобы выделить все, и выбрать необходимые параметры на панели инструментов.
Создание нумерованного списка в автоматическом режиме
Настройка автоматического режима нумерованного списка аналогична работе с маркированным.
Для ввода числового перечня:
-
Поставьте курсор в начале строки.
Многоуровневый список: способы создания
Многоуровневый список позволяет разделить информацию по иерархии, разбить данные по категориям и подкатегориям.
Одноуровневый перечень также можно разбить на несколько уровней:
-
Правой кнопкой мыши выберите маркер или номер пункта, уровень которого нужно сменить.
В уже существующем списке из нескольких категорий легко сменить стиль обозначений:
На заметку! Примечательно, что в одном многоуровневом списке могут присутствовать как символы, так и числа.
Как сделать список из готового текста?
Готовый текст при необходимости легко преобразовать в список:
-
Убедитесь, что все элементы будущего перечня находятся на разных строках.
Сортировка списков в Word
Сортировка пунктов списка в алфавитном порядке упрощает задачу поиска нужной графы. Особенно, если список обширный, вроде оглавления или списка использованной литературы в научных материалах.
-
Выделите все элементы перечня.
Видео — Как сделать маркированный, нумерованный и многоуровневый список в Ворде
Понравилась статья?
Сохраните, чтобы не потерять!
Автор блога, занимаюсь программированием, делаю обзоры бытовой техники веду свой Youtube канал. Консультирую по вопросам IT
Microsoft Word 2016 имеет много нумерованных списков. Они могут принимать форму цифр или букв, которые следуют друг за другом, но они также могут быть предметом настройки. Узнайте, как создать индивидуальный список, который будет соответствовать вашим потребностям в структурировании контента.
Маркированный список в ворде
Шаг 1. Выделите текст который хотите промаркировать если текста еще нет просто поставьте курсор в, то место где хотите видеть список;
Шаг 3. Возле появившегося маркера введите нужный текст, для создания следующего маркера просто нажмите Enter.
Нумерованный список в ворде
Шаг 1. Выделите текст который хотите пронумеровать, если текста еще нет просто поставьте курсор в, то место где хотите видеть список;
Шаг 3. Возле появившегося цифры введите текст, для создания следующего нумерованной строки просто нажмите Enter.
Многоуровневый список в word
Многоуровневый список в ворде может состоять из цифр, алфавитов и маркеров, расположенных на разных уровнях. Вы можете использовать многоуровневые списки, чтобы разбить список на его иерархии или подпункты. Word 2016 предоставляет нам специальную кнопку на ленте для создания многоуровневого списка.
Примечание: вы также можете написать весь список заранее. Выделите его, а затем нажмите кнопку Многоуровневый список. Для выравнивания используйте клавиши Tab и Shift + Tab, чтобы упорядочивать список.
Продолжить нумерацию списка в ворде
Читайте также: