лалала

Шпаргалка по HTML на все случаи жизни

Наши соц. сети: instagram, fb, tg

Основные теги

❮html❯ ❮/html❯ - cоздает документ HTML.

❮head❯ ❮/head❯ - устанавливает заголовок и другую информацию, которая не отображается.

❮body❯ ❮/body❯ - устанавливает видимую часть документа.

❮title❯ ❮/title❯ - имя документа в строке заголовка.

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

❮p❯ ❮/p❯ - cоздает новый абзац.

❮br❯ - конец строки (возврат каретки).

❮blockquote❯ ❮/blockquote❯ - ставит содержимое в кавычки.

❮div❯ ❮/div❯ - используется для форматирования блочного контента с помощью CSS.

❮пространство❯ ❮/пространство❯ используется для форматирования встраиваемого контента с помощью CSS.

Атрибуты body

❮body bgcolor="?"❯ - устанавливает цвет фона, используя имя или шестнадцатеричное значение.

❮body text="?"❯ - устанавливает цвет текста, используя имя или шестнадцатеричное значение.

❮body link="?"❯ - устанавливает цвет ссылок, используя имя или шестнадцатеричное значение.

❮body vlink="?"❯ - устанавливает цвет посещенных ссылок, используя имя или шестнадцатеричное значение.

❮body alink="?"❯ - устанавливает цвет активных ссылок (при щелчке мышью).

Списки

❮ul❯ ❮/ul❯ - создает неупорядоченный список.

❮ol start=?❯ ❮/ol❯ - создает упорядоченный список (start=xx, где xx - подсчитывающее число).

❮li❯ ❮/li❯ - охватывает каждый пункт списка.

❮dl❯ ❮/dl❯ - создает список определений.

❮dt❯ - превалирует над каждым определением термина.

❮dd❯ - предшествует каждому определению.

Текстовые теги

❮pre❯ ❮/pre❯ - создает предварительно отформатированный текст.

❮h1❯ ❮/h1❯ - ❯ ❮h6❯ ❮/h6❯ - создает заголовки h1 - большой, h6 - маленький.

❮b❯ ❮/b❯ - создает текст, выделенный жирным шрифтом (следует использовать вместо него).

❮i❯ ❮/i❯ - создает текст, выделенный курсивом (следует использовать вместо него).

❮tt❯ ❮/tt❯ - создает текст в стиле печатной машинки.

❮code❯ ❮code❯ - используется для исходного кода.

❮cite❯ ❮/cite❯ - cоздает цитату, обычно обрабатываемую курсивом.

❮адрес❯ ❮/адрес❯ - cоздает адресную секцию, обычно обрабатываемую курсивом.

❮em❯ ❮/em❯ - выделяет текст курсивом.

❮strong❯ ❮/strong❯ - выделяет текст жирным шрифтом.

❮font size=?❯ ❮/font❯ - устанавливает размер шрифта - от 1 до 7 (должен использовать CSS вместо этого).

❮font color=?❯ ❮/font❯ - устанавливает цвет шрифта.

❮font face=?❯ ❮/font❯ - определяет шрифт.

Графические элементы

❮hr❯ - рисует горизонтальную линию.

❮hr size=?❯ - устанавливает длинну горизонтальной линии.

❮hr width=?❯ - устанавливает ширину линии .

❮hr noshade❯ - создает линию без тени.

❮img src="URL" /❯ - добавляет изображение, по адресу URL

❮img src="URL" align=?❯ - выравнивание изображения.

❮img src="URL" border=?❯ - устанавливает размер изображения, окружающего границу (используйте CSS).

❮img src="URL" height=?❯ - устанавливает высоту изображения, в пикселях.

❮img src="URL" width=?❯ - устанавливает ширину изображения, в пикселях.

❮img src="URL" alt=?❯ - устанавливает альтернативный текст для браузеров, которые не могут обрабатывать изображения (требуется ADA).

Ссылки

❮a href="URL"❯кликаемый текст❮/a❯ - создает гиперссылку на Единый локатор ресурсов.

❮a href="mailto:EMAIL_ADDRESS"❯кликаемый текст❮/a❯ - создает гиперссылку на адрес электронной почты.

❮a name="ИМЯ"❯ - создает целевое место внутри документа.

❮a href="#NAME"❯кликаемый текст❮/a❯ - создает ссылку на это целевое место.

Формы

❮form❯ ❮/form❯ - определяет форму.

❮select multiple name=? size=?❯ ❮/select❯ - создает меню прокрутки.

❮select name=?❯ ❮/select❯ - создает выпадающее меню.

❮опция❯ - выключает каждый пункт меню.

❮textarea name=? cols="x" rows="y"❯❮/textarea❯ - создает область текстового поля.

❮input type="checkbox" name=? value=?❯ - создает флажок.

❮input type="checkbox" name=? value=? check❯ - создает флажок, который предварительно отмечен.

❮input type="radio" name=? value=?❯ - создает радиокнопку.

❮input type="radio" name=? value=? check❯ - создает флажок, который предварительно отмечен.

❮input type="text" name=? size=?❯ - создает текстовую область в одну строку.

❮input type="submit" value=?❯ - создает кнопку отправки. Значение устанавливает текст в кнопке отправки.

❮input type="image" name=? src=? border=? alt=?❯ - создает кнопку с использованием изображения.

❮input type="сброс"❯ - создает кнопку сброса.

Атрибуты тегов ввода

❮input type="email" name=?❯ - устанавливает однострочный текстовый ящик для email адресов.

❮input type="url" name=?❯ - устанавливает однострочное текстовое поле для URL.

❮input type="number" name=?❯ - устанавливает однострочное текстовое поле для номера.

❮input type="range" name=?❯ - устанавливает однострочное текстовое поле для диапазона чисел.

❮input type="дата/месяц/неделя/время" name=?❯ - устанавливает однострочное текстовое поле с календарем, отображающим дату/месяц/неделю/время.

❮input type="search" name=?❯ - устанавливает однострочное текстовое поле для поиска.

❮input type="color" name=?❯ - устанавливает однострочное текстовое поле для выбора цвета.

Таблицы

❮таблица❯ ❮/таблица❯ - создает таблицу.

❮tr❯ ❮/tr❯ - устанавливает каждую строку в таблице.

❮td❯ ❮/td❯ - устанавливает каждую ячейку подряд.

❮th❯ ❮/th❯ - устанавливает заголовок таблицы.

Атрибуты таблицы

❮граница таблицы=?❯ - устанавливает ширину границы вокруг ячеек таблицы.

❮table cellspacing=?❯ - устанавливает количество пространства между ячейками таблицы.

❮table cellpadding=?❯ - устанавливает количество пространства между границей ячейки и ее содержимым.

❮таблица width=?❯ - устанавливает ширину таблицы в пикселях или в процентах.

❮tr align=?❯ - устанавливает выравнивание для ячеек внутри строки (слева/по центру/справа).

❮td align=?❯ - устанавливает выравнивание для ячеек (слева/по центру/справа).

❮tr valign=?❯ - устанавливает выравнивание по вертикали для ячеек внутри строки (верхняя/средняя/нижняя).

❮td valign=?❯ - устанавливает выравнивание по вертикали для ячейки (верхняя/средняя/нижняя).

❮td rowspan=?❯ - устанавливает количество строк, которое должна занимать ячейка (по умолчанию 1).

❮td colspan=?❯ - устанавливает количество столбцов, которое должна занимать клетка.

❮td nowrap❯ - предотвращает линии внутри клетки от того, чтобы быть сломанными, чтобы соответствовать.

Приятного кодинга!