Дом Гнома

В гости к Гному - www.ugnoma.NET...
Как это нет??? У Гнома всё есть!!!

Атрибуты тега BODY

 

 
 

Тело HTMLТело HTML документа располагается после заголовка и ограничено контейнером <.BODY>...<./BODY>. Всё содержимое тела документа уже полностью отображается в окне веб-браузера и состоит из маркированного тегами форматирования текста, таблиц, графических, flash, мультимедиа объектов, ссылок, и различных элементов управления. В приведенном в предыдущей части примере тело документа состоит из одной единственной строки "Пример заголовка страницы, где нифига ничего не видно, но вообще он очень важен". Все атрибуты тега BODY оказывают свое влияние на вышеперечисленные объекты, то есть по большому счёту на все элементы HTML документа.
Это означает, что по умолчанию браузер будет выводить веб-страницу так, как задано атрибутами в теге BODY. Если где-то в HTML документе нужно отобразить текст, таблицу, фон или любой другой элемент как-то неординарно, то, это самое "неординарно" нужно прописать в значениях атрибутов соответствующего тега HTML. В этой части я расскажу вам о основных атрибутах тела веб-страницы, а поподробнее на всех остальных атрибутах мы остановимся в соответствующих частях этого раздела и раздела  Оптимизация и продвижение своего сайта.
 

Наиболее часто используемые атрибуты тега BODY:

bgcolor — цвет фона HTML страницы. По умолчанию фон страниц в браузере всегда выводится сплошным белым. Остальные цвета вы уже задаёте сами при помощи настроек браузера, или вышеозначенного атрибута.  Допустим, если вам нужен html-документ с черным фоном, то нужно написать так:
<.BODY bgcolor="black"><./BODY> или так: <.BODY bgcolor="#000000"><./BODY>, для браузеров разницы нет, пропишите вы #000000 или black. Здесь нужно сделать небольшое отступление, и коротенько сказать о способах представления цвета в HTML.


Для определения цветов в HTML применяются шестнадцатеричные коды RGB компонентов, ранее только стандартные 16 цветов можно было задавать по их общепринятым названиям:

Палитра основных 16-ти цветов HTMLТеперь же есть определённый список, состоящий из 140 цветов, он называется Веб-палитрой. Все 140 цветов из общепринятой веб-палитры можно задавать по их названиям, либо шестнадцатиричным (HEX) значением (или кодом). Подробнее о том, как были сформированы эти коды можно почитать здесь. Использование цветов из веб-палитры гарантирует их одинаковое и корректное воспроизведение всеми браузерами. На странице с таблицей где расшифровывается веб-палитра вы найдёте сразу и названия и hex-значения этих цветов.

При использовании шестнадцетиричных (hex) значений перед числом нужно ставить символ #.

Для того, чтобы использовать цвета, не входящие в веб-палитру, нужно знать их hex-значение. В статье о том как подобрать цвет для своего сайта есть две  ссылки на таблицы для визуального подбора цвета HTML документа. Ещё можно использовать программкуColorT Final, она очень простая, нечего не требует (типа таблеток от жадности), и которую вы можете бесплатно скачать с моего сайта.

Итак, с представлением цвета в HTML думаю разобрались, теперь вернёмся к нашим баранам, атрибутах тега BODY:

background — позволяет задать в качестве фона HTML страницы картинку. Допустим у меня есть красивая картинка oblaka.jpg, расположенная по адресу http://www.ugnoma.com/images/oblaka.jpg. Мне она понравилась до сильных колик, и я хочу сделать её фоном для своей веб-странички. Чтобы сделать это, нужно записать так:
<.BODY background="/images/logo.jpg"><./BODY>,
т.е. атрибут background даёт задание браузеру искать в определённом месте определённый файл и сделать этот файл фоном выводимой страницы. Это работает также и для фапйлов, которые находятся локально, т.е. у вас на сервере. Если этот файл (/html/oblaka.jpg) и HTML документ находятся в одной папке на сервере, то, прописываем атрибут таким образом:
<.BODY background="/html/oblaka.jpg"><./BODY>.
Если ваш файл oblaka.jpg находится как обычно (по умолчанию) в подкаталоге /images вашей серверной папки с веб-страницей, то нужно записать так:
<.BODY background="/html/images/oblaka.jpg"><./BODY>

Обычно в качестве фона используется небольшой и простой рисунок, так называемая текстура, который многократно выводится на экран, заполняя все окно. Поскольку размер такого изображения небольшой, то создание фона происходит очень быстро. Если фоном сделать картинку с высоким разрешением, т.е. большого размера и веса, то загрузка вашей интернет-странички будет происходить достаточно долго, а при низко-скоростном соединении фон может неподгрузиться вообще. Думаю, все рано или поздно сталкивались с тем, когда на загруженной странице вместо рисунка видна только одна грустная рамочка, и в её уголке маленький красный крестик. Это происходит в тех случаях, когда файл с картинкой отсутствует на сервере, в сети или просто временно не доступен (возможно из-за низкой скорости не может загрузиться). Думаю, с этим атрибутом разобрались. Пойдём дальше.

атрибут text — задаёт цвет текста  HTML документа. Например, сделаем текст зеленым:
<.BODY text="#008000"><./BODY> , или так: <.BODY text="green"><./BODY>

Следующие атрибуты относятся к представлению вида ссылок на странице:

link — цвет гиперссылок ещё не просмотренных вами, по умолчанию он всегда синий
alink — цвет гиперссылок при клике на них
vlink — цвет просмотренных ссылок

Допустим, мы хотим изменить цвета гиперссылок, чтобы цвет еще неиспользованных ссылок стал красным (#FF0000), а уже просмотренных - жёлтым  (#FFFF00). Сделать это можно так:
<.BODY link="#FF0000" vlink="#FFFF00"><./BODY>

Атрибутов в теге (не только <.BODY>, но и в любом другом) может быть как один, так и несколько сразу. А может вообще ни одного, в этом случае браузер будет всегда использовать настройки по умолчанию.

Помимо собственных атрибутов (атрибуты, которые используются только в этом теге), в теге BODY можно применять любые другие атрибуты. Атрибуты не привязаны конкретно к какому-то одному или нескольким тегам, они могут использоваться вместе со всеми тегами. Главное, чтобы листинг кода страницы был составлен корректно, и браузер понял, что вы хотите от атрибута тега именно в этом месте HTML документа.

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

И опять же, не забываем про точки!

<.HTML>
<.HEAD>
<.TITLE>Атрибуты тела документа<./TITLE>
<./HEAD>
<.BODY
bgcolor ="silver", text="black">
Мой документ будет таким, как я захочу!
<./BODY>
<./HTML>

Теперь, если вы поняли как атрибуты тега BODY используются в создании веб-страницы, и запомнили как они прописываются, переходите к следующей части, там мы поговорим о форматировании текста в HTML.

 

Поделиться ссылкой на страницу:
В начало страницы
Дружно все тыкаем сюда!