Урок 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. Знакомство с ссылками
Ключевые теги: Учебник HTML, Блоки, div, блочная верстка