E-mail Добавить в "Избранное" Сделать "ТвойWeb" стартовой
Здесь находится флеш баннер. Чтобы увидеть его Вы должны установить Flashplayer
 
Новости сайта
02 [F]апреля, 2006
08 [F]декабря, 2005
17 [F]октября, 2005
16 [F]июля, 2005
25 [F]декабря, 2004
======================
Предыдущие новости
<< < 01 02 03 04 05 > >>
 
 
 

Элемент BODY

Хочу сразу сделать небольшое заявление. Я ни в коем случае не собираюсь переписывать спецификацию HTML 4.01 . Далее при описании элементов я укажу только некоторые атрибуты и возможно не все свойства этих атрибутов (я, конечно, постараюсь указать все свойства тех атрибутов того или иного элемента, о котором заведу речь). Все элементы, атрибуты этих элементов, свойства атрибутов, о которых будет рассказано далее, проверены лично мною в трех разных браузерах; IE, Netscape и Opera. Полный список элементов, атрибутов и свойств атрибутов Вы можете найти в официальной нормативной спецификации HTML версии 4.01 по адресу http://www.w3.org/TR/1999/REC-html401-19991224 или русский перевод Александра Пирамидина по адресу http://pyramidin.narod.ru/html401/index.htm .

Из предыдущих текстов, Вы уже знакомы с элементом <Body> (тело документа) и знаете, что в этом теге находятся все HTML-элементы, отвечающие за отображение документа, управление им и гипертекстовые ссылки.

Элемент <Body> имеет следующие атрибуты;

Атрибут Bgcolor
Определяет цвет фона документа. Значения этого атрибута задаются либо RGB-значением в шестнадцатеричной системе (пример; #0099CC), либо одним из 16 базовых цветов (пример; red, blue,black). По умолчанию, то есть если Вы не указали этот атрибут в теге <Body>, имеет значение “#FFFFFF" или проще говоря, по умолчанию страница открывается с белым фоном.
Записывается так:
<body bgcolor="#F5E8FF">
Посмотреть таблицу безопасных цветов шестнадцатеричной системе и таблицу базовых цветов Вы можете посмотреть здесь.
Атрибут Title
Этот атрибут позволяет выводить всплывающую подсказку (в дальнейшем хинт) при на ведении курсора на любую область страницы.
Значение атрибута – любой Ваш текст, который Вы хотите видеть на всплывающей подсказке.
Записывается так
<body title=”Этот текст вывела на экран всплывающая подсказка”>
Атрибут <Title> по-разному работает в разных браузерах.
В IE и Netscape работает при наведении курсора на все что находится на странице (таблицы, изображение, текст и т.д.). В OPERA работает только на свободном, от таблиц, изображений и т.д. поле страницы
Этим атрибутом почти никто не пользуется.
Атрибут Text
Определяет базовый цвет текста в документе. То есть если в самом документе, в каком, то его месте для какого либо отрывка текста Вы не указали цвет текста, то этот отрывок окрасится в базовый цвет, который был задан атрибутом text в теге <body>. Имеет, абсолютно, те же значения что и атрибут bgcolor (я думаю, нет смысла повторяться). По умолчанию имеет значение “#000000” или “black” (черный).
Записывается так.
<body text=”#FF0000”>
или
<body text=”red”>
Атрибут Link
Определяет цвет гиперссылки в документе. Имеет те же значения что и атрибуты bgcolor и text.
Записывается так.
<body link=”#0000FF”>
или
<body link=”blue”>
Атрибут Alink
Определяет цвет подсветки гиперссылки в момент нажатия. Имеет те же значения что и атрибуты bgcolor, text и link .
Записывается так.
<body alink=” #009900”>
или
<body alink=”green”>
Атрибут Vlink
Определяет цвет посещенной ссылки. Имеет те же значения что и атрибуты bgcolor, text, link и alink .
Записывается так.
<body vlink=” #999999”>
или
<body vlink=”gray”>
Атрибут Bgproperties
Этот атрибут задает свойства фонового изображения. В данный момент браузерами поддерживается единственное его значение fixed, запрещающее скроллинг (прокрутку) изображения.
Записывается так
<body bgproperties=”fixed”>
Атрибут Topmargin
Определяет отступ содержания документа от верхнего края страницы в пикселях. Правильно работает в Netscape. В IE и Opera задает отступ сверху и снизу. Значение любое целое число от 0 и выше.
Записывается так.
<body topmargin=”50”>
Атрибут Bottommargin
Определяет отступ содержания документа от нижнего края страницы в пикселях. Не работает в Opera, Netscape. Имеет то же значение что и topmargin.
Записывается так.
<body bottommargin=”60”>
Атрибут Leftmargin
Определяет отступ содержания документа от левого края страницы в пикселях. в IE задает отступ от края страницы слева и справа. Правильно работает в Netscape и Opera. Имеет такое же значение что и атрибуты topmargin и bottommargin .
Записывается так.
<body leftmargin=”70”>
Атрибут Rightmargin
Определяет отступ содержания документа от правого края страницы в пикселях. В IE работает правильно. Не работает в Netscape и Opera .
Имеет такое же значение что и атрибуты topmargin, bottommargin и leftmargin.
Записывается так.
<body rightmargin=”80”>
Атрибут Marginheight
Определяет отступ содержания документа от верхнего и нижнего края страницы в пикселях. Не работает в IE. Правильно работает в Netscape и Opera. Имеет такое же значение что и атрибуты topmargin, bottommargin, leftmargin и rightmargin.
Записывается так.
<body marginheight=”85”>
Атрибут Marginwidth
Определяет отступ содержания документа от левого и правого края страницы в пикселях. Не работает в IE. В Netscape и Opera задает отступ от края страницы только с слева. Имеет такое же значение что и атрибуты topmargin, bottommargin, leftmargin, rightmargin и marginheight .
Записывается так.
<body marginwidth=”55”>
Атрибут Background
Этот атрибут определяет изображение и заливает этим изображением фон страницы. Значение задается в виде полного URL или имени файла с картинкой в формате gif или jpg .
Записывается так
<body background=”http://vash_site.narod.ru/kartinka.gif”>
<body background=”http://vash_site.narod.ru/photo.jpg”>

Или
<body background=”kartinka.gif”>
<body background=”photo.jpg”>

Заливка происходит по следующему принципу. Первая копия изображения становится в верхний левый угол страницы, рядом вторая копия и т.д. до заполнения строки по горизонтали. Далее переходит на следующую строку и заполняет ее по горизонтали и т.д. пока не заполнит весь фон. Почему так подробно объясняю?

Важно!
Я много раз читал на форуме сообщения примерно такого содержания: «Я применил (а) в качестве фона для своей страницы фотоизображение. А оно у меня не фоном стало, а заложило фон несколькими копиями этого изображения, так что на странице видно несколько фото с четкими границами.» Посмотрите здесь, о чем писал (а) автор такого сообщения.
А теперь посмотрите этот пример или этот.
Посмотрели? Ну, как есть разница? А знаете, почему в первом примере так получается? Потому что левый край изображения никак не стыкуется с правым, верхний край с нижним. Чтобы такого не получилось изображение, которым Вы собираетесь залить фон страницы, если поставить две копии этого изображения рядом, должно иметь плавные границы перехода от левого края к правому и от верхнего края к нижнему. Изображения, отвечающие этим условиям, называются “background” (бэкграунд). Из этого сделаем вывод: Не все изображения подходят для фона страницы.
В сети Вы можете найти огромное количество фонов для Ваших страниц. Сайт Вашего покорного слуги не исключение.

К оглавлению Наверх Дальше