HTML теги. HTML списки. Тег OL. | IT-блог о веб-технологиях, серверах, протоколах, базах данных, СУБД, SQL, компьютерных сетях, языках программирования и создание сайтов.

Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и ее раздел HTML теги. Данная публикация посвящена HTML тегу <ol>. Описание тега <ol>, атрибуты тега <ol>, синтаксис тега <ol>, пример использования тега <ol>. Тег <ol> относится к группе тегов HTML списков, нумерованный список.

HTML тег <ol>. Описание <ol>.

Содержание статьи:

HTML тег <ol>. Описание <ol>.
Тег <ol>. Синтаксис тега <ol>.
Тег <ol>. Атрибуты тега <ol>.
Теги HTML списков
Тег <ol>. Пример использования тега <ol>.

HTML тег <ol> относится к тегам предназначенным для формирования HTML списков, формирует нумерованный список.

Тег <ol> предназначен для создания нумерованного списка второе название – упорядоченный список, в то время как тег <ul> служит для создания маркированного списка. Любой список состоит из пунктов, каждый такой пункт называется элементом списка. Элементы списка формирует тег <li>, внутри элемента <li> могут находиться любые другие HTML элементы, благодаря чему есть возможность создавать вложенные списки.

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

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

Тег <ol> является парным HTML тегом, для парных тегов обязательно ставится закрывающий тег.

<ol>

<li>Раз</li>

<li>Два</li>

<li>Три</li>

</ol>

<ol>

</ol>

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

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

Type – При помощи атрибута type можно изменить отображение нумерации упорядоченного списка

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

Reversed – атрибут reversed делает порядок нумерации упорядоченного списка по убыванию

Теги HTML списков

В языке HTML имеется целая группа тегов предназначенных для формирования HTML списков.

Теги, формирующие

HTML списки:

<dd> - контейнер для записи определения в списке определений HTML
<dl> - формирует список определений HTML
<dt> - контейнер, в который записывается термин списка определений
<li> - создает элемент списка для любого вида HTML списков
<menu> - в HTML 4 запрещен, служил для создания списка меню, в HTML 5 используется как обертка для элемента <command>
<dir> - создает список директорий HTML
<ul> - создает неупорядоченный список HTML или иначе маркированный список

Тег <ol>. Пример использования тега <ol>.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Пример использования тега OL</title>
</head>
<body>
<ol type="I">
<li>Первый
<ol type="i" start="50">
<li>1.1</li>
<li>1.2</li>
<li>1.3</li>
<li>1.4</li>
</ol>
</li>
<li>Второй
<ol reversed type="A">
<li>2.1</li>
<li>2.2</li>
<li>2.3</li>
</ol>
</li>

</ol>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Пример использования тега OL</title>

</head>

<body>

<li>Первый

</ol>

</li>

<li>Второй

</ol>

</li>

</ol>

</body>

</html>

Если вы скопируете пример в текстовый редактор(рекомендую Notepad++, бесплатный редактор с подсветкой синтаксиса), а затем запустите его в браузере, то увидите:

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