Тег "<ol>".

Тег <ol> создает нумерованный список. Второй обязательный тег списка должен быть <li>.

Подробно о теге "<ol>".

1. Видео о Теге "<ol>".
2. Тег "<ol>" описание + синтаксис.
3. Вид тега "<ol>" по умолчанию.
4. Какой display у тега ol
5. Атрибуты тега "<ol>".

Тег "<ol>". описание + синтаксис.

Тег "<ol>" - это родной брат тега <ul> - синтаксис, поведение, атрибуты - практически все одинаковое.

Отличается лишь отображение!

Тег <ol> предназначен для создания нумерованного списка.

Второй обязательный тег списка должен начинаться с тега <li>


Синтаксис тега "<ol>".

Тег <ol> - это парный тег :

<ol></ol>

Пример синтаксиса тега "<ol>".

<ol>

<li>Тег &lt;ol&gt; + &lt;li&gt; 1</li>

<li>Тег &lt;ol&gt; + &lt;li&gt; 2</li>

</ol>

Пример тега "<ol>". по умолчанию

1. Тег <ol> + <li> 1
2. Тег <ol> + <li> 2

Закрывающий "тег" тега "<ol>".

Обязателен.




Вид тега "<ol>". по умолчанию.

У любого тега есть свойства по умолчанию.

Какое свойство отвечает за свойства тега "<ol>" по умолчанию?




Я уже привел пример тега "<ol>" по умолчанию выше.

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

1. Тег <ol> + <li> 1
2. Тег <ol> + <li> 2
За начертание именно такого вида отвечает:
list-style-type : decimal;

Начертание тега "<ol>". в браузере

Где в браузере можно увидеть начертание тега "<ol>" по умолчанию?

Для этого нам понадобится :

Наводим мышку по требуемому элементу - в нашем случае тег "<ol>"

Далее нажимаем кнопку исследовать элемент

И во вкладке "ELEMENTS" видим, что начертание тега "<ol>" :

list-style-type : decimal;
Нажмите, чтобы открыть в новом окне.




Какой display у тега "<ol>".

Иногда требуется узнать какой вид display у какого-то тега.

Display у тега "<ol>", по умолчанию block

Для того, чтобы узнать какой display у тега ol по умолчанию, нам понадобится :

Опять : наводим мышку по требуемому элементу - в нашем случае тег "<ol>"

Далее нажимаем кнопку исследовать элемент

И во вкладке "ELEMENTS" ищем display тега "<ol>" и видим:

display: block;




Атрибуты тега "<ol>"..

type

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

Аналог атрибута "<ol>"..

list-style-type : decimal;

Для тега "<ol>" доступны универсальные атрибуты и события.