Главная / Основы HTML / Блог / Атрибуты тега BODY и их значения

Атрибуты тега BODY и их значения

Атрибуты тега BODY очень важны в создании html-страницы, ведь они влиют на все ее содержимое.

Атрибуты тега BODY очень важны в создании html-страницы, ведь они влиют на все ее содержимое. При открытии страницы браузер в первую очеред смотрит на данный тег и его атрибуты. Однако надо помнить, что тег BODY не используется для вставки в любое место страницы какого-нибудь видео, картинки или текста. Это все делается при помощи других тегов. Позже я рассматрю каскадные таблицы стилей (CSS), с помощью которых также можно размещать или изменять различное содержимое html-страницы. Как я уже говорил, во многих учебниках расписывается все подряд, я же поступлю по другому. Я опишу лишь главное про тег BODY. Покажу основные атрибуты тега BODY, их особенность и пользу.

Какие же атрибуты тега BODY являеются главными?

bgcolor — цвет фона html-документа. Все браузеры по умолчанию заливают весь документ белым цветом (однако в некоторых можно завадать свой цвет по дефолту). Если вы решили сделать фон страницы серым, то необходимо писать следующее:

<BODY bgcolor="dimgray"></BODY>

или так:

<BODY bgcolor="#696969"></BODY>

В языке HTML цвета можно представлять в разной форме. Можно написать цвет по английски либо шестнадцатеричным (hex) значением. Для удобоство можно использовать так называемую Web-палитру, в которой все красиво и понятно расписано, какой цвет и какой он пишется. Если вы будете использовать именно эти значения цветов, то можно не боятся, что цвет будет отображатся в различном браузере по разному. Все цвета Web-палитры можно найти в соответствующем подразделе Приложения. hex-значения работает по моделе RGB, т.е. первые две цифры это оттенок красного (Red), вторые две цифры — зеленоого (Green), а последние две цифры — синего (Blue). Кстате, если в Web-палитре нету нужного вам цвета, его можно узнать в чудесной программе ColorT Final.

И так, с цветами я все написал, теперь можно поговорить и об атрибутах тега BODY:

background — атрибут тега BODY, при помощи которого можно задать картинку фоном всей страницы. Например, есть картинка fon.gif, которая лежит по адресу https://1seo.by/images/fon.gif. Для того, чтобы сделать эту картинку фоном html-документа, необходимо записать так:

<BODY background="https://1seo.by/images/fon.gif"></BODY>

Этот пример был для упорядоченного расположения файлов на вашем сайте, если файл лежит просто в корне сайта, то можно написать вот так:

<BODY background="fon.gif"></BODY>

Если fon.gif расположен в подкаталоге images каталога с относительно страницы, то можно написать так:

<BODY background="images/fon.gif"></BODY>

Советую вам для фона брать маленькое и простое изображение, потому что надо, чтобы оно мало весило, а так как оно заполняет всю страницу, создавало единый фон. . С рисунками я думаю все, идем дальше:

text — задает цвет текста вашей html-странички. Допустим, мы захотели сделать текст на странице красным:

<BODY text="#FF0000"></BODY>

Следующие атрибуты помогут нам настроить отображение ссылок на нашей страничке:

link — цвет ссылки, на которую еще не нажимали.

vlink — цвет ссылки, на которую уже нажимали.

alink — цвет ссылки, когда нажимаем на неё.

Например, вы решили сделать цвет ссылок, на которые еще не нажимали зеленым (#008000), а на которые уже нажали — синим (#0000FF), тогда мы записываем так:

<BODY link="#008000" vlink="#0000FF"></BODY>

У тега BODY достаточно много атрибутов, я остановился на главных для тебя. Если вы не задали цвета ссылок, то у браузеров есть стандартные по умолчанию цвета. Для закрепления материала давайте сделаем страницу с серым фоном, синим текстом, неиспользованные ссылки — желтые, а посещенные — зеленые. Вот что у нас получится в итоге:

<HTML>
 <HEAD>
 </HEAD>
 <BODY bgcolor="#666666" text="#0000FF" link="#008000" vlink="#0000FF">
 </BODY>
</HTML>

Набрать данный html код можно в любом текстовом редакторе, ну и визуальном. Советую код набирать в ручную, чтобы закрепить знания. не забудь вставить какой нибудь текст между тегами <BODY> и </BODY>, потом сохрани этот файл под любым именем с расширением html. Полученный файл открываешь в любой удобном тебе браузере и наслаждайся работай :) .

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

← Основные теги HTML Теги для форматирования текста в HTML →
Дата публикации: 15 мая, 2012
    Отзывы и комментарии:
  • Иван Скакун:
    <HTML> <HEAD> </HEAD> <BODY bgcolor="#666666" text="#0000FF" link="#008000" vlink="#0000FF"> </BODY> </HTML> В итоге получается просто серый фон. При вставке текста, например, вот тут: <HTML> <HEAD> </HEAD> <BODY bgcolor="#666666" text="#0000FF" link="#008000" vlink="#0000FF"> программное обеспечение </BODY> </HTML> ... получается "программное обеспечение" синим цветом на сером фоне и никакой реакции на нажатие и никакого изменения цвета. Что-то не так делаю. Подскажите, что именно. СПС
  • Rin Reil:
    А "программное обеспечение" у тебя ссылка?


Люди сами не знают чего они хотят, пока им это не покажешь.
© Стив Джобс

Скидки для новичков:

Купить виртуальный хостинг для сайта и домен со скидкой 5%!

Подробнее

Подпишитесь на интересные обновления моего блога, чтобы быть в тренде последних тенденций разработки и продвижения сайтов: