onplay | Скрипт викликається коли медіа дані готові почати відтворення. |
onafterprint | Скрипт виконується тільки після як документ надрукований. |
onbeforeprint | Скрипт виконується перед тим, як документ надрукований. |
onbeforeunload | Скрипт виконується коли документ ось-ось буде вивантажений |
onhashchange | Скрипт виконується коли там відбулися зміни до частини якоря в URL |
onload | Викликається після того як завантаження елемента завершене. |
onmessage | Скрипт виконується коли викликане повідомлення. |
onoffline | Спрацьовує коли браузер починає працювати в автономному режимі |
ononline | Спрацьовує коли браузер починає працювати в режимі онлай. |
onpagehide | Скрипт виконується коли користувач переходить на іншу сторінку сторінку. |
onpageshow | Скрипт виконується коли користувач заходить на сторінку. |
onpopstate | Скрипт виконується коли змінено історію одного вікна. |
onresize | Скрипт виконується, коли розмір вікна браузера змінюється. |
onstorage | Скрипт виконується, коли вміст Web Storage оновлюється. |
onunload | Викликається, коли сторінка розвантажена, або вікно браузера було зачинено. |
onblur | Скрипт виконується, коли елемент втрачає фокус. |
onchange | Викликається в той момент, коли значення елемента змінюється. |
oncontextmenu | Скрипт виконується коли викликається контекстне меню. |
onfocus | Викликається в той момент, коли елемент отримує фокус. |
oninput | Скрипт викликається коли користувач вводить дані поле. |
oninvalid | Скрипт виконується, коли елемент недійсний. |
onreset | Викликається, коли натискається у формі кнопка типу Reset. |
onsearch | Викликається, коли користувач щось пише в поле пошуку (для <input type="search">) |
onselect | Викликаєтсья після того як будь-який текст був обраний в елементі. |
onsubmit | Викликається при відправленні форми. |
onkeydown | Подія викликається, коли користувач затис (натиснув та не відпускає) клавішу. |
onkeypress | Викликається коли корисрувач натиснув на клавішу. |
onkeyup | Викликається коли користувач відпускає клавішу. |
ondblclick | Виникає при подвійному клацанні ЛКМ на елементі. |
ondrag | Періодично викликається при операції перетягування. |
ondragend | Викликається коли користувач відпускає перелягуваний елемент. |
ondragenter | Викликається, коли перетягуваний елемент входить в цільову зону. |
ondragleave | Викликається, коли перетягуваний елемент виходть з зони призначення. |
ondragover | Викликається, коли перетягуваний елемент знаходиться в зоні призначення. |
ondragstart | Викликається, коли користувач починає перетягувати елемент, або виділений текст. |
ondrop | Викликається, коли перетягуваний елемент падає до зони призначення. |
onmousedown | Викликається, коли користувач затискає ЛКМ на елементі. |
onmousemove | Викликається, коли курсор миші переміщається над елементом. |
onmouseout | Викликається, коли курсор виходить за межі елемента. |
onmouseover | Виконується, коли курсор наводиться на елемент. |
onmouseup | Викликається, коли користувач відпускає кнопку миші. |
onscroll | Викликається при прокручуванні вмісту елемента (чи веб-сторінки). |
onwheel | Викликається, коли користувач прокручує коліщатко миші. |
oncopy | Викликається, коли користувач копіює вміст елемента. |
oncut | Викликається, коли користувач вирізає вміст елемента. |
onpaste | Викликається, коли користувач вставляє вміст в елемент. |
onabort | Виконується при перериванні якоїсь події. |
oncanplay | Скрипт виконується коли файл готовий, для початку відтворення (коли він буферизований достатньо, щоб почати відтворення) |
oncanplaythrough | Скрипт виконується, коли контент вже може бути відтворений без переривання на буферизацію. |
oncuechange | Скрипт виконується коли змінюється кий в <track> елемента |
ondurationchange | Викликається коли змінюється довжина медіа файлу. |
onemptied | Викликається коли доступ до медіа контенту обривається (зникло з’єднання з мережею). |
onended | Викликається коли медіа елемент повністю відтворив свій зміст. |
onshow | Викликається, коли елемент <menu> буде відображено як контекстне меню. |
onloadedmetadata | Скрипт виконується коли метадані (розміри чи тривалість) завантажуються. |
onloadeddata | Викликається коли медіа данні завантажено. |
onloadstart | Викликається коли браузер тільки починає завантажувати медіа дані з сервера. |
onpause | Викликається коли відтворення медіа даних призупинено. |
onplaying | Викликається коли розпочато відтворення медіа даних. |
onprogress | Подія onprogress відбувається, коли браузер завантажує вказане аудіо / відео. |
onratechange | Викликається коли змінюється швидкість відтворення медіа даних. |
onseeked | Викликається коли атрибут seeked у тега audio або video змінює значення з true на false. |
onseeking | Викликається коли атрибут seeking у тегів audio або video змінює значення з false на true |
onstalled | Скрипт виконується коли браузер з будь-якої причини не може отримати медіа дані. |
onsuspend | Скрипт виконується коли з будь-якої причини завантаження данних призупинено до його повного завантаження. |
ontimeupdate | Викликається коли змінилася позиція відтворення елемента <audio> або <video>. |
onvolumechange | Викликається коли змінюється гучність звуку. |
onwaiting | Викликається коли наступний кадр при відтворенні медіа даних недоступний, але браузер очікує що він незабаром завантажиться. |
ontoggle | Викликається, коли користувач відкриває або закриває елемент <details>. |
onerror | Викликається якщо при завантаженні елемента сталася помилка. |
onclick | Подія викликається коли користувач клацає ЛКМ по елементу. |
Теги HTML — Тег
Описание
Тег <ol> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ol> применяется таблица стилей, то элементы <li> наследуют эти свойства.
Синтаксис
<ol> <li>элемент нумерованного списка</li> <li>элемент нумерованного списка</li> </ol>
Атрибуты
- type
- Устанавливает вид маркера списка.
- reversed
- Нумерация в списке становится по убыванию (3,2,1).
- Задаёт число, с которого будет начинаться нумерованный список.
Также для этого тега доступны универсальные атрибуты и события.
Закрывающий тег
Обязателен.
Пример. Использование тега <ol>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег OL</title> </head> <body> <ol> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li> </ol> </body> </html>
Спецификация ?
Спецификация | Статус |
---|---|
WHATWG HTML Living Standard | Живой стандарт |
HTML5 | Возможная рекомендация |
HTML 4. 01 Specification | Рекомендация |
✖
Спецификация
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft (Черновик спецификации) — первая черновая версия стандарта.
Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.
Браузеры: Настольные Мобильные
?Internet Explorer | Chrome | Opera | Safari | Firefox |
1 | 1 | 1 | 1 | 1 |
Android | Firefox Mobile | Opera Mobile | Safari Mobile |
1 | 1 | 6 | 1 |
✖
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
Блочные элементы. | Списки.
HTML-тег — GeeksforGeeks
Улучшить статью
Сохранить статью
- Последнее обновление: 26 июл, 2022
Улучшить статью
Сохранить статью
В этой статье мы познакомимся с HTML-тегом ,
и его реализацией на примерах. Тег
предназначен для упорядоченного списка, упорядоченный список может быть числовым или алфавитным. Внутри тега
вы должны составить список
Синтаксис:
- Элемент 1
- Элемент 2
- Элемент 3
Допустимые атрибуты:
- HTML Атрибут
- compact:
- HTML
- перевернутый Атрибут:
- HTML
- start Атрибут:
- Атрибут HTML
- type:
Пример: В этом примере мы создали упорядоченный список технологий внешнего интерфейса с помощью тега
- .
- Google Chrome
- Internet Explorer
- Microsoft Edge 12
- Firefox 1
- Safari
- Opera
HTML
|
Вывод:
Упорядоченный список HTML
Пример: В этом примере поясняется упорядоченный список HTML путем указания различных атрибутов и их значений.
HTML
. .
|
Output:
HTML Ordered List with different attribute
Supported Browsers:
Далее
JavaScript | Методы объекта
Статьи по теме
Тег HTML
Тег HTML
используется для указания упорядоченного списка.
Нумерованные списки обычно упорядочены по номерам (1. 2. 3...), буквам (A. B. C...), римским цифрам (i. ii. iii...) и т. д.
В упорядоченном списке элементы списка упорядочены таким образом, что изменение порядка изменит значение списка (или документа).
Хорошим примером упорядоченного списка является список инструкций, где каждый элемент списка представляет отдельный шаг, который необходимо выполнить в указанном порядке. Изменение порядка изменит смысл инструкций.
Элемент
используется с элементом
. Тег
объявляет упорядоченный список, а тег
объявляет каждый элемент списка.
Синтаксис
Тег
записывается как
и/или поддерживающих скрипт элементов (
и
),заключенный между начальным и конечным тегами.Вот так:
<ол>
Примеры
Базовый список заказов
Вот пример использования элементов
идля создания упорядоченного списка.
Начало
АтрибутМожно использовать атрибутstart
,чтобы указать порядковое значение,с которого начинается первый элемент.Все последующие элементы списка увеличивают свое значение от этого начального значения(если только вы не переопределите его новым значением,используяvalue
атрибут внутри элемента).
Также обратите внимание,что порядковое значение атрибутаstart
должно быть допустимым целым числом.
перевернутый
АтрибутВы можете использовать атрибутreversed
,чтобы изменить порядок списка(т.е.сделать его нисходящим списком).
Атрибут,перевернутый
,является логическим атрибутом,что означает,что его простое присутствие влияет на его назначение.Другими словами,вам не нужно указывать значение.Просто включая словонаоборот
достаточно.
Тип
АтрибутВы можете использовать атрибут типа,чтобы указать тип маркера,который будет использоваться в списке
Атрибуттипа
принимает следующие значения:десятичный
,нижний альфа
,верхний альфа
,нижний латинский
,верхний латинский
.
Атрибуттипа
устарел в HTML 4,однако он поддерживается в HTML5.Некоторые браузеры не отображают этот атрибут должным образом на момент написания статьи.
- Наденьте обувь
- Завяжите шнурки на ботинках.
- Повторить с другой ноги
- Наденьте обувь
- Завяжите шнурки на ботинках.
- Повторить с другой ноги
- Наденьте обувь
- Завяжите шнурки на ботинках.
- Повторить с другой ноги
- Наденьте обувь
- Завяжите шнурки на ботинках.
- Повторить с другой ноги
- Наденьте обувь
- Завяжите шнурки на ботинках.
- Повторить с другой ноги
Применение стилей
Вы можете использовать свойства CSSlist-style
,list-style-image
,list-style-position
иlist-style-type
для изменения стилей элемента
.
Римские цифры
В этом примере свойствоlist-style-type
используется для указания римских цифр.
Позиция элемента списка
В этом примере свойствоlist-style-position
используется для указания положения элементов списка.
Обычный:
<ол>С применениемlist-style-position:inside;
:
Свойство
в стиле спискаСвойствов стиле списка
является свойством ярлыка.Он позволяет применять несколько свойств к элементам списка.
Пример:
Атрибуты
Атрибуты могут быть добавлены к элементу HTML,чтобы предоставить больше информации о том,как элемент должен выглядеть или вести себя.
Элемент
принимает следующие атрибуты.
Атрибут Описание наоборот
Указывает,что список является нисходящим(...3,2,1).
Это логический атрибут.Если атрибут присутствует,его значение должно быть либо пустой строкой,либо значением,нечувствительным к регистру ASCII,совпадающим с каноническим именем атрибута,без начальных или конечных пробелов(т.).
Возможные значения:
- [Пустая строка]
реверс
начало
Задает количество первого элемента списка.Должен быть порядковый номер.
тип
Указывает тип маркера для использования в списке.Если указано,этот атрибут должен иметь одно из следующих значений:
Значение Описание 1
Представляет десятичные числа(например,1.2.3....и т.д.) a
Представляет строчные буквы латинского алфавита(например,a.b.c....и т.д.) A
Представляет верхний регистр латинского алфавита(например,A.B.C....и т.д.) i
Представляет строчные римские цифры(например,i.ii.iii....и т.д.) I
Обозначает римские цифры в верхнем регистре(например,I.II.III....и т.д.)902:30
Примечание:Свойство CSS list-style-type часто больше подходит для указания типа маркера.
Глобальные атрибуты
Следующие атрибуты являются стандартными для всех элементов HTML.Поэтому вы можете использовать эти атрибуты с тегом
,а также со всеми другими тегами HTML.
ключ доступа
автокапитализировать
класс
контентредактируемый
данные-*
директор
перетаскиваемый
скрытый
идентификатор
режим ввода
это
идентификатор товара
itemprop
Артикул
предметная область
тип изделия
язык
часть
слот
проверка орфографии
стиль
tabindex
Название
перевод
Полное объяснение этих атрибутов см.