Как сделать нумерованный список в html: Тег | htmlbook.ru

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

Задать вопрос

Вопрос задан 1 год 9 месяцев назад

Изменён 1 год 9 месяцев назад

Просмотрен 147 раз

Нужно оформить эти пункты в таком формате:

1. Пункт договора
    1.1 Подпункт договора
     1.2 Подпункт договора
        1.2.1 Еще один подпункт договора
        1.2.2 Еще один подпункт договора
        1.2.3 Еще один подпункт договора
    1.3 Подпункт договора
2. Пункт договора
3. Пункт договора

Обратите внимание, что пункты: 1, 2 и 3 стоят с точкой после цифры. А все вложенные подпункты без точки после цифр.

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

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

• html
• css

Вот один из вариантов, который будет работать по Вашей логике.

ul {
  counter-reset: item
}
li {
  display: block
}
ul>li:before {
  content: counters(item, ".") ". ";
  counter-increment: item
}
ul>li ul li:before {
  content: counters(item, ".") " ";
  counter-increment: item
}

<ul>
  <li>
    First level
    <ul>
      <li>Second level 1</li>
      <li>Second level 2</li>
    </ul>
  </li>
  <li>
    First level
    <ul>
      <li>Second level 1
        <ul>
          <li>Third level 1</li>
          <li>Third level 2</li>
        </ul>
      </li>
      <li>Second level 2</li>
    </ul>
  </li>
  <li>First level</li>
</ul>

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Как создать список в Word

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

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

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

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

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

Если текстовая информация уже набрана, выделяют отрывок, который необходимо пронумеровать. Далее нужно найти группу «Абзац», расположенную на строке меню, после чего перейти на неё, а уже там остановить свой выбор на желаемом списочном варианте, указанном в перечне.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Если необходимо вернуться к предыдущему уровню, используют сочетание кнопок «Shift» и «Tab», также можно использовать кнопку «Уменьшить отступ».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2. Перейти к Дом > Пули или Дом >   Нумерация .

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

или Нумерация .

См. также

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

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

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

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

Списки HTML — без неупорядоченного ul, порядка ol и определения dl

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

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

Закрывающая метка для ненумерованных списков —

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

Тег UL

Тег

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

Чтобы указать элемент в списке, используйте тег

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

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

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

<ул>
Элемент списка 
Элемент списка 
 … 

В следующем примере показано использование метки в веб-документе.

<голова>

<мета-кодировка="utf-8">

<тело>
Список с неупорядоченными элементами

<ул>
Один
Два
Три

Список с вложенными подсписками

<ул>
1. Первый
2. Второй <ул>
3. Второй
4. Вторая вторая

Терсеро

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

Resultado de listas sin orden

Тег OL

Тег

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

Чтобы указать элемент в списке, используйте

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

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

Синтаксис тега следующий:

Список элементов
Список элементов
 … 


 

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

type

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

Этот атрибут может принимать следующие значения:

Значение	Описание
1	Это значение по умолчанию, если атрибут не указан. Произвести нумерацию списка с использованием числовых значений. (1,2,3…)
и	Устанавливает, что нумерация списка выполняется с использованием символов в алфавитном порядке строчными буквами. (а, б, в…)
А	Устанавливает, что нумерация списка производится с использованием символов в алфавитном порядке заглавными буквами. (А, В, С…)
и	Устанавливает, что нумерация списка производится с использованием нумерации римскими цифрами строчными буквами. (i, ii, iii, iv…)
я	Устанавливает, что нумерация списка производится с использованием нумерации заглавными латинскими буквами. (I, II, III, IV…)

start

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

Синтаксис тега с атрибутом следующий:

Элемент списка 
Элемент списка 
 … 


 

reversed

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

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

Синтаксис атрибута, примененного к тегу, следующий:

<ол наоборот>
Список элементов
Список элементов
 … 

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

<голова>
/title>
<мета-кодировка="utf-8">

<тело>
Числовой список дефектов>/p>

<ол>
Элементо
Элементо
Элементо


Алфавитный список

<ол тип="а">
Пример
Второе
Терсеро


Список всех атрибутов


Элементо
Элементо
Элементо




 

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