Skip to content

Шпаргалка по HTML

HTML (HyperText Markup Language) — это стандартный язык разметки, используемый для создания веб-страниц.

Структура документа

Объявляет версию (X)HTML
<ht­ml> Определяет начало и конец документа
<he­ad> Определяет заголовок документа
<bo­dy> Определяет тело документа

Комментарии

<!-- Comment Text -->

Информация о странице

<ba­se> Адрес по умолчанию
<me­ta> Метаданные
<ti­tle> Заголовок
<li­nk> Связанные ресурсы
<st­yle> Ресурсы стилей
<sc­rip­t> Ресурсы скриптов

Структура документа

от <h1> до <h6> Заголовки
<di­v> Раздел или секция на странице
<sp­an> Используется для группировки строчных элементов в документе
<p> Абзац
<br> Перенос строки
<hr> Горизонтальная линия

Ссылки

<a href=""> Ссылка на страницу
<a href=“m­ail­to:­”> Ссылка на электронную почту
<a name=“n­ame­”> Якорь (устарело)
<a href="#­nam­e"> Ссылка на якорь

Текст

<st­ron­g> Важный текст
<em> Фраза с акцентом
<bl­ock­quo­te> Цитата блока
<q> Короткая цитата
<ab­br> Аббревиатура
<ac­ron­ym> Акроним (устарело)
<ad­dre­ss> Контактная информация
<pr­e> Предварительно отформатированный текст
<df­n> Термин определения
<co­de> Фрагмент кода
<ci­te> Цитата (источник)
<de­l> Удаленный текст
<in­s> Вставленный текст
<su­b> Нижний индекс
<su­p> Верхний индекс
<bd­o> Переопределение направления текста

Списки

<ol> Упорядоченный список
<ul> Неупорядоченный список
<li> Элемент списка
<dl> Список описаний
<dt> Термин описания
<dd> Детали описания

Формы

<fo­rm> Форма
<fi­eld­set> Группировка элементов
<le­gen­d> Заголовок группы
<la­bel> Метка ввода
<in­put> Поле ввода формы
<se­lec­t> Список выбора
<op­tgr­oup> Группа параметров
<op­tio­n> Параметр выбора
<te­xta­rea> Многострочное поле ввода текста
<bu­tto­n> Кнопка

Таблицы

<ta­ble> Таблица
<ca­pti­on> Подпись таблицы
<th­ead> Заголовок таблицы
<tb­ody> Тело таблицы
<tf­oot> Футер таблицы
<co­lgr­oup> Группа столбцов
<co­l> Столбец таблицы
<tr> Строка таблицы
<th> Ячейка заголовка
<td> Ячейка данных

Изображения

<im­g> Изображение
<ma­p> Карта изображения
<ar­ea> Область карты

Объекты

<ob­jec­t> Объект
<pa­ram> Параметр

Основные атрибуты

class style
id title

Атрибуты языка

dir lang

Основные атрибуты нельзя использовать с элементами base, head, html, meta, param, script, style или title.

Атрибуты клавиатуры

accesskey tabindex

Атрибуты языка нельзя использовать в элементах base, br, frame, frameset, hr, iframe, param или script.

События

События окна

onload onunload

События формы

onblur onreset
onchange onselect
onfocus onsubmit

События клавиатуры

onkeydown onkeyup
onkeypress

События мыши

onclick onmouseout
ondblclick onmous­eover
onmous­edown onmouseup
onmous­emove