Теперь, когда мы изучили основные теги html-документа, самое время перейти к их атрибутам.
Атрибуты придают дополнительную информацию тегам.
Возьмем для примера уже использовавшийся тег абзаца <p> с атрибутом "align":
<p align="left">
Атрибут «align» сообщает браузеру, что данный абзац нужно выровнять по центру экрана. Применительно к тегу абзаца могут быть применены также атрибуты align="left" – выравнивание по левому краю и align="right" – выравнивание по правому краю. Если вы пользуетесь, например, текстовым редактором Word, то для вас здесь ничего нового нет.
Атрибуты всегда записываются внутри тэга, после них следует знак равенства и детали атрибута, заключённые в двойные кавычки. Точка с запятой после атрибута служат для разделения команд разных стилей.
Для лучшего усвоения материала, давайте повторим эксперимент с созданием пробного сайта, но усложним его различными атрибутами.
Итак, копируем текст:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Это специальная страница для изучения атрибутов</title>
</head>
<body bgcolor="#FFF2E6" link="#CC3300">
<p align="center"><strong>Поздравляю! Это ваш первый сайт, который вы сделали своими руками!</strong><br>Хотите пойти дальше и cделать настоящий сайт? Тогда читайте статью дальше. <br>
<a href="http://www.freeadvice.ru/view_article.php?id=9"><b>Вернуться назад</b></a></p>
</body>
</html>
Вставляем в «Блокнот» (можно заменить содержимое в том файле index.html, который вы создавали в четвертом уроке или создать новый фал), сохраняем, открываем в браузере.
Почему страница вдруг стала розовой? Все очень просто: мы добавили атрибут цвета «bgcolor» (сокращение от background color, что в переводе на русский означает «цвет фона») в тег <body>.
Что еще? Задали цвет ссылок в теге <body> атрибутом link. Поменяли атрибут выравнивания абзаца, выделили первую строку и ссылку жирным шрифтом.
Сохраните это файл. В дальнейших уроках мы проведем с ним еще несколько трансформаций и он станет совсем настоящим сайтом!
Дополнительная информация к уроку.
Вас, вероятно, смутили эти странные наборы цифр и букв, с помощью которых мы сообщаем тегу цвет. Ничего страшного в них нет. Просто в html все цвета (включая все их тысячи оттенков) имеют шестизначные значения, запоминать которые вовсе не нужно. Основные цвета даже можно писать английскими словами, например:
bgcolor="red" (вставьте в наш файл вместо bgcolor="#FFF2E6" и проверьте!)
