Вы можете назначать атрибуты во многих тэгах.
Что такое атрибут?
Как вы, возможно, помните, тэги это метки, указывающие браузеру, как нужно представлять ваш 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 в
). Таким образом, тэг состоит из элемента (например,
), либо из элемента плюс один или более атрибутов (например,
). Проще некуда.