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


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

Инструменты списков обычно находятся на общей панели инструментов в программе.

Начало работы с маркерами:

  1. Убедитесь, что курсор находится в начале строки.
  2. Нажмите кнопку «Маркеры».
  3. Чтобы продолжить перечисление, введите нужные данные в первом пункте и нажмите «Enter». Программа по умолчанию проставит следующий элемент списка.

Внешний вид маркеров можно менять в зависимости от стиля текста:

  1. Нажмите стрелку рядом с кнопкой «Маркеры».
  2. Выберите нужный символ из библиотеки.
  3. Если среди символов нет нужного, создайте свой стиль маркеров. Для этого ниже библиотеки нажмите кнопку «Определить новый маркер».
  4. Нажмите кнопку «Символ» или «Рисунок» и выберите элемент из выпавшего списка.

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

Для отмены функции список с последующим сохранением текста выделите всю информацию списка и зажмите кнопку «Маркеры» сортировка удалится, а информация останется.

Чтобы удалить список вместе с содержимым, выделите текст в списке и зажмите кнопку «Delete», после чего нажмите кнопку «Маркеры».

Важно! Перечисленные действия возможны в программе, установленной на операционной системе Windows.

Создание списка в программе на Mac требует другого алгоритма действий:

  1. Поставьте курсор в начале строчки.
  2. В разделе «Главная» нажмите на стрелку рядом с маркерами.
  3. Найдите нужный стиль и начните работу.

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

  1. Выделите все пункты списка.
  2. На панели инструментов выберите «Абзац».
  3. Во вкладке «Отступы и интервалы» всплывшего окна выберите значение интервалов из стандартных или введите необходимые параметры.

На заметку! Кроме того, увеличить отступ можно сняв флажок в графе «Не добавлять интервал между абзацами одного стиля» в этой же вкладке.

Видео — Делаем маркированный список в Microsoft Word

Создание маркированного списка в автоматическом режиме

Читайте также подробную информацию в новой статье — «Как работать в Word для начинающих».

Автоматическая функция маркирования упрощает задачу писателю, экономит время на выполнение лишних действий.

Настройка включения/выключения автоматической функции:

  1. Нажмите кнопку «Файл» и выберите параметры. В версии Word 2007 года вместо «Файл» находится кнопка «Office».
  2. Во вкладке «Правописание» нажмите на «Параметры автозамены».
  3. Найдите раздел «Применять при вводе» и выберите стили маркированных списков.
  4. Подтвердите действие нажатием «ОК».

Для начала автоматического списка:

  1. Установите курсор на месте будущего списка.
  2. Поставьте пробел или звездочку.
  3. Нажмите пробел.

Единоразовая отмена функции возможна при нажатии выпадающей панели «Параметры автозамены».

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

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

Работа с числовыми перечнями полностью повторяет оформление маркеров. Разница заключается только в кнопке, которая запускает данную функцию. Она называется «Нумерация» и находится справа от маркеров.

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

  1. Нажмите на стрелку справа от «Нумерации».
  2. Выберите определение нового формата чисел.
  3. Измените настройки в нужной строке, после чего нажмите «ОК».

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

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

Настройка автоматического режима нумерованного списка аналогична работе с маркированным.

Для ввода числового перечня:

  1. Поставьте курсор в начале строки.
  2. Установите 1.
  3. Подтвердите действие пробелом.

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

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

Чтобы начать работу над многоуровневым перечислением, достаточно нажать стрелку справа от кнопки «Многоуровневый список» и выбрать нужный стиль маркеров или нумерации.

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

  1. Правой кнопкой мыши выберите маркер или номер пункта, уровень которого нужно сменить.
  2. Нажмите стрелку возле кнопки «Маркер» или «Нумерация» в соответствии с типом обозначения.
  3. Нажмите на графу «Изменить уровень списка» и в выпавшем окне выберите новый стиль обозначения.

