Итак, мы переходим к следующему уроку по изучению языка программирования HTML. На этом этапе я расскажу вам, что такое атрибуты тега и их значения и какие они бывают (некоторые примеры).
Вы наверняка уже заметили, что во многих примерах в интернете, на самих страницах сайтов часто встречаются теги не стандартного вида, примеры которых я показывал в предыдущих двух статьях (Основы HTML. Урок №3. Некоторые теги тела документа(Часть 1) и Основы HTML. Урок №3. Некоторые теги тела документа(Часть 2)). В реальности же теги обрастают множеством различных атрибутов.
Определением атрибута у тега или аналогом может служить слово «Характеристика», говоря иными словами, каждый атрибут определяет какую-то характеристику тега, будь то ширина, высота, цвет фона, цвет текста и другое.
Используя атрибуты можно создать элементы необходимого вида на страничке браузера. Для того, чтобы задать характеристику (атрибут) необходимо у этого атрибута указать его значение, каждому атрибуту соответствуют свои значения и их формат.
Так, например, атрибуту width (ширина) можно задавать значения ширины в пикселях (px), единицах (em), процентах (%) и т.д.
А есть атрибут align, который может принимать значения право(right), лево(left), по центру(center), по ширине страницы(justify).
Как вы видите, некоторые значения могут выражаться в числах с их размерностью, либо атрибут как значение может принимать только одно из определенных ему.
Теперь поговорим о синтаксисе описания атрибута для определенного тега в HTML. Как пример возьмем тег p и атрибут align:
Как вы могли заметить, все действие происходит только в открывающемся теге, если он парный, в случае с непарными тегами думаю все не сложнее. В нужном теге мы пишем наш атрибут, после него знак равно и двойные кавычки, а в эти двойные кавычки мы помещаем значение атрибута, если описать это на формальном языке, то получим:
Далее я приведу несколько примеров использования тегов и их атрибутов. Полный список тегов, атрибутов и их значений можно найти в интернете, один из хороших сайтов-справочников я подсказал вам в статье «Языки программирования (ссылка в конце страницы)».
Создадим ссылку с заданным адресом перехода атрибутом target, который определяет как открывать эту ссылку и title который описывает ссылку:
Здесь атрибут href отвечает за адрес ссылки, значение _blank говорит что страницу открытую по этой ссылке нам нужно вывести в новом окне браузера, а значение «Ссылка на главную страницу» будет появляться при наведении на ссылку и удержании на ней курсора некоторое время, так же данный атрибут имеет роль для поисковых систем.
Создадим картинку, зададим ей адрес изображения тегом src, описанием картинки alt, и зададим центрирование при помощи align:
Здесь «http://web.cofp.ru/images/system/logo.png» это значение у атрибута src и оно задает по какому адресу нужно брать картинку, атрибут alt с значением «Лого нашего сайта» отвечает за описание картинки, оно может появиться если по каким-то причинам сама картинка не загрузилась или если навести на нее и подержать курсор, так же имеет значение для поисковых систем, атрибут align со значением rightприкажет картинке прижаться к правому краю страницы.
На этом заканчиваю эту стать об атрибутах и их значениях, а так же их роли в HTML.
Добавить комментарий
Авторизоваться с помощью: