— HTML | MDN
HTML-элемент <li>
используется для создания элементов списка. Он также должен находиться в родительском элементе: упорядоченном списке (<ol>
), неупорядоченном списке (<ul>
), или меню (<menu>
). В меню и неупорядоченных списках, элементы списка обычно отображаются с маркерами в виде круга. В упорядоченных списках, они обычно отображаются с маркерами в виде возрастающего счётчика слева, например числа или буквы.
Этот элемент включает глобальные атрибуты.
value
Этот числовой атрибут указывает на текущий порядковый номер элемента в списке, заданного с помощью элемента
<ol>
. Единственное разрешённое значение этого атрибута — число, даже если список отображается с римскими цифрами или буквами. Элементы списка, которые идут после элемента с таким атрибутом, нумеруются с заданного значения. Атрибут value<ul>
) или для меню (<menu>
).Примечание: Этот атрибут был убран в HTML4, но заново добавлен в HTML5. Примечание: Предыдущие до Gecko 9.0, отрицательные значения неправильно конвертировались в 0. Начиная с Gecko 9.0 все числовые значения воспринимаются правильно.
type
DeprecatedЭтот символьный атрибут указывает на тип нумерации:
a
: строчные буквыA
: заглавные буквыi
: строчные римские цифрыI
: заглавные римские цифры1
: цифрыЭтот атрибут переопределяет тип унаследованный от родительского элемента<ol>
или любого другого.
Примечание: Примечание к использованию: Этот атрибут был убран: используйте CSS-свойство
list-style-type
(en-US) взамен.
Для более подробных примеров смотрите страницы <ol>
и <ul>
.
Упорядоченный список
<ol> <li>Первый элемент</li> <li>Второй элемент</li> <li>Третий элемент</li> </ol>
Упорядоченный список с пользовательским значением
<ol type="I"> <li value="3">Третий элемент</li> <li>Четвёртый элемент</li> <li>Пятый элемент</li> </ol>
Неупорядоченный список
<ul> <li>Первый элемент</li> <li>Второй элемент</li> <li>Третий элемент</li> </ul>
Specification |
---|
HTML Standard # the-li-element |
BCD tables only load in the browser
with JavaScript enabled. Enable JavaScript to view data.- Остальные списковые HTML-элементы:
<ul>
,<li>
,<menu>
и устаревший<dir>
(en-US); - CSS-свойства, которые были бы полезны для стилизации
<li>
элементов:- свойство
list-style
(en-US), для выбора стиля маркера/порядкового номера, - CSS счётчики, для обработки сложных вложенных списков,
- свойство
margin
, для контроля отступа между элементами списка.
- свойство
Last modified: , by MDN contributors
HTML – Список основных тегов
Представленные ниже списком html-теги были введены в более старых версиях HTML, но все теги, помеченные , являются частью HTML 5.
Тег | Описание | Версия |
<!—…—> | Комментарий | |
<!DOCTYPE> | Тип html-документа | |
<a> | Ссылка | |
<abbr> | Аббревиатура | |
<acronym> | Сокращение (аббревиатура) | |
<address> | Адрес (контактная информация) | |
<applet> | Апплет (устаревший) | |
<area> | Область внутри карты изображения | |
<article> | Статья | |
<aside> | Некоторый контент, который слабо связан с содержимым страницы или сайта | |
<audio> | Звуковой контент | |
<b> | Жирный текст | |
<base> | Базовый URL для всех ссылок на странице | |
<basefont> | Базовый шрифт (устаревший) | |
<bdo> | Направление текстового отображения | |
<bdi> | Текст, который должен быть изолирован от окружения для двунаправленного форматирования текста, это позволяет встраивать диапазон текста с другой или неизвестной направленностью | |
<bgsound> | Фоновая музыка | |
<big> | Большой текст | |
<blink> | Текст, который мигает | |
<blockquote> | Длинная цитата | |
<body> | Элемент страницы body | |
<br> | Один разрыв строки | |
<button> | Кнопка | |
<canvas> | Создание графики со сценарием | |
<caption> | Заголовок таблицы | |
<center> | Центрирование текста (устаревший) | |
<cite> | Цитата | |
<code> | Компьютерный код | |
<col> | Атрибут столбцов таблицы | |
<colgroup> | Группа столбцов таблицы | |
<comment> | Комментарий в документе | |
<datalist> | Список параметров входных значений | |
<dd> | Описание определения | |
<del> | Удаленный текст | |
<dfn> | Термин определения | |
<dialog> | Диалоговое окно | |
<dir> | Список каталога (устаревший) | |
<div> | Контейнер в документе | |
<dl> | Список определений | |
<dt> | Термин определения | |
<em> | Выделенный текст, отображается курсивом | |
<embed> | Контейнер для внешнего (не HTML) приложения, интерактивного контента или плагина | |
<fieldset> | Набор полей | |
<figcaption> | Подпись для тега <figure> | |
<figure> | Автономный контент | |
<font> | Шрифт, размер и цвет шрифта (устаревший) | |
<footer> | Нижний колонтитул для документа или раздела | |
<form> | Форма | |
<frame> | Вспомогательное окно (фрейм) | |
<frameset> | Набор кадров | |
<h2>-<h6> | Заголовок 1-6 | |
<head> | Информация о странице | |
<header> | Верхний колонтитул для документа или раздела | |
<hr> | Горизонтальная линия | |
<html> | HTML-документ | |
<i> | Курсивный текст | |
<iframe> | Встроенное вспомогательное окно (фрейм) | |
<ilayer> | Встроенный слой | |
<img> | Изображение | |
<input> | Поле ввода | |
<ins> | Вставленный текст | |
<isindex> | Однострочное поле ввода (устаревший) | |
<kbd> | Текст, который должен быть введен с клавиатуры | |
<keygen> | Генерация ключей в форме | |
<label> | Метка для элемента управления формой | |
<layer> | Слой | |
<legend> | Заголовок в наборе полей | |
<li> | Элемент списка | |
<link> | Ссылка на ресурс | |
<main> | Основной или важный контент в документе, не более одного элемента на странице | |
<map> | Карта изображения | |
<mark> | Текст для справочных целей, выделенный желтым фоном | |
<marquee> | Область прокрутки текста | |
<menu> | Список меню (устаревший) | |
<menuitem> | Элемент команды/меню, который пользователь может вызывать из всплывающего меню | |
<meta> | Метаданные html-документа, который не отображается на странице | |
<meter> | Скалярное измерение в пределах известного диапазона (калибр) | |
<multicol> | Многоколоночный текстовый поток | |
<nav> | Раздел, который содержит только ссылки для навигации | |
<nobr> | В прилагаемом тексте не допускается никаких прерываний | |
<noembed> | Контент, который будет отображаться браузерами, которые не поддерживают тег <embed> | |
<noframes> | Секция noframe | |
<noscript> | Секция, не поддерживающая сценарий (скрипт) | |
<object> | Встроенный объект | |
<ol> | Упорядоченный нумерованный список | |
<optgroup> | Группа параметров | |
<option> | Параметр в раскрывающемся списке | |
<output> | Результат вычисления | |
<p> | Абзац | |
<param> | Параметр для объекта | |
<plaintext> | Показывать оставшуюся часть документа в виде предварительно отформатированного открытого текста (устаревший) | |
<pre> | Предварительно отформатированный текст | |
<progress> | Ход выполнения задачи | |
<q> | Короткая цитата | |
<rp> | Альтернативный текст в браузерах, которые не поддерживают элемент ruby | |
<rt> | Текстовая аннотация элемента ruby | |
<ruby> | Контейнер для восточно-азиатских символов | |
<s> | Зачеркнутый текст (устаревший) | |
<samp> | Пример компьютерного кода, скрипта или системных сообщений | |
<script> | Скрипт | |
<section> | Раздел в документе | |
<select> | Выбираемый список | |
<spacer> | Пробел | |
<small> | Маленький текст | |
<source> | Медиа-ресурсы, определенные внутри элементов video или audio | |
<span> | Контейнер для строчных элементов в документе | |
<strike> | Зачеркнутый текст (устаревший) | |
<strong> | Полужирный текст | |
<style> | Встраиваемая таблица стиля | |
<sub> | Подстрочный текст | |
<summary> | Сводка, подпись или условное обозначение для <details> | |
<sup> | Надстрочный текст | |
<table> | Таблица | |
<tbody> | Тело таблицы | |
<td> | Ячейка таблицы | |
<textarea> | Текстовая область | |
<tfoot> | Нижний колонтитул таблицы | |
<th> | Заголовок ячейки таблицы | |
<thead> | Заголовок таблицы | |
<time> | Дата и время <details> | |
<title> | Заголовок документа | |
<tr> | Строка таблицы | |
<track> | Субтитры, используемые в медиаплеере | |
<tt> | Текст телетайпа | |
<u> | Подчеркнутый текст (устаревший) | |
<ul> | Маркированный список | |
<var> | Переменная | |
<video> | Видео-файл |
Источник: HTML — Tag Reference.
Тег изображения HTML
- « Предыдущая
- Далее »
Тег HTML вставляет изображение в веб-документ.
Путь к HTML-изображению определяется/декларируется внутри тега .
Тег является пустым тегом, что означает отсутствие закрывающего тега.
Тег имеет некоторые атрибуты, используемые для отображения изображения на веб-странице.
Атрибут src, src означает «источник», то есть путь к URL-адресу изображения.
Alt Атрибут, используемый для определения «альтернативного текста» для изображения. Это определяет текст, который будет идентифицирован в имени изображения.
Ширина и высота определяют размер изображения, отображаемого на веб-странице.
Атрибут тега изображения
Атрибуты | Значения | Описание |
---|---|---|
источник | «путь к источнику изображения» | Обязательно. Путь к изображению должен быть абсолютным. |
ширина | «размер_px» | Указывает ширину для отображения изображения. |
Высота | «размер_px» | Определяет высоту для отображения изображения. |
Выровнять | «левый» «право» | Определяет сторону выравнивания изображения. |
Граница | «Размер» напр. «0» | Задает размер границы изображения. |
или | «альтернативный текст» | Обязательный атрибут. Задает текст для идентификации изображения. |
Пример
<голова> <тело>
Запустить его… »
Выравнивание изображения (справа)
Изображение может быть выровнено по левому или правому краю относительно текста абзаца.
<голова> <тело>Природные ресурсы (экономически называемые землей или сырьем) происходят естественным образом в средах, которые существуют относительно нетронутыми человечеством в естественной форме. Природный ресурс часто характеризуется по количеству биоразнообразия, существующего в различных экосистемах.
Запустить его… »
Выравнивание изображения (слева)
<голова> <тело>Природные ресурсы (экономически называемые землей или сырьем) происходят естественным образом в средах, которые существуют относительно нетронутыми человечеством в естественной форме. Природный ресурс часто характеризуется по количеству биоразнообразия, существующего в различных экосистемах.
Запустить его… »
Выравнивание изображения (обход)
<голова> <тело>Природные ресурсы (экономически называемые землей или сырьем) происходят естественным образом в средах, которые существуют относительно нетронутыми человечеством в естественной форме. Природный ресурс часто характеризуется количеством биоразнообразия, существующего в различных экосистемах. Естественный
ресурсы получены из окружающей среды. Многие из они необходимы для нашего выживания, в то время как другие используются для удовлетворения наши желания. Природные ресурсы могут быть дополнительно классифицированы по-разному.
Запустить его… »
Ссылка на изображение
<голова> <тело>
Запустить его… »
- « Предыдущий
- Далее »
Тег команды HTML
- « Все теги HTML
- Описание всех тегов HTML »
Тег HTML
определяет командную кнопку, вызываемую в соответствии с действием пользователя. Кнопка тега используется в особом типе операции. Тег поддерживает только Internet Explorer 9. Тег HTML
Пример
<голова>Контрольный списокТег команды HTML <тело> <меню>Контрольный список
Атрибуты тега
HTML-тег
Атрибуты | Значение | Описание |
---|---|---|
тип | команда флажок радио | Определенный тип команды. Команда значения по умолчанию. |
проверено | пустая строка проверено | Укажите, что команда проверяется при первой загрузке. |
этикетка | имя | Определите имя команды. |
значок | адрес | Определите команду, такую как прикрепление значка изображения. |
радиогруппа | имя | Определите радиогруппу имени команды. |
Глобальные атрибуты
Тег HTML
Атрибуты | Значение | Описание |
---|---|---|
идентификатор | уникальное_имя | Объявлен уникальный идентификатор элемента. |
класс | имя_класса | Объявлено одно или несколько имен классов для элемента. |
стиль | модели | Встроенные стили CSS определяют элемент. |
наименование | Название | Укажите дополнительные сведения о содержании элемента, это будет отображаться как «подсказка» для элементов. |
Атрибуты событий
Тег HTML
Атрибуты | Значение | Описание |
---|---|---|
онфокус | сценарий | Элементфокусируется на объекте при запуске скрипта. |
размытие | сценарий | Элементтеряет фокус на объекте при запуске скрипта. |
прерывание | сценарий | Элементпрерывается на объекте при запуске скрипта. |
на смену | сценарий | Элементполучает любое изменение объекта при запуске скрипта. |
перед выгрузкой | сценарий | Элементвыгружается на объект при запуске скрипта. |
по клику | сценарий | щелкнул объект при запуске скрипта. |
ondblclick | сценарий | двойной щелчок по объекту при запуске скрипта. |
нажатие клавиши | сценарий | Клавишанажата при запуске скрипта. |
нажатие клавиши | сценарий | Клавишанажата над элементом, а затем отпущена при запуске скрипта. |
onkeyup | сценарий | Клавишаотпускается над элементом при запуске скрипта. |
при нажатии мыши | сценарий | кнопка мыши была нажата над элементом при запуске скрипта. |
onmouseout | сценарий | указатель мыши отпускается над элементом при запуске скрипта. |
перемещение мыши | сценарий | Запуск Указатель мыши перемещается при запуске скрипта. |
при наведении мыши | сценарий | run Указатель мыши перемещается при запуске скрипта. |
для мыши вверх | сценарий | кнопка мыши отпускается при запуске скрипта. |
при сбросе | сценарий | Формабыла сброшена при запуске скрипта. |
по выбору | сценарий | Выберите содержимое при запуске скрипта. |
при отправке | сценарий | Формабыла отправлена при запуске скрипта. |
под нагрузкой | сценарий | объект загружается при запуске скрипта. |
на смену | сценарий | позволяет изменить объект при запуске скрипта. |
при разгрузке | сценарий | выгружать в окно браузера при запуске скрипта. |
ондраг | сценарий | Элементперетаскивается при запуске скрипта. |
ондрагенд | сценарий | Элементперестает перетаскиваться при запуске скрипта. |
Драгентер | сценарий | Элементперетаскивается при запуске скрипта. |
на накладке | сценарий | Элементостается перетаскиваемым при запуске скрипта. |
ондраговер | сценарий | элемент находится над целью, перетаскиваемой при запуске скрипта. |
ондрагстарт | сценарий | Элементначинает перетаскиваться при запуске скрипта. |
ондроп | сценарий | Элементудаляется при запуске скрипта. |
при ошибке | сценарий | Ошибка элементавозникает при запуске скрипта. |
в сообщении | сценарий | Сообщение элементаотображается при запуске скрипта. |
при ошибке | сценарий | Ошибка элементавозникает при запуске скрипта. |
на колесике мыши | сценарий | колесо мыши будет вращаться при запуске скрипта. |
при прокрутке | сценарий | полоса прокрутки прокручивается при запуске скрипта. |
при изменении размера | сценарий | Элементдолжен изменять размер при запуске скрипта. |
по выбору | сценарий | выбрано все содержимое элемента при запуске скрипта. |
на складе | сценарий | Элементдолжен быть сохранен в цели при запуске скрипта. |
Совместимость с браузерами
Тег HTML