Вы можете назначать атрибуты во многих тэгах.

Что такое атрибут?

Как вы, возможно, помните, тэги это метки, указывающие браузеру, как нужно представлять ваш web-сайт. (Например,
информирует браузер, что нужно сделать перевод строки). В некоторых тэгах вы можете вводить дополнительную информацию. Такая дополнительная информация называется «атрибут».

Пример 1:

Мой друг HTML

Атрибуты всегда записываются внутри тэга, после них следует знак равенства и детали атрибута, заключённые в двойные кавычки. Точка с запятой после атрибута служит для разделения команд разных стилей. Мы к этому ещё вернёмся.

О чём же речь?

Атрибуты бывают разные. Первый изученный вами атрибут это style/стиль. С помощью этого атрибута вы можете настраивать отображение вашего web-сайта. Например, цвет фона/background colour:

Пример 2:



выведет в браузере страницу красного цвета — проверьте сами. Мы детально объясним, как работает цветовая система.

Обратите внимание, что некоторые тэги и атрибуты используют американскую разновидность английского языка, т. е. color вместо colour. Важно использовать именно такой вариант написания, как мы используем в примерах в этом учебнике — иначе браузеры не смогут понять ваш код. Также не забывайте ставить двойные кавычки после атрибута.

Как страница стала красной?

В предыдущем примере мы запросили вывод красного фона кодом «#ff0000». Это код красного цвета в т. н. шестнадцатиричном формате (HEX). Каждому цвету соответствует своё 16-ричное число. Вот примеры:

Белый: #ffffff
Чёрный: #000000 (нули)
Красный: #ff0000
Синий: #0000ff
Зелёный: #00ff00
Жёлтый: #ffff00

16-ричный код цвета состоит из # и шести цифр или букв. Существует более 1000 HEX кодов и бывает непросто определить, какой HEX-код какому цвету соответствует. Для удобства мы советуем иметь карту 216 самых распространённых кодов цвета: 216 Web Safe Colour Chart.

Можно использовать также английские названия самых распространённых цветов (white, black, red, blue, green и yellow).

Пример 3:

Но хватит о цвете. Давайте вернёмся к атрибутам.

Какие тэги могут использовать атрибуты?

Различные атрибуты могут применяться для большинства тэгов.

В таких тэгах, как body, вы будете часто использовать атрибуты, а, например, в тэге br — редко, поскольку перенос строки это обычно перенос строки без каких-либо уточняющих параметров.

Имеется множество тэгов, есть и много атрибутов. Есть атрибуты, предназначенные специально для какого-то определённого тэга, а другие можно использовать в разных тэгах. И наоборот: некоторые тэги могут иметь только один какой-то определённый атрибуты, в то время как другие тэги — несколько атрибутов.

Это может звучать немного непонятно, но, когда вы выучите различные атрибуты, вы увидите, что всё построено очень логично, что использовать атрибуты легко и просто, и что они значительно расширяют ваши возможности.

В этом учебнике мы рассмотрим самые важные атрибуты.

Кстати, их каких ещё частей состоит тэг?

Основная часть тэга называется элемент (например, pв

). Таким образом, тэг состоит из элемента (например,

), либо из элемента плюс один или более атрибутов (например,

). Проще некуда.