На заметку! Еще один вариант изменения уровня графы в списке – установить курсор в начале текста графы и нажать кнопку «Tab». Чем ниже уровень вам нужен, тем больше раз нужно нажимать данную кнопку. Чтобы вернуть необходимую графу на уровень выше, нажмите кнопку «Backspace».

В уже существующем списке из нескольких категорий легко сменить стиль обозначений:

  1. Щелкните по стрелке возле кнопки «Многоуровневый список».
  2. Из выпавшего меню выберите нужный стиль и нажмите на него.
  3. Если в библиотеке нет подходящего списка, можно создать свой, выбрав графу «Определить новый многоуровневый список». Во всплывшем окне выберите нужное значение для каждой категории.

На заметку! Примечательно, что в одном многоуровневом списке могут присутствовать как символы, так и числа.

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

Как сделать список из готового текста?

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

  1. Убедитесь, что все элементы будущего перечня находятся на разных строках.
  2. Выделите строки с нужной информацией.
  3. Нажмите кнопку «Маркеры».

Работа со списком завершается двумя нажатиями кнопки «Enter».

Сортировка списков в Word

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


  1. Выделите все элементы перечня.
  2. Нажмите на кнопку «Сортировка» на панели инструментов.
  3. Во всплывшем окне введите параметры сортировки. В зависимости от того, каким образом должен быть представлен алфавит – в прямом или обратном порядке, выберите «по возрастанию» или «по убыванию».

Читайте также статью  — «Как сделать нумерацию страниц в Ворде с 3 страницы».

pc-consultant.ru

ГЛАВА 2. СПИСКИ

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

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

Наиболее простым в представлении является маркированный список, задаваемый тегом-контейнером <ul>. С его помощью формируются списки, у которых в качестве маркеров используются «отвлеченные» обозначения в виде квадратов, кружков, треугольников и др.


Для создания элементов списка используется тег <li>, записанный внутри тегов <ul> … </ul>. Тег <li> не требует закрывающего тега </li>, но его использование не возбраняется спецификацией языка HTML. Обычно браузер сам определяет где заканчивается один тег <li> и начинается другой. Кроме того, при определении элементов списка нет необходимости выполнять принудительный перенос строк с помощью тега <br> или тега <p>, эту задачу выполняет тег <li>, который четко структурирует элементы, образуя из них вид списка в окне браузера. Ниже представлен пример HTML-документа, использующий маркированный список для представления знаков зодиаков.

<!—пример маркированного списка знаков зодиаков -->
<html>
<head>
<title>Пример маркированного списка знаков зодиаков</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
 
<body>
<p>Знаки зодиаков:
<ul>
<li>Овен
<li>Телец
<li>Близнецы
<li>Рак
</ul>
</body>
</html>


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

Рис. 2.1. Пример маркированного списка

Как видно из рис. 2.1. тег <ul> осуществляет отступ сверху и снизу, а также слева от края документа, выделяя таким образом список в тексте документа. Тег <li> в свою очередь обеспечивает вывод каждого элемента с новой строки, образуя список.

Тег <ul> имеет необязательный параметр type, позволяющий задавать тип маркеров перед элементами списка. По умолчанию, в качестве маркеров используются закрашенные кружки (некоторые браузеры используют другие маркеры по умолчанию). Для изменения маркера по умолчанию, необходимо задать параметр type одним из следующих значений:

disk – закрашенные кружки;
circle – незакрашенные кружки;
square – закрашенные квадратики.

Например, если в записанном выше примере переписать тег <ul> в виде

<ul type=square>

то получим следующий вид списка (рис. 2.2):

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

Рис. 2.2. Маркированный список с параметром type=square

Следует отметить, что внутри тега <ul> могут находиться любые другие теги языка HTML, в том числе и вложенные теги <ul>, образуя таким образом более сложный вид списков. Например, можно создать список сотрудников, с вложенным списком возраста, места работы, образования:


<html>
<head>
<title>Пример вложенных списков</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
 
<body>
<ul>
<b>Список сотрудников</b>
<li>Иванов Иван Иванович
<ul>
<li>Возраст: 22
<li>Место работы: УлГТУ
<li>Образование: высшее
</ul>
<li>Петров Петр Петрович
<ul>
<li>Возраст: 27
<li>Место работы: УлГУ
<li>Образование: высшее
</ul>
</ul>
</body>
</html>

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

Рис. 2.3. Пример вложенных списков

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

sernam.ru

Что такое списки в HTML, какие они бывают

Список (HTML) — текстовое перечисление однородных членов предложения, оформленное в виде списка.

Какие бывают списки?

  • Нумерованный список;
  • Маркированный список (не нумерованный);
  • Многоуровневый список;
  • Список определений;
  • Выпадающий список.

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

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

Пример:

неправильный список

Список это однородные ответы, отвечающие на один и тот же вопрос обобщающего текста.

Пример:

правильные списки

Разница очень заметна, не так ли? Правильный список такой, что легко «складывается» в предложение с простым перечислением однородных членов.

Где применяются списки?

  1. Нумерованные списки — применяются при необходимости перечислить элементы списка в определенном порядке, либо чтобы упростить ссылку на конкретный элемент списка (в дипломе, печатном документе, проектной работе);
  2. Маркированные списки — применяются при перечислении однородных элементов в произвольном порядке, т.е. если порядок не имеет значения;
  3. Многоуровневые списки используются для детализации информации отдельных элементов;
  4. Список определений в HTML используется при необходимости форматирования словаря.

HTML-практикум ч.1: как сделать упорядоченный нумерованный список

Нумерованные списки создаются при помощи тегов <ol></ol> и <li></li>, причем последний является тегом для перечисления однородных членов и помещается внутри тега <ol></ol> (ol — ordered list).

Соответственно, <li></li> — начало и конец элемента списка, а <ol></ol> — начало и конец самого нумерованного списка.

Покажу на примере. Код:

Результат:

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

По умолчанию форматирование нумерации элементов нумерованного списка осуществляется так: 1, 2 и т.д. Стиль нумерации задается при помощи атрибута list-style-type. Смотрите, что получится, если применить стиль ко всему списку «list-style-type: upper-roman;» и затем «list-style-type: lower-alpha;».

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

Вы также можете использовать не CSS, а напрямую прописать атрибут TYPE, вот так:

выбор type для оформления нумерованного списка

TYPE может принимать значения:

  • «A» — для нумерации A, B..
  • «a» — для нумерации a, b..
  • «I» — для нумерации I, II..
  • «i» — для нумерации i, ii..
  • «1» — для нумерации 1. 2. и далее по порядку.

Есть дополнительные атрибуты «start» и «value». Start — для задания номера первого элемента списка (все последующие считаются относительно него), value — для присвоение определенного номера любому из элементов списка.

Внимание! Использование атрибута value сбивает нумерацию и, если нужно, его приходится использовать дважды.

Пример кода:

Результат:

произвольная нумерация нумерованного списка

HTML-практикум ч.2: маркированный список

Маркированные списки создаются при помощи тегов <ul></ul> и <li></li>, последний как вы знаете является тегом для перечисления однородных членов и помещается внутри тега <ul></ul> (ul — unordered list).

Соответственно, <li></li> — начало и конец каждого из элементов списка, а <ul></ul> — начало и конец самого маркированного списка.

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

Код:

Результат:

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

Вы также можете выставить для элементов <li> атрибут type: disc (закрашенные кружочки), square (квадратики) или circle (незакрашенные кружочки или окружности). Тогда список примет такой вид:

маркированный список с кружками, окружностями и квадратами

Те же самые атрибуты можно применить и ко всему списку сразу, добавив CSS-свойство к тегу <ul>. Т.к. disc используется по умолчанию, я возьму circle: «list-style-type: circle;».

Код:

Результат:

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

HTML-практикум ч.3: как сделать неупорядоченный ненумерованный список без маркеров

Это очень просто. Неупорядоченные списки также создаются при помощи тегов <ul></ul> и <li></li>, — как вы уже знаете в этом случае нумерации не будет. Но будут маркеры, то есть список будет маркированным. Но и маркеры несложно убрать, это делается при помощи стиля в CSS: «list-style-type: none;».

Код:

Результат:

не упорядоченный не нумерованный список

HTML-практикум ч.4: вложенный многоуровневый древовидный список

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

многоуровневый древовидный вложенный список

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

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

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

Код:

Результат:

многоуровневый древовидный список с разным оформлением вложенных элементов

HTML-практикум ч.5: как сделать список определений

Списки определений создаются при помощи тегов <dl></dl>, <dt></dt> и <dd></dd>.

  • <dl></dl> (dl — description list) — обозначает начало и конец списка определений;
  • <dt></dt> (dl — description term) — обозначает начало и конец одного термина;
  • <dd></dd> (dd — definition description) — обозначает начало и конец одного определения/пояснения для одного термина.

Такой список по умолчанию получается многоуровневым и древовидным.

Пример кода:

Результат:

список определений и терминов в html

Итог

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

Также вы узнали, что есть список определений, для представления в удобном виде пар типа «термин-определение» или «термин-перевод».

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

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

Поэтому не пренебрегайте HTML-списками, учитесь их использовать правильно и умело размещайте на страницах ваших сайтов.

blogwork.ru

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

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

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

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

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

Атрибут type

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

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

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

Приведенный выше список помещен в отдельный тег <ul>, но каждый <li> также поддерживает собственный атрибут type, и таким образом можно создать следующий список:

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

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

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

Если вы хотите упорядочить элементы списка, тогда тег <ol> поможет в этом. По умолчанию он задает нумерованный список HTML:

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

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

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

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

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

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

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

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

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

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

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

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

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

Что дает нам:

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

Вы можете использовать комбинацию тегов <ul> и <ol>. Это может пригодиться, если нужно обозначить маркерами подпункты нумерованного списка.

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

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

Заключение

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

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

www.internet-technologies.ru

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

1. Стандартный маркированный список.

Подобные списки также называют «неупорядоченными».

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

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

Выбор того или иного значка зависит только от Вашего вкуса.

Стандартный маркированный список создается при помощи тега <ul>.

Список с маркерами в форме окружности создается при помощи тега <ul type=»circle»>.

Ну, а список с квадратными маркерами создается при помощи тега <ul type=»square»>.

 <ul> <li>Маркированный список</li> <li>Маркированный список</li> <li>Маркированный список</li> </ul>  <ul type="circle"> <li>Маркированный список</li> <li>Маркированный список</li> <li>Маркированный список</li> </ul>  <ul type="square"> <li>Маркированный список</li> <li>Маркированный список</li> <li>Маркированный список</li> </ul> 

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

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

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

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

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

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

или

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

Такие конструкции не всегда являются HTML-списками, потому что они формируются не только при помощи специальных маркировочных тегов.

 <style>  ul {  list-style-image: url(Путь к картинке/1.png);  } </style> <ul>  <li>Настраиваемый маркированный список</li>  <li>Настраиваемый маркированный список</li>  <li>Настраиваемый маркированный список</li>  </ul> 

или

 <table class="browser"> <thead> <tr> <th>Browser</th> <th>.mp3</th> <th>.wav</th> <th>.ogg</th> </tr> </thead> <tbody> <tr> <td>Mozzila Firefox 3.6</td> <td></td> <td>✓</td> <td>✓</td> </tr> <tr> <td>Opera 10.63</td> <td></td> <td>✓</td> <td>✓</td> </tr> <tr> <td>Google Chrome 8.0</td> <td>✓</td> <td>✓</td> <td>✓</td> </tr> <tr> <td>Apple Safari 5.0.3 (with QuickTime)</td> <td>✓</td> <td>✓</td> <td></td> </tr> <tr> <td>Microsoft IE 9 Beta</td> <td>✓</td> <td>✓</td> <td></td> </tr> </tbody> </table> <style type="text/css"> .browser, table.browser thead, table.browser tbody, table.browser th, table.browser td, table.browser tr, table.attribute thead, table.attribute tbody, table.attribute th, table.attribute td, table.attribute tr{ margin:5px auto 5px auto; padding:10px; border:2px solid #000000; table-layout:auto; border-collapse:collapse; vertical-align:middle; background: #e0e7ef; } article th{ background-color:#CCFF33; font-weight:bold; } </style> 

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

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

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

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

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

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

Для создания стандартного нумерованного списка (с арабскими цифрами) используется тег <ol>.

Создать список, в котором вместо цифр будут использоваться заглавные латинские буквы, можно так <ol type=»A»>.

Для создания нумерованного списка со строчными буквами используется тег <ol type=»a»>.

Список с римскими цифрами можно создать при помощи тега <ol type=»I»>.

  <ol>  <li>Нумерованный список</li>  <li>Нумерованный список</li>  <li>Нумерованный список</li> </ol>  <ol type="A">  <li>Нумерованный список</li>  <li>Нумерованный список</li>  <li>Нумерованный список</li> </ol>  <ol type="a">  <li>Нумерованный список</li>  <li>Нумерованный список</li>  <li>Нумерованный список</li> </ol> <ol type="I">  <li>Нумерованный список</li>  <li>Нумерованный список</li>  <li>Нумерованный список</li> </ol> 

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

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

Для этого используется специальный атрибут start, к примеру, <ol type=»I» start=»3″> (перечисление начнется с третьей позиции).

 <ol type="I" start="3">  <li>Нумерованный список</li>  <li>Нумерованный список</li>  <li>Нумерованный список</li> </ol> 

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

4. Многоуровневый список.

Такой список обычно состоит из нескольких вложенных списков.

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

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

Формируется многоуровневый список так же, как и обычный.

То есть сначала создается основной список (каркас). Затем внутрь него начинают вставляться дополнительные списки. Причем в многоуровневом списке могут присутствовать сразу маркированные и нумерованные списки.

 <ol> <li>Многоуровневый список <ul> <li>Многоуровневый список</li> <li>Многоуровневый список</li> </ul> </li> <li>Многоуровневый список <ul> <li>Многоуровневый список</li> <li>Многоуровневый список</li> </ul> </li> <li>Многоуровневый список<br> </li> </ol> 

На этом примере наше знакомство с маркированными списками заканчивается.

Надеюсь, что данный пост был Вам полезен.

До новых встреч!

С уважением, Денис Черников!

sozdaiblog.ru

<UL> и <LI>

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

  • <ul> — unordered list (неупорядоченный список). Этот тег ставится в начале списка и закрывается в самом конце. Он сообщает нам, что здесь будет находиться маркированный неупорядоченный список.
  • <li> — list item (пункт списка). В эти теги заключается каждый элемент списка.

На деле процедура создания маркированного списка очень легкая и я покажу вам на примере:

<ul> <li>Peugeot</li> <li>Opel</li> <li>KIA</li> </ul>

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

Создаем маркированный список в html на живом примере

Атрибуты

Ну и конечно я не могу не рассказать вам про атрибуты, относящиеся к данным тегам. Правда на самом деле эти атрибуты в html уже не используются, так как всё тоже самое проще и удобнее проделывать через стили, то есть CSS. Но я всё равно хотел бы рассказать вам для общего развития, поэтому я познакомлю вас с атрибутом type и его значениями.

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

Создаем маркированный список в html на живом примере

  • <ul type=»disc»> — это значение стоит по умолчанию, так что его вообще нет смысла прописывать. Маркеры выглядят как черные закрашенные кружочки;
  • <ul type=»circle»> — благодаря этому значению маркер останется круглым, но будет уже не закрашенным;
  • <ul type=»square»> — в данном случаем маркеры превратятся в маленькие черные квадратики.

Попробуйте сами посмотреть, как это работает и вы увидите все изменения.

Создаем маркированный список в html на живом примере

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

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

Сделать это абсолютно несложно, просто в тот тег <li>, который мы хотим расширить добавляем новый контейнер списка <ul>, и уже туда вставляем очередной набор тегов <li> между которыми и будут написаны модели автомобилей. Все понятно? Если нет, то смотрим, как это выглядит в коде.

Создаем маркированный список в html на живом примере

Теперь сохраняем и запускаем всё это дело в браузере. Смотрите, что у нас получилось: теперь в каждом элементе списка есть еще один новый cписок. Этого-то мы и добивались. И если вы заметили, то маркеры по умолчанию ставятся другие, нежели родительские. Это сделано специально, чтобы не путаться, но вы можете поставить нужный атрибут и выбрать свой маркер. Я думаю, что тут всё должно быть понятно.

Создаем маркированный список в html на живом примере

Но в дальнейшем мы изучим CSS и будем делать уже всё в соответствии, как и надо. Благодаря стилям можно намного улучшить отображение списка и даже сделать собственный маркер. Видите меню у меня на блоге (Главная, Все статьи, Об авторе и т.д.)? Да и вообще можно зайти практически на любой сайт и увидеть подобное меню. Так вот, все эти пункты меню — это элементы списка, только он обработаны через CSS.

Создаем маркированный список в html на живом примере

Ну в общем я думаю, что суть вы уловили. Но если вы хотите хорошо разбираться в HTML и CSS, то я вам настоятельно рекомендую посмотреть курс «HTML5 и CSS3 с нуля до профи». Благодаря этому курсу вы с легкостью изучите все основы html и css, а также научитесь самостоятельно верстать несколько типов сайтов: сайты-визитки, блоги, интернет-магазины, и даже лендинги. Курс действительно потрясающий.

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

С уважением, Дмитрий Костин.

 

koskomp.ru

Нумерация и маркеры

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

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

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

Списки с нумерацией

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

Параметры списка:

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

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

  • В начале абзаца, перед вводом текста, нужно поставить «1.», затем «Пробел» или Tab. Абзац оформится как первый пункт списка.
  • Поставив перед абзацем «1)», а затем нажав «Пробел» или Tab, пользователь создаст список другого типа.
  • По аналогии оформляются списки с буквами. В строках нужно ввести латинские буквы с точкой или скобкой. После каждого абзаца необходимо нажимать «Пробел» или Tab.

Создание маркированного списка в автоматическом режиме

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

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

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

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

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

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

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

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

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

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

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

Как изменить стиль маркера?

Нажав на кнопку «Маркеры», можно выбрать тот вариант, который подходит в данном случае. Для этого нужно перейти в область «Библиотека» и кликнуть на ней. Аналогично выбирается и тип нумерации: в области «Библиотека нумерации».

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

Каждый элемент текста может выделяться специальным маркером. Чтобы форматировать список согласно требованиям конкретного документа, необходимо выбрать команду «Определить новый маркер».маркированный список в word

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

fb.ru

Расширенные возможности

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

Значения, которые может принимать атрибут type:

  • disc — применяется по умолчанию, и выводит маркер в виде закрашенного круга.
  • circle — оформление в виде пустого круга (окружности).
  • square — маркер выводится в виде закрашенного квадрата.
  <!DOCTYPE html>  <html>   <head>   <meta charset="utf-8">   <title>Изменение типа маркировки</title>   </head>   <body>   <h1>Список покупок</h1>   <ul type="circle">   <li>500гр томатов</li>   <li>Упаковка риса</li>   <li>Чесночный соус</li>   <li>Винный уксус</li>   </ul>   </body>  </html>

coder-booster.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.