Html список тегов: Теги для списков | htmlbook.ru

— 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 появился в HTML5.

Пример

 

<голова>
  Тег команды HTML

<тело>
  <меню>
    Контрольный список
  

 

Контрольный список

Атрибуты тега

HTML-тег поддерживает следующие определенные атрибуты.

Атрибуты Значение Описание
тип команда
флажок
радио
Определенный тип команды.
Команда значения по умолчанию.
проверено пустая строка
проверено
Укажите, что команда проверяется при первой загрузке.
этикетка имя Определите имя команды.
значок адрес Определите команду, такую ​​как прикрепление значка изображения.
радиогруппа имя Определите радиогруппу имени команды.

Глобальные атрибуты

Тег HTML поддерживает следующие глобальные атрибуты.

Атрибуты Значение Описание
идентификатор уникальное_имя Объявлен уникальный идентификатор элемента.
класс имя_класса Объявлено одно или несколько имен классов для элемента.
стиль модели Встроенные стили CSS определяют элемент.
наименование Название Укажите дополнительные сведения о содержании элемента, это будет отображаться как «подсказка» для элементов.

Атрибуты событий

Тег HTML поддерживает следующие атрибуты событий.

Элемент Элемент Элемент Элемент Элемент Клавиша Клавиша Клавиша Форма Форма Элемент Элемент Элемент Элемент Элемент Элемент Ошибка элемента Сообщение элемента Ошибка элемента Элемент Элемент
Атрибуты Значение Описание
онфокус сценарий фокусируется на объекте при запуске скрипта.
размытие сценарий теряет фокус на объекте при запуске скрипта.
прерывание сценарий прерывается на объекте при запуске скрипта.
на смену сценарий получает любое изменение объекта при запуске скрипта.
перед выгрузкой сценарий выгружается на объект при запуске скрипта.
по клику сценарий щелкнул объект при запуске скрипта.
ondblclick сценарий двойной щелчок по объекту при запуске скрипта.
нажатие клавиши сценарий нажата при запуске скрипта.
нажатие клавиши сценарий нажата над элементом, а затем отпущена при запуске скрипта.
onkeyup сценарий отпускается над элементом при запуске скрипта.
при нажатии мыши сценарий кнопка мыши была нажата над элементом при запуске скрипта.
onmouseout сценарий указатель мыши отпускается над элементом при запуске скрипта.
перемещение мыши сценарий Запуск Указатель мыши перемещается при запуске скрипта.
при наведении мыши сценарий run Указатель мыши перемещается при запуске скрипта.
для мыши вверх сценарий кнопка мыши отпускается при запуске скрипта.
при сбросе сценарий была сброшена при запуске скрипта.
по выбору сценарий Выберите содержимое при запуске скрипта.
при отправке сценарий была отправлена ​​при запуске скрипта.
под нагрузкой сценарий объект загружается при запуске скрипта.
на смену сценарий позволяет изменить объект при запуске скрипта.
при разгрузке сценарий выгружать в окно браузера при запуске скрипта.
ондраг сценарий перетаскивается при запуске скрипта.
ондрагенд сценарий перестает перетаскиваться при запуске скрипта.
Драгентер сценарий перетаскивается при запуске скрипта.
на накладке сценарий остается перетаскиваемым при запуске скрипта.
ондраговер сценарий элемент находится над целью, перетаскиваемой при запуске скрипта.
ондрагстарт сценарий начинает перетаскиваться при запуске скрипта.
ондроп сценарий удаляется при запуске скрипта.
при ошибке сценарий возникает при запуске скрипта.
в сообщении сценарий отображается при запуске скрипта.
при ошибке сценарий возникает при запуске скрипта.
на колесике мыши сценарий колесо мыши будет вращаться при запуске скрипта.
при прокрутке сценарий полоса прокрутки прокручивается при запуске скрипта.
при изменении размера сценарий должен изменять размер при запуске скрипта.
по выбору сценарий выбрано все содержимое элемента при запуске скрипта.
на складе сценарий должен быть сохранен в цели при запуске скрипта.

Совместимость с браузерами

Тег HTML не поддерживает ни один веб-браузер.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *