Что такое ol в html

HTML тег

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

В качестве нумерующих элементов могут выступать следующие значения: арабские числа (1, 2, 3, . ); прописные латинские буквы (A, B, C, . ); строчные латинские буквы (a, b, c, . ); прописные римские числа (I, II, III, . ); строчные римские числа (i, ii, iii, . ). Для указания типа нумерованного списка применяется атрибут type .

нумеруется арабскими числами, начиная с единицы.

применяются CSS свойства, то вложенные в тег элементы наследуют их.

Синтаксис

Пример

html> html> head> title>Заголовок окна веб-страницы title> head> body> ol> li>Закуски li> li>Горячее li> li>Салаты li> ol> ol start="50"> li>Прохладительные напитки li> li>Горячие напитки li> li>Мороженое li> ol> ol type="A"> li>Кока-кола li> li>Чай со льдом li> li>Фанта li> ol> body> html>

Результат

В данном примере мы использовали атрибут start со значением “50”.

CSS свойства

Для определения типа нумерующих элементов вместо атрибута type можно использовать CSS свойство list-style-type.

Пример

html> html> head> title>Заголовок окна веб-страницы title> head> body> h2>Примеры нумерованных списков h2> ol style="list-style-type: upper-roman"> li>Прохладительные напитки li> li>Горячие напитки li> li>Мороженое li> ol> ol style="list-style-type: hebrew"> li>Кока-кола li> li>Фанта li> li>Чай со льдом li> ol> ol style="list-style-type: decimal"> li>Кока-кола li> li>Фанта li> li>Чай со льдом li> ol> body> html>

Результат

Атрибуты

• CSS свойство font-style задает стиль шрифта: normal | italic | oblique | initial | inherit
• CSS свойство font-family создает приоритетный список названий семейства шрифтов и/или общее имя шрифтов для выбранных элементов.
• CSS свойство font-size задает размер щрифта.
• CSS свойство font-weight устанавливает насыщенность шрифта.
• CSS свойство text-transform задает регистр текста (заглавные или строчные буквы).
• CSS свойство text-decoration устанавливает оформление текста. Оно является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.

• CSS свойство color определяет цвет контента и оформления текста.
• CSS свойство background-color устанавливает фоновый цвет элемента.

• CSS свойство text-indent указывает размер отступа первой строки в текстовом блоке.
• CSS свойство text-overflow указывает, как будет отображаться пользователю строчный текст, выходящий за границы блока.
• CSS свойство white-space указывает, как будут отображены пробелы внутри элемента.
• CSS свойство word-break указывает перенос строки.

• CSS свойство text-shadow добавляет тень к тексту.
• CSS свойство text-align-last выравнивает последнюю строку текста.
• CSS свойство line-height устанавливает межстрочный интервал.
• CSS свойство letter-spacing устанавливает расстояние между буквами/символами в тексте.
• CSS свойство word-spacing устанавливает расстояние между словами в тексте.

Что такое ol в html

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

Синтаксис

1. элемент нумерованного списка
2. элемент нумерованного списка

Атрибуты

type Устанавливает вид маркера списка. reversed Нумерация в списке становится по убыванию (3,2,1). start Задаёт число, с которого будет начинаться нумерованный список.

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

HTML5 IE Cr Op Sa Fx

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



Рис. 1. Вид маркированного списка в браузере

Что такое ol в html

Тег (от англ. ordered list — упорядоченный список) устанавливает нумерованный (упорядоченный) список.

применяется таблица стилей, то элементы
наследуют эти свойства.

Демо¶

Текстовые блоки

Синтаксис¶

1 2 3 4

ol> li>элемент нумерованного спискаli> li>элемент нумерованного спискаli> ol> 

Закрывающий тег обязателен.

Атрибуты¶

Устанавливает вид маркера списка.

Нумерация в списке становится по убыванию (3,2,1).

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

Также для этого элемента доступны универсальные атрибуты.

type¶

Устанавливает вид нумерации в упорядоченном (нумерованном) списке.

Синтаксис

1 2 3

ol type="A | a | I | i | 1"> . ol> 

Значения

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

• A — заглавные латинские буквы;
• a — строчные латинские буквы;
• I — заглавные римские цифры;
• i — строчные римские цифры;
• 1 — арабские цифры.

Значение по умолчанию

reversed¶

Меняет нумерацию в списке на обратный порядок, вместо 1,2,3 будет выводиться 3,2,1.

Синтаксис

1 2 3

ol reversed> . ol> 

Значения

Значение по умолчанию

По умолчанию этот атрибут выключен.

start¶

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

Синтаксис

1 2 3

ol start=""> li>Элемент спискаli> ol> 

Значения

Любое положительное целое число.

Значение по умолчанию

Спецификации¶

• WHATWG HTML Living Standard
• HTML 5
• HTML 4.01 Specification

Описание и примеры¶

 1 2 3 4 5 6 7 8 9 10 11 12 13 14

 html> head> meta charset="utf-8" /> title>OLtitle> head> body> ol> li>Чебурашкаli> li>Крокодил Генаli> li>Шапоклякli> ol> body> html> 

Что такое ol в html

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

Синтаксис

Атрибуты

reversed Нумерация в списке становится по убыванию (3,2,1). start Задаёт число, с которого будет начинаться нумерованный список. type Устанавливает вид маркера списка.

Также для этого элемента доступны универсальные атрибуты и события.

Пример

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



Рис. 1. Вид нумерованного списка в браузере

Спецификация

Спецификация	Статус
HTML Living Standard	Живой стандарт
HTML 4.01 Specification	Заменённая рекомендация

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

• Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
• Candidate Recommendation ( Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
• Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
• Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
• Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
• Draft ( Черновик спецификации ) — первая черновая версия стандарта.

Браузеры

4

12

1

15

4

1

4.4

4

14

3.2

Браузеры

В таблице браузеров применяются следующие обозначения.

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

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

См. также

• Вложенные списки
• Группа списков
• Маркированные списки
• Нумерация страниц
• Нумерованные списки
• Создание списков
• Списки
• Текст в HTML
Читать:
Как вывести ассоциативный массив в php