Атрибуты тега 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 → |
Супер-предложение!
Купить виртуальный хостинг для сайта и домен с бесплатным тестовым периодов 1 месяц!
<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> ... получается "программное обеспечение" синим цветом на сером фоне и никакой реакции на нажатие и никакого изменения цвета. Что-то не так делаю. Подскажите, что именно. СПС
А "программное обеспечение" у тебя ссылка?