Язык разметки html справочник

Справочник HTML

HTML справочник — это список HTML тегов определенных в спецификации HTML 5. Список тегов редактируется по мере изменения спецификации (обновляется информация и о самих тегах и об их атрибутах).

Для удобства все HTML теги разбиты на категории, согласно их назначению. Если вам нужен како-то конкретный тег, то в левом меню теги отсортированы в алфавитном порядке. Чтобы посмотреть полное описание тега и его атрибутов перейдите по ссылке, нажав на интересующий вас тег.

Вставляемый контент

• audio — звуковое содержимое
• canvas — область для рисования графики посредством сценариев
• embed — область для внешнего приложения или интерактивного содержимого
• area — активная область внутри карты-изображения
• iframe — встроенный фрейм
• img — изображение/картинка
• map — карта-изображение
• object — внешний подключаемый ресурс
• param — значения параметров для объекта (используется внутри элемента )
• source — звуковой/видео файл для тегов и
• track — текстовые дорожки для медиа элементов ( и )
• video — видео файл

Интерактивные элементы

Комментарии

Корневой элемент

Метаданные документа

Метаданные — структурированная информация о веб-странице, размещаемая внутри HTML-документа в элементе head.

Разделы документа

• address — контактная информация автора документа/статьи
• article — статья
• aside — определяет контент в стороне от содержимого страницы
• blockquote — длинная цитата
• body — тело документа
• div — контейнер для элементов
• figcaption — подпись к содержимому элемента
• figure — контейнер для группировки контента (обычно используется с элементом )
• footer — нижний колонтитул (нижняя часть документа или раздела)
• header — верхний колонтитул (верхняя часть документа или раздела)
• hr — горизонтальная линия
• main — контейнер с основным контентом
• nav — раздел навигационных ссылок
• section — раздел документа

Списки

Ссылки

Сценарии

Таблицы

Текст

• abbr — аббревиатура
• b — выделяет текст жирным шрифтом
• bdi — изолирует фрагмент текста для изменения его направления вывода
• bdo — переопределяет текущее направление текста
• br -разрыв строки
• cite — название работы (название книги, музыки, фильма, и т.д.)
• code — определяет кусок программного кода (моноширинный текст)
• del — определяет текст, который был удален из документа (перечеркнутый текст)
• dfn — определения термина (текст с наклонным начертанием)
• em — выделенный текст (текст с наклонным начертанием)
• h1-h6 — заголовки
• i — преобразует текст в курсивный (текст с наклонным начертанием)
• ins — определяет текст, который был добавлен в документ (отображает текст подчеркнутым)
• kbd — определяет текст вводимый с клавиатуры (моноширинный текст)
• mark — определяет важную часть текста
• p — абзац
• pre — предварительно отформатированный текст
• q — определяет короткую цитату
• rp — определяет, что показывать браузеру, который не поддерживает тег
• rt — определяет объяснение/произношение символов, используется внутри тега
• ruby — определяет небольшую аннотацию (для типографии Восточной Азии)
• s — определяет текст, который больше не является правильным
• samp — моноширинный текст
• small — текст маленького размера
• span — контейнер для строчного содержимого
• strong — определяет важный текст (преобразует шрифт в полужирный)
• sub — определяет текст в нижнем индексе (подстрочный текст)
• sup — определяет текст в верхнем индексе (надстрочный текст)
• time — определяет время/дату
• u — подчеркнутый текст
• var — определяет переменную (текст с наклонным начертанием)
• wbr — определяет возможный перенос строки в тексте

Формы

• button — определяет интерактивную кнопку
• datalist — список вариантов, которые можно выбирать при наборе в текстовом поле ввода
• fieldset — контейнер для объединения элементов формы
• form — форма для отправки введенных пользователем данных
• input — определяет способ пользовательского вода
• keygen — используется для генерации пары ключей
• label — метка для элемента формы
• legend — заголовок для элемента
• meter — определяет скалярное измерение в пределах известного диапазона
• optgroup — определяет группу связанных логически элементов списка в выпадающем списке
• option — вариант выбора в выпадающем списке
• output — определяет область, в которую выводится результат расчета
• progress — отображает текущий прогресс выполнения задачи
• select — выпадающий список
• textarea — многострочное текстовое поле

Теги html

Если вы только собираетесь начать изучать HTML, то одна из первых вещей, которые следует запомнить – специальные термины. Два из них будут встречаться наиболее часто – это «тег» и «элемент».

Термины «HTML элемент» и «HTML тег» обычно используются как синонимы. Но в соответствии со спецификацией W3C элемент – это тег со всем его содержимым, включая открывающий и закрывающий теги. У некоторых элементов нет закрывающего тега, такие элементы называются одиночными или пустыми, но несмотря на то, что они не могут содержать в себе никакого контента, они все равно считаются полноценными элементами.

На страницах сайта понятия тега и элемента используются для обозначения одного и того же – структурной единицы языка HTML, которая применяется для разметки документа.

Если вы желаете узнать больше о создании веб страниц, тегах и их применении, то можете заглянуть в наш Самоучитель по HTML.

Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2023 © puzzleweb.ru

Источник

Справочник по HTML

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

Источник

Тег	Описание
	Определяет комментарий
	Определяет тип документа
	Определяет гиперссылку
	Определяет абревиатуру или акроним
	Не поддерживается в HTML5. Используйте вместо этого. Определяет акроним
	Определяет контактную информацию автора / владельца документа
	Не поддерживается в HTML5. Используйте или вместо этого. Определяет встроенный аплет
	Определяет область внутри карты изображения
	Определяет статью
	Определяет содержание, кроме содержания страницы (в стороне)
	Определяет звуковой контент
	Определяет жирный текст
	Указывает базовый URL-адрес / цель для всех относительных URL-адресов документа
	Не поддерживается в HTML5. Используйте CSS вместо этого. Отпределяет цвет, размер и шрифт по умолчанию для всего текста документа
	Изолирует часть текста, который может быть отформатирован в другом направлении от иного текста за его пределами
	Переопределяет текущее направление текста
	Не поддерживается в HTML5. Используйте CSS вместо этого. Определяет увеличенный текст
	Определяет раздел, который цитируется с другого источника
	Определяет тело документа
	Определяет разрыв строки
	Определяет кнопку, которую можно нажимать
	Используется для рисования на лету, с помощью сценариев (обычно на JavaScript)
	Определяет подпись к таблице
	Не поддерживается в HTML5. Используйте CSS вместо этого. Определяет центрирование текста
	Определяет название произведения при цитировании из него
	Определяет фрагмент компьютерного кода
	Указывает свойства столбцов для каждого столбца в элементе
	Определяет группу с одного или нескольких столбцов в таблице для форматирования
	Связывает заданный контент с машиночитаемым переводом
	Определяет список предварительно определённых параметров управления вводом
	Определяет описание / значение термина в списке описания
	Определяет удалённый с документа текст
	Определяет дополнительные детали, которые пользователь может просматривать или прятать
	Задаёт термин, для которого будет дано определение (definition)
	Определяет диалоговый бокс или окно
	Не поддерживается в HTML5. Используйте вместо этого. Определяет список каталогов
	Определяет раздел (блочный) в документе
	Определяет список описаний
	Определяет термин / имя в списке описания
	Определяет семантически подчёркнутый текст (empharized)
	Определяет контейнер для внешнего (не HTML) приложения
	Группы связанных элементов в форме
	Определяет заголовок для элемента
	Определяет автономное содержание
	Не поддерживается в HTML5. Используйте CSS вместо этого. Определяет шрифт, цвет и размер текста
	Определяет нижний колонтитул (футер) для документа или раздела
	Определяет HTML форму для ввода пользователем
	Не поддерживается в HTML5. Определяет окно (фрейм) в наборе фреймов
	Не поддерживается в HTML5. Определяет набор фреймов
to	Определяет HTML заголовки
	Определяет информацию о документе
	Определяет заголовок для документа или раздела
	Определяет тематическую смену контента
	Определяет корень HTML-документа
	Определяет часть текста альтернативным голосом или настроением
	Определяет встроенный фрейм
	Определяет изображение
	Определяет элемент управления вводом
	Определяет текст, который был вставлен в документ
	Определяет ввод с клавиатуры
	Определяет метку для элемента
	Определяет заголовок для элемента
	Определяет элемент списка
	Определяет взаимосвязь между документом и внешним ресурсом (обычно используется для ссылки на внешние таблицы стилей)
	Определяет основное содержание документа
	Определяет карту изображения на стороне клиента
	Определяет помеченный (маркированный) / выделенный текст
	Определяет метаданные HTML документа
	Определяет скалярное измерение в пределах известного диапазона (датчик)
	Определяет навигационные ссылки (навигация по сайту)
	Не поддерживается в HTML5. Определяет альтернативное содержание для пользователей, которые не поддерживают фреймы
	Определяет альтернативное содержание для пользователей, которые не поддерживают скрипты на стороне клиента
	Определяет встроенный объект
	Определяет упорядоченный (нумерованный) список
	Определяет группу соответствующих параметров в выпадающем списке (выпадающем меню)
	Определяет параметр в выпадающем списке
	Определяет результат расчёт (калькуляции)
	Определяет параграф (абзац)
	Определяет параметр для объекта
	Определяет контейнер для нескольких ресурсов изображения
	Определяет предварительно отформатированный текст
	Представляет ход выполнения задания
	Определяет короткую цитату
	Определяет, что показывать в браузерах, которые не поддерживают ruby аннотации
	Определяет пояснения / произношение символов (для восточноазиатской типографики)
	Определяет аннотацию ruby (для восточноазиатской типографики)
	Определяет текст, который больше не является правильным
	Определяет исходные данные с компьютерной программы
	Определяет скрипт на стороне клиента
	Определяет раздел (секцию) в документе
	Определяет выпадающий список
	Определяет меньший текст
	Определяет несколько медиа-ресурсов для медиа-элементов ( и )
	Определяет раздел (строчный) в документе
	Не поддерживается в HTML5. Используйте или вместо этого. Определяет перечеркнутый текст
	Определяет семантически важный текст
	Определяет информацию о стиле в документе
	Определяет подстрчный текст (нижний индекс)
	Определяет видимый заголовок для элемента
	Определяет надстрочный текст (верхний индекс)
	Определяет контейнер для графики SVG
	Определяет таблицу
	Группирует содержание тела в таблице
	Определяет клетку (ячейку) в таблице
	Определяет шаблон
	Определяет многострочный элемент управления вводом (текстовая область)
	Группирует содержание нижнего колонтитула в таблице
	Определяет ячейку заголовка в таблице
	Группирует содержание заголовка в таблице
	Определяет дату / время
	Определяет заголовок документа
	Определяет строку в таблице
	Определяет текстовые дорожки для медиа-элементов ( и )
	Не поддерживается в HTML5. Используйте CSS вместо этого. Определяет текст телетайпа
	Определяет текст, который должен быть стилистически отличным от обычного текста
	Определяет неупорядоченный (ненумерованный) список
	Определяет переменную
	Определяет видео или фильм
	Определяет возможный разрыв строки

Источник