Основные теги структуры
<!DOCTYPE>: Определяет тип документа и версию HTML. Не имеет атрибутов.<html>: Корневой элемент HTML-документа. Атрибуты:lang(устанавливает язык документа).<head>: Содержит метаинформацию о документе. Не имеет атрибутов.<title>: Устанавливает заголовок документа, отображаемый в строке заголовка браузера. Не имеет атрибутов.<body>: Содержит содержимое HTML-документа. Атрибуты:bgcolor(устанавливает цвет фона),text(устанавливает цвет текста).
Метаданные и ссылки
<meta>: Предоставляет метаданные о документе, такие как кодировка, автор и ключевые слова. Атрибуты:charset(устанавливает кодировку),name(имя метаданных),content(содержимое метаданных).<link>: Определяет связь между текущим документом и внешним ресурсом, часто используется для подключения таблиц стилей. Атрибуты:rel(тип связи),href(URL ресурса).<base>: Указывает базовый URL для всех относительных URL в документе. Атрибуты:href(базовый URL),target(целевое окно или фрейм для всех ссылок).
Форматирование текста
<h1>до<h6>: Определяют заголовки HTML, где<h1>- самый высокий уровень, а<h6>- самый низкий. Не имеют атрибутов.<p>: Определяет абзац. Не имеет атрибутов.<br>: Вставляет разрыв строки. Не имеет атрибутов.<hr>: Создает горизонтальную линию для тематических разрывов. Атрибуты:width(ширина линии),size(толщина линии),color(цвет линии).<strong>: Определяет важный текст. Не имеет атрибутов.<em>: Определяет выделенный текст. Не имеет атрибутов.<b>: Определяет жирный текст. Не имеет атрибутов.<i>: Определяет курсивный текст. Не имеет атрибутов.<u>: Определяет подчеркнутый текст. Не имеет атрибутов.<small>: Определяет уменьшенный текст. Не имеет атрибутов.<mark>: Выделяет текст. Не имеет атрибутов.
Списки
<ul>: Определяет ненумерованный (маркированный) список. Не имеет атрибутов.<ol>: Определяет нумерованный список. Атрибуты:type(тип маркера),start(начальный номер),reversed(обратный порядок).<li>: Определяет элемент списка. Не имеет атрибутов.<dl>: Определяет список описаний. Не имеет атрибутов.<dt>: Определяет термин/название в списке описаний. Не имеет атрибутов.<dd>: Определяет описание термина/названия в списке описаний. Не имеет атрибутов.
Ссылки и навигация
<a>: Определяет гиперссылку. Атрибуты:href(URL ссылки),target(целевое окно или фрейм),title(всплывающая подсказка).<nav>: Определяет раздел навигационных ссылок. Не имеет атрибутов.
Изображения и мультимедиа
<img>: Встраивает изображение. Атрибуты:src(URL изображения),alt(альтернативный текст),width(ширина изображения),height(высота изображения).<figure>: Определяет автономное содержимое, такое как иллюстрации, диаграммы или фотографии. Не имеет атрибутов.<figcaption>: Определяет подпись для элемента<figure>. Не имеет атрибутов.<audio>: Встраивает звуковое содержимое. Атрибуты:src(URL аудиофайла),controls(отображение элементов управления).<video>: Встраивает видео содержимое. Атрибуты:src(URL видеофайла),controls(отображение элементов управления),width(ширина видео),height(высота видео).<source>: Определяет несколько медиа-ресурсов для<audio>и<video>. Атрибуты:src(URL ресурса),type(тип ресурса).<track>: Определяет текстовые дорожки для<video>и<audio>. Атрибуты:src(URL текстовой дорожки),kind(тип текстовой дорожки),srclang(язык текстовой дорожки),label(метка текстовой дорожки).
Таблицы
<table>: Определяет таблицу. Атрибуты:border(ширина границы таблицы).<tr>: Определяет строку в таблице. Не имеет атрибутов.<td>: Определяет ячейку в таблице. Атрибуты:colspan(объединение колонок),rowspan(объединение строк).<th>: Определяет заголовочную ячейку в таблице. Атрибуты:colspan(объединение колонок),rowspan(объединение строк).<thead>: Группирует заголовочное содержимое в таблице. Не имеет атрибутов.<tbody>: Группирует основное содержимое в таблице. Не имеет атрибутов.<tfoot>: Группирует нижний колонтитул в таблице. Не имеет атрибутов.<caption>: Предоставляет заголовок таблицы. Не имеет атрибутов.
Формы
<form>: Определяет HTML-форму для ввода данных пользователем. Атрибуты:action(URL для отправки данных формы),method(метод отправки данных).<input>: Определяет элемент управления ввода. Атрибуты:type(тип ввода),name(имя элемента),value(значение элемента).<textarea>: Определяет многострочный элемент управления ввода текста. Атрибуты:rows(количество строк),cols(количество колонок).<button>: Определяет кнопку. Атрибуты:type(тип кнопки),name(имя кнопки),value(значение кнопки).<select>: Определяет выпадающий список. Атрибуты:name(имя списка),multiple(множественный выбор).<option>: Определяет опцию в выпадающем списке. Атрибуты:value(значение опции),selected(выбранная опция).<label>: Определяет метку для элемента<input>. Атрибуты:for(связывает метку с элементом ввода).
Этот справочник поможет вам лучше понять и использовать HTML теги и их свойства для создания структурированных и доступных веб-страниц.
