Пример нумерованный список: Нумерованный список | htmlbook.ru — Независимое театральное объединение "Зрительские симпатии"

Содержание

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

Списки — важная составляющая контента, так как они помогают упорядочить информацию. Текст в списках лучше воспринимается и проще запоминается.

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

Самый простой — перед каждым его элементом стоит маркер — кружок, квадрат или окружность. Последовательность элементов в маркированном списке не важна.

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

<!DOCTYPE html>
<html>
<head>
    <title>Маркированный список</title>
</head>
<body>
   <ul>
      <li>Камень</li>
      <li>Ножницы</li>
      <li>Бумага</li>
   </ul>
</body>
</html>

По умолчанию в качестве маркера списка используется чёрный кружок (disk). Добавив в тег <ul> атрибут type и присвоив ему соответствующее значение, маркер можно сменить на окружность (circle

) или чёрный квадрат (square).

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

От маркированного отличается тем, что порядок элементов в нём важен, а потому вместо маркера здесь используются последовательно идущие цифры или буквы. О порядке в списке заботиться не нужно: эту задачу берёт на себя браузер. Если изменить список (удалить или добавить элемент, нарушив порядок), обозреватель пересчитает его и отобразит правильно.

Для создания нумерованных списков используются теги <ol> и <li>. Контейнер <ol> определяет начало и конец списка, тег <li> задаёт начало и конец его элемента — всё, как в маркированном списке, только <ul>

заменено на <ol>.

<!DOCTYPE html>
<html>
<head>
    <title>Нумерованный список</title>
</head>
<body>
   <ol>
      <li>Камень</li>
      <li>Ножницы</li>
      <li>Бумага</li>
   </ol>
</body>
</html>

Так как с нумерованными списками не всегда всё так просто, для тега <ol> создали следующие атрибуты (обратите внимание: ниже как раз приведён нумерованный список):

1. type. Этот атрибут позволяет нумеровать список не только арабскими, но также римскими цифрами или латинскими буквами разного регистра.

type поддерживает значения 1 (по умолчанию), a, A, i, I (попробуйте поэкспериментировать с ними самостоятельно).

2. start. Не всегда нумерация должна начинаться с единицы. Этот атрибут позволяет задать начальное значение — номер первого элемента списка. В нём можно указать, чтобы отчёт начинался, например, с числа 100 или буквы K.

3. reversed. Если список должен идти не с 1 до 10, а с 10 до 1, то необходимо использовать этот атрибут. Если он задан, нумерация будет вестись в обратном порядке.

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

<li> атрибут <value>:

<li value=”45”>Сорок пятый элемент после тридцать восьмого</li>

Изменив номер одного элемента в середине списка, вы измените и нумерацию всех следующих за ним элементов — отчёт начнётся со значения в атрибуте value. Например, если элементу 18 вы присвоили номер 35, то следующие за ним элементы будут иметь номера не 19, 20, 21, а 36, 37, 38.

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

Не такой известный тип списка, как рассмотренные выше. Состоит из терминов и их определений. Создаётся с помощью тегов:

<dl> — контейнер, содержащий список.

<dt> — тег термина.

<dd> — тег определения

Область применения списков определений — глоссарии, справочники, тесты, словари и другие ёмкие перечисления вида «Термин — объяснение».

Вот пример списка определений:

<!DOCTYPE html>
<html>
<head>
    <title>Список определений</title>
</head>
<body>
   <dl>
      <dt>Дескриптор</dt>
       <dd>Основная единица языка разметки, известная всем как "Тег".</dd>
      <dt>Атрибут</dt>
       <dd>Свойство тега, дающее ему дополнительные возможности оформления текста.  </dd>
      <dt>Метка</dt>
       <dd>Одиночный тег, который не нужно закрывать.</dd>
   </dl>
</body>
</html>

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

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

Вот пример многоуровневого списка:

<!DOCTYPE html>
<html>
<head>
    <title>Многоуровневый список</title>
</head>
<body>
<strong>Языки программирования делятся на:</strong>
<ul>
  <li>Структурные</li>
    <ol>
      <li>Pascal</li>
      <li>Oberon</li>
      <li>C</li>
        <ol>
          <li>Go</li>
          <li>Limbo</li>
        </ol>
      <li>Lua</li>
    </ol>
  <li>Объектно-ориентированные</li>
    <ol>
      <li>C++</li>
      <li>Java</li>
    </ol>
  <li>Функциональные</li>
    <ol>
      <li>Lisp</li>
      <li>Python</li>
    </ol>
</ul>
</body>
</html>

Полезные ссылки:

Основы HTML — бесплатный 2-х часовой видеокурс по основам HTML;
Бесплатный курс по верстке сайта — пример блочной вёрстки с чистого листа;
Вёрстка сайта с нуля 2. 0 — полноценный платный курс;
Создание приложений для Android — для тех, кто давно хотел попробовать себя в мобильной разработке (не для новичков).

Списки в HTML • Vertex Academy

5 июля, 201617 января, 2018

Vertex Academy вложенные списки html,маркированный список html,многоуровневый список html,нумерованный список html,списки в html,список определений html

Данная статья написана командой Vertex Academy. Это одна из статей из нашего Самоучителя по HTML&CSS. Надеемся, что данная статья Вам будет полезна. Приятного прочтения!

В повседневной жизни мы часто записываем информацию в виде списков:

список дел на завтра
список достопримечательностей, которые хотим посмотреть в очередной поездке
список покупок и т.д. и т.п.

На сайтах тоже часто часть информации оформляется в виде списков.

Итак, учимся делать списки в HTML!

Всего выделяют 4 вида списков:

Ненумерованные (неупорядоченные)
Нумерованные (упорядоченные)
Списки определений
Вложенные списки

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

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

Ненумерованный список — список, в котором элементы выделяются специальными маркерами – буллетами (визуально похоже на след от пули). А вот и пример ненумерованного списка:

Как сделать ненумерованный список в HTML? Для этого необходимо:

Шаг 1: Использовать тег <ul>…</ul>

<ul> — это аббревиатура от английского «Unordered List», что в переводе означает «неупорядоченный список».

Шаг 2: Каждый элемент списка поместить в теге <li> …</li>

<li> — это аббревиатура от английского «List Item», что в переводе означает «элемент списка».

Давайте посмотрим, как это работает на примере:

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

list-style-type:circle — маркер будет отображаться кружочком

list-style-type:square — будет выглядеть как квадратик

list-style-type:none — список будет без маркеров.

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

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

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

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

Шаг 1: Использовать тег <ol>…</ol>

<ol> — это аббревиатура от английского «Ordered List», что в переводе означает «упорядоченный список».

Шаг 2: Каждый элемент списка поместить в теге <li> …</li>

<li> — это аббревиатура от английского «List Item», что в переводе означает «элемент списка».

Пример упорядоченного (нумерованного) списка ниже:

По умолчанию элементы нумерованного списка помечаются арабскими цифрами (1, 2, 3, 4, 5 и т.д.). С помощью атрибута type можно это поменять:

type=»A» — строки будут нумероваться заглавными буквами

type=»a» — строчными буквами

type=»I» — заглавными римскими цифрами

type=»i»— строчными римскими цифрами

Давайте к примеру пронумеруем наш список дел римскими цифрами

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

Также в HTML существуют списки определений, где каждый элемент состоит из понятия и его определения. Это напоминает статьи в словаре или энциклопедии.

Список определений, (англ Description List, тег <dl>) включает в себя элементы, которые

обозначают какое-то понятие, термин (description term) — тег <dt>
описывают каждое из этих понятий (description data) — тег <dd>

Например:

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

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

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

Списки можно комбинировать между собой, например:

Смотрим как это выглядит в HTML:

В качестве элементов списков можно использовать картинки или ссылки. Также, с помощью CSS список можно расположить горизонтально, а если заменить в нем каждый элемент ссылкой — получится полноценное меню сайта. Но это тема для отдельного урока.
До встречи!

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

Форматировать текст

Добавить и отформатировать текст
Статья
Создайте маркированный или нумерованный список
Статья
Изменить межстрочный интервал
Статья
Применить стили
Статья
Применить темы
Статья

Следующий: Разметка страниц

Форматировать текст

Добавить и отформатировать текст
Статья
Создайте маркированный или нумерованный список
Статья

Изменить межстрочный интервал
Статья
Применить стили
Статья
Применить темы
Статья

Следующий: Разметка страниц

Создать список

Чтобы начать нумерованный список, введите 1, точку (. ), пробел и текст. Word автоматически создаст для вас нумерованный список.

Введите * и пробел перед текстом, , и Word создаст маркированный список.

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

Создать список из существующего текста

Выберите текст, который вы хотите преобразовать в список.
Перейти к Дом > Пули или Дом > Нумерация .

Примечание. Найдите различные стили маркеров и форматы нумерации, нажав стрелку вниз рядом с Маркеры или Нумерация .

См. также

Добавить и отформатировать текст

Изменить межстрочный интервал в Word

Применить стили

Применить темы

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

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

Тем не менее, текст, который не имеет распознаваемого набора элементов, более четкий, когда текст состоит из абзацев, а не чем маркированные списки или нумерованные списки. Это объяснение содержит советы, которые помогут вам решить, когда ставить деловое письмо в маркированные или нумерованные списки, а когда — в абзацы. Следите за этими тремя шагов:

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

Эти советы объясняют, как составлять маркированные и нумерованные списки.

Хорошее деловое письмо — это навык, которому вы или ваши сотрудники можете научиться.

Учитесь, создавая настоящие документы.

Получить подробный отзыв инструктора.

Курсы, адаптированные к вашему уровню навыков.

ОЗНАКОМЬТЕСЬ С КУРСАМИ

Лучшие практики 1

Назовите разделы вашего делового письма.

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

Передовая практика 2

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

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

Передовая практика 3

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

Если ключевое слово раздела или название ключевой фразы не требует элементов, не создавайте маркированный список или нумерованный список для раздела; оставить текст в виде абзаца. Три пронумерованных раздела в этом объяснении находятся в нумерованный список, потому что они являются шагами. Однако внутри разделов текст разбит на абзацы. Ключевая фраза названия разделов не требуют маркированного списка или нумерованного списка элементов.

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

Подробнее в маркированных и нумерованных списках. . .

Примеры маркированных или нумерованных списков в деловой переписке

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

Пример

Неверно

Мы наблюдали Саймона в школьной обстановке 13 марта. Мы заметили агрессивное поведение в классе и столовой. Мы считаем, что можем определить причину, по которой он становится агрессивным в своих отношениях, на основе того, что мы видели. Когда мы поймем причину, мы придем к решению, которое устранит проблему, с которой родители столкнулись дома. Есть факторы, которые, по нашему мнению, важно отметить в отношении такого поведения у детей. Отчасти такое поведение является нормальным для 6-летнего ребенка. Приход нового ребенка в дом будет способствовать отыгрышу. Когда ребенок — единственный ребенок и находился дома только с матерью, разлучение может привести к тому, что его отправят домой. Семейные трудности, такие как надвигающийся развод, также могут привести к агрессивному поведению.

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

Пример

Неверно

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

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

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

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

Ниже приводится один из приемлемых форматов отчета с использованием абзацев и маркированного списка:

Пример

Правильно

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

Мы считаем, что в отношении таких поведение у детей:

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

Создавайте маркированные или нумерованные списки в разделах вашего делового письма

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

Это пример делового письма в форме абзаца, в котором есть список:

Пример

Отдел внутренних перевозок ежедневно выполняет важные задачи завода. Отдел перемещает сотрудников в пределах комплекса Rudolph Plant. Фургоны доставляют сотрудников от ворот к их рабочим местам. Еще одна функция фургонов — перевозка сотрудников на склады для получения припасов. Сотрудников также доставляют в такие места, как столовая и учебные классы. Кроме того, отдел внутренних перевозок доставляет внутренние посылки, инструменты и внутреннюю почту. В отделе внутренних перевозок работает семь человек. Фургоны проходят регулярное техническое обслуживание, и компания заменяет их каждые два года. Замененные фургоны доступны для покупки сотрудниками по значительно сниженной цене.

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

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

Подробнее по маркированным и нумерованным спискам. . .

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

Это пример неправильной редакции делового письма. Маркированный список включает элементы которые не являются задачами:

Пример

Неправильно

Отдел внутренних перевозок переводит сотрудников в комплекс завода Рудольфа для выполнения следующих задач:

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

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

Пример правильного использования маркированного списка в деловой переписке

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

Один из допустимых форматов текста:

Правильно

Отдел внутренних перевозок ежедневно выполняет следующие пять важных задач на предприятии:

Перемещение сотрудников в пределах комплекса Rudolph Plant
Проведение сотрудников от ворот до их рабочих мест
Транспортировка сотрудников на склады для получения припасов
Доставка сотрудников в такие места, как столовая и учебные классы
Доставка внутренних пакетов, инструментов и почты между офисами

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

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

Пример нумерованный список: Нумерованный список | htmlbook.ru

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

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

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

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

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

Списки в HTML • Vertex Academy

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

Например:

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

Создать список

Создать список из существующего текста

См. также

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

Хорошее деловое письмо — это навык, которому вы или ваши сотрудники можете научиться.

Назовите разделы вашего делового письма.

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

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

Примеры маркированных или нумерованных списков в деловой переписке

Создавайте маркированные или нумерованные списки в разделах вашего делового письма

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

Пример правильного использования маркированного списка в деловой переписке

Рекомендации по использованию маркированных и нумерованных списков в деловой переписке

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