HTML ОБУЧЕНИЕ ОСОНВЫ
<!--...--> Используется для добавления комментариев.
<!DOCTYPE>
Объявляет тип документа и предоставляет основную информацию для браузер
— его язык и версия.
<a> Создаёт гипертекстовые ссылки.
<abbr>
Определяет текст как аббревиатуру или акроним. Поясняющий текст задаётся
помощью атрибута title.
<address>
Задает контактные данные автора/владельца документа или статьи.
Отображается в браузере курсивом.
Представляет собой гиперссылку с текстом, соответствующей определенной
<area> области на карте-изображении или активную область внутри карты-изображен
Всегда вложен внутрь элемента <map>.
<article>
Раздел контента, который образует независимую часть документа или сайта,
например, статья в журнале, запись в блоге, комментарий.
<aside>
Представляет контент страницы, который имеет косвенное отношение к
основному контенту страницы/сайта.
<audio> Загружает звуковой контент на веб-страницу.
<b>
Задает полужирное начертание отрывка текста, не придавая акцент или
важность выделенному.
Задает базовый адрес (URL), относительно которого вычисляются все
<base> относительные адреса. Это поможет избежать проблем при переносе страницы
другое место, так как все ссылки будут работать, как и прежде.
<bdi>
Изолирует отрывок текста, написанный на языке, в котором чтение текста
происходит справа налево, от остального текста.
<bdo>
Отображает текст в направлении, указанном в атрибуте dir, переопределяя
текущее направление написания текста.
<blockquote> Выделяет текст как цитату, применяется для описания больших цитат.
<body>
Представляет тело документа (содержимое, не относящееся к метаданным
документа).
<br> Перенос текста на новую строку.
<button>
Создает интерактивную кнопку. Элемент может содержать текст или
изображение.
Холст-контейнер для динамического отображения изображений, таких как
<canvas> простые изображения, диаграммы, графики и т.п. Для рисования используетс
скриптовый язык JavaScript.
<caption>
Добавляет подпись к таблице. Вставляется сразу после открывающего
тега <table>.
<cite> Используется для указания источника цитирования. Отображается курсивом.
<code>
Представляет фрагмент программного кода, отображается шрифтом
семейства monospace.
<col> Выбирает для форматирования один или несколько столбцов таблицы, не
содержащих информацию одного типа.
<colgroup>
Создает структурную группу столбцов, выделяющую множество логически
однородных ячеек.
Элемент используется для связывания значения атрибута value, которое
<data> представлено в машиночитаемом формате и может быть обработано
компьютером, с содержимым элемента.
Элемент-контейнер для выпадающего списка элемента <input>. Варианты
<datalist>
значений помещаются в элементы <option>.
<dd> Используется для описания термина из элемента <dt>.
<del> Помечает текст как удаленный, перечёркивая его.
Создаёт интерактивный виджет, который пользователь может открыть или
<details> закрыть. Представляет собой контейнер для контента, видимый заголовок
виджета помещается в элемент <summary>.
<dfn>
Определяет слово как термин, выделяя его курсивом. Текст, идущий следом,
должен содержать расшифровку этого термина.
Интерактивный элемент, с которым взаимодействует пользователь для
<dialog> выполнения задачи, например, диалоговое окно, инспектор или окно. Без
атрибута open не виден для пользователя.
<div>
Элемент-контейнер для разделов HTML-документа. Используется для
группировки блочных элементов с целью форматирования стилями.
<dl> Элемент-контейнер, внутри которого находятся термин и его описание.
<dt> Используется для задания термина.
<em> Выделяет важные фрагменты текста, отображая их курсивом.
<embed>
Элемент-контейнер для встраивания внешнего интерактивного контента или
плагина.
<fieldset> Группирует связанные элементы в форме, рисуя рамку вокруг них.
<figcaption> Заголовок/подпись для элемента <figure>.
<figure>
Самодостаточный элемент-контейнер для такого контента как иллюстрации,
диаграммы, фотографии, примеры кода, обычно с подписью.
<footer> Определяет завершающую область (нижний колонтитул) документа или раздел
<form>
Форма для сбора и отправки на сервер информации от пользователей. Не
работает без атрибута action.
<h1-h6> Создают заголовки шести уровней для связанных с ними разделов.
<head>
Элемент-контейнер для метаданных HTML-документа, таких
как <title>, <meta>, <script>, <link>, <style>.
Секция для вводной информации сайта или группы навигационных ссылок.
<header> Может содержать один или несколько заголовков, логотип, информацию об
авторе.
<hr> Горизонтальная линия для тематического разделения параграфов.
<html>
Корневой элемент HTML-документа. Сообщает браузеру, что это HTML-докумен
Является контейнером для всех остальных html-элементов.
<i> Выделяет отрывок текста курсивом, не придавая ему дополнительный акцент.
<iframe>
Создает встроенный фрейм, загружая в текущий HTML-документ другой
документ.
<img>
Встраивает изображения в HTML-документ с помощью атрибута src, значением
которого является адрес встраиваемого изображения.
<input>
Создает многофункциональные поля формы, в которые пользователь может
вводить данные.
<ins>
Выделяет текст подчеркиванием. Применяется для выделения изменений,
вносимых в документ.
<kbd>
Выделяет текст, который должен быть введён пользователем с клавиатуры,
шрифтом семейства monospace.
<label> Добавляет текстовую метку для элемента <input>.
<legend> Заголовок элементов формы, сгруппированных с помощью элемента <fieldse
<li> Элемент маркированного или нумерованного списка.
<link>
Определяет отношения между документом и внешним ресурсом. Также
используется для подключения внешних таблиц стилей.
<main>
Контейнер для основного уникального содержимого документа. На одной
странице должно быть не более одного элемента <main>.
<map>
Создаёт активные области на карте-изображении. Является контейнером для
элементов <area>.
<mark> Выделяет фрагменты текста, помечая их желтым фоном.
Используется для хранения дополнительной информации о странице. Эту
информацию используют браузеры для обработки страницы, а поисковые
<meta> системы — для ее индексации. В блоке <head> может быть несколько
элементов <meta>, так как в зависимости от используемых атрибутов они несу
разную информацию.
<meter> Индикатор измерения в заданном диапазоне.
<nav> Раздел документа, содержащий навигационные ссылки по сайту.
<noscript> Определяет секцию, не поддерживающую сценарий (скрипт).
Контейнер для встраивания мультимедиа (например, аудио, видео, Java-
<object>
апплеты, ActiveX, PDF и Flash). Также можно вставить другую веб-страницу в
текущий HTML-документ. Для передачи параметров встраиваемого плагина
используется элемент <param>.
<ol>
Упорядоченный нумерованный список. Нумерация может быть числовая или
алфавитная.
<optgroup> Контейнер с заголовком для группы элементов <option>.
<option>
Определяет вариант/опцию для выбора в раскрывающемся
списке <select>, <optgroup> или <datalist>.
<output> Поле для вывода результата вычисления, рассчитанного с помощью скрипта.
<p> Параграфы в тексте.
<param> Определяет параметры для плагинов, встраиваемых с помощью
элемента <object>.
Элемент-контейнер, содержащий один элемент <img> и ноль или несколько
<picture> элементов <source>. Сам по себе ничего не отображает. Дает возможность
браузеру выбирать наиболее подходящее изображение.
Выводит текст без форматирования, с сохранением пробелов и переносов
<pre> текста. Может быть использован для отображения компьютерного кода,
сообщения электронной почты и т.д.
<progress> Индикатор выполнения задачи любого рода.
<q> Определяет краткую цитату.
<ruby> Контейнер для Восточно-Азиатских символов и их расшифровки.
<rb> Определяет вложенный в него текст как базовый компонент аннотации.
<rt>
Добавляет краткую характеристику сверху или снизу от символов, заключенны
в элементе <ruby>, выводится уменьшенным шрифтом.
<rtc> Отмечает вложенный в него текст как дополнительную аннотацию.
<rp>
Выводит альтернативный текст в случае если браузер не поддерживает элеме
<ruby>.
<s> Отображает текст, не являющийся актуальным, перечеркнутым.
Используется для вывода текста, представляющего результат выполнения
<samp> программного кода или скрипта, а также системные сообщения. Отображается
моноширинным шрифтом.
Используется для определения сценария на стороне клиента (обычно JavaScrip
<script> Содержит либо текст скрипта, либо указывает на внешний файл сценария с
помощью атрибута src.
<section> Определяет логическую область (раздел) страницы, обычно с заголовком.
<select>
Элемент управления, позволяющий выбирать значения из предложенного
множества. Варианты значений помещаются в <option>.
<small> Отображает текст шрифтом меньшего размера.
<source>
Указывает местоположение и тип альтернативных медиаресурсов для
элементов <picture>, <video>, <audio>.
<span>
Контейнер для строчных элементов. Можно использовать для форматирования
отрывков текста, например, выделения цветом отдельных слов.
<strong> Расставляет акценты в тексте, выделяя полужирным.
<style> Подключает встраиваемые таблицы стилей.
<sub>
Задает подстрочное написание символов, например, индекса элемента в
химических формулах.
Создаёт видимый заголовок для элемента <details>. Отображается с
<summary> закрашенным треугольником, кликнув по которому можно просмотреть
подробности заголовка.
<sup> Задает надстрочное написание символов.
<table> Элемент для создания таблицы.
<tbody> Определяет тело таблицы.
<td> Создает ячейку таблицы.
Используется для объявления фрагментов HTML-кода, которые могут быть
<template> клонированы и вставлены в документ скриптом. Содержимое элемента не
является его дочерним элементом.
<textarea> Создает большие поля для ввода текста.
<tfoot> Определяет нижний колонтитул таблицы.
<th> Создает заголовок ячейки таблицы.
<thead> Определяет заголовок таблицы.
<time> Определяет дату/время.
Заголовок HTML-документа, отображаемый в верхней части строки заголовка
<title> браузера. Также может отображаться в результатах поиска, поэтому это следу
принимать во внимание предоставление названия.
<tr> Создает строку таблицы.
<track> Добавляет субтитры для элементов <audio> и <video>.
<u> Выделяет отрывок текста подчёркиванием, без дополнительного акцента.
<ul> Создает маркированный список.
<var> Выделяет переменные из программ, отображая их курсивом.
<video>
Добавляет на страницу видео-файлы. Поддерживает 3 видео формата: MP4,
WebM, Ogg.
<wbr> Указывает браузеру возможное место разрыва длинной строки.
<head> </head> характеристики
<body> </body> обьекты которые будут показаны пользователю