Урок 6. Применяем атрибуты

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

Атрибут - это свойство, которое применяется по отношению к определенному тэгу.

Посмотрим на примере:

Так это выглядит в браузере:

К данному тексту применен атрибут «color», который изменяет его цвет

Атрибут всегда размещается внутри тэга. После него следует знак равенства и детали, заключенные в кавычки. Для разделения команд используется точка с запятой.

Атрибуты бывают разные. В данном примере мы применили атрибут style/стиль. С его помощью вы можете изменять отображение вашего сайта. Ниже перечислены некоторые его свойства.

Color - цвет (color: red;)
Background-color - цвет фона (background-color: #ff0000;)
Font-size - размер шрифта (font-size: 20px;), где px - размер шрифта в пикселях

Цвет.

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

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

16-ричный код цвета состоит из символа «#» и шести цифр или букв. Существует более 1000 HEX кодов.

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

Тэги и атрибуты.

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

Большая часть атрибутов применима к большинству тэгов.

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

Вероятно, сейчас все это звучит не очень понятно, но со временем вы познакомитесь с различными атрибутами, и заметите, что все построено логично, а использовать атрибуты легко. К тому же они значительно расширят ваши возможности.

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

Грамматика тэга.

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

). Тэг может состоять из элемента (например,

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

).

Далее... Урок 7. Знакомство с ссылками

Вернуться к Оглавлению