Урок 7: Атрибуты HTML

В данном уроке я расскажу о HTML тэгах.

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

Например:

 

В браузере будет выглядеть:

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

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

 

выводит в браузере страницу красного цвета.

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

В прошлом примере мы вывели страницу с красным фоном с помощью кода «#ff0000». Это код красного цвета в шестнадцатиричном формате. Каждому цвету присвоено свое шестнадцатиричное число. Например:

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

Шестнадцатиричный код цвета состоит из решотки(#) и шести цифыр или букв. Существует множество кодов и просто бывает такое, что трудно определить какой код какому цвету соответствует. Для удобства я предлагаю вам использовать 216 самых распространенных кодов цвета:

8-2

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

Например:

 

браузер откроет как синий фон страницы.
Множество атрибутов могут применяться для большинства тэгов.

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

Существует довольно большое количество тэгов, есть и много атрибутов. Есть атрибуты которые можно использовать только для определенного тэга, а другие можно использовать для большинства тэгов. И наоборот некоторые из тэгов могут иметь только один определенный атрибут, в то время как другие тэги — несколько атрибутов.

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

Основной частью тэга является элемент (например, p в <p>). Таким образом, тэг состоит из элемента (например, <p>), либо из элемента плюс один или более атрибутов (например, <p style=»background-color:#ff0000;»>). Проще некуда.

Урок 8: Ссылки в HTML >>

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *