тег body Как создать свой сайт > Основы HTML > Руководство по HTML > Тег BODY и его атрибуты

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

Небывалая толщина этого отчёта
защищала его от опасности быть прочитанным.
Уинстон Черчилль.

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

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

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


    Итак, наиболее часто используемые атрибуты тега BODY:

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

< BODY bgcolor="black">< /BODY>

или так:

< BODY bgcolor="#000000">< /BODY>
Отзыв посетителя:

Добрый! Классный сайт у вас.правда я только про тег body прочитала. Надо будет попробовать замутить страничку)
Целый день читала про енто дело, а тут еду с работы и натыкаюсь на этот сайт. Очень доступно написано
Это я как истинный чайник говорю.
Спасибо что создали такое
Крис.

    Здесь нужно коротко сказать о способах представления цвета в HTML. Цвета в HTML можно задать либо именем цвета из предопределенного списка, либо шестнадцатеричным (hex) значением выбранного цвета. В предопределенном списке содержится 140 цветов и все они соответствуют так называемой Web-палитре. Использование цветов из этой палитры гарантирует их одинаковое воспроизведение всеми браузерами.

    Список цветов из Web-палитры ты найдёшь на странице Приложения. Там же ты найдёшь и шестнадцетиричные (hex) значения этих цветов (при использовании шестнадцетиричных (hex) значений перед числом нужно ставить символ #). В hex-значении цвета используется модель RGB: первые две цифры задают яркость красной (Red), вторые две цифры — зелёной (Green), а последние две цифры — синей (Blue) составляющей цвета.

    Для того, чтобы использовать цвета, не входящие в Web-палитру, нужно знать их hex-значение. Я для этого использую программу, которую можно взять с моего сайта: ColorT Final.

    С представлением цвета в HTML разобрались, теперь продолжим разговор об атрибутах тега BODY.

backgroundпозволяет задать в качестве фона html-страницы картинку. Допустим, есть картинка logo.jpg, расположенная по адресу https://www.seoded.ru/images/logo.jpg. Для того, чтобы сделать её фоном html-страницы нужно записать так:

< BODY background="https://www.seoded.ru/images/logo.jpg">< /BODY>

    Если html-страница и картинка logo.jpg находятся в одном каталоге (папке), то можно записать так:

< BODY background="logo.jpg">< /BODY>

    Если logo.jpg находится в подкаталоге images каталога с html-страницей (т.е. в папке images, которая находится в каталоге с html-страницей), то можно записать так:

< BODY background="images/logo.jpg">< /BODY>

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



textустанавливает цвет текста html-документа. Например, сделаем текст зелёным:

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

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

linkцвет ещё неиспользованной (непросмотренной) ссылки (по умолчанию синий).

vlinkцвет уже использованной (просмотренной) ссылки.

alinkцвет гиперссылок при наведении на них курсора мыши.

    Допустим, нам нужно, чтобы цвет ещё неиспользованных ссылок был красным (#FF0000), а уже нажатых — синим (#0000FF). Сделать это можно так:

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

    Да, я думаю, ты уже заметил, что атрибут в теге (не только BODY, но и в любом другом) может быть как один, так и несколько сразу. А может и ни одного, в этом случае браузер будет использовать настройки по-умолчанию. В следующем примере мы создадим html-страницу с чёрным фоном, зелёным текстом, неиспользованные ссылки — красные, а посещённые — синие. Весь этот ужас можно создать так:

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

    Набери этот html-код в любом текстовом редакторе или визуальном. Набирай весь код вручную. Между тегами < BODY> и < /BODY> вставь текст, какой захочёшь, сохрани этот файл под любым именем (латинскими буквами или цифрами), но обязательно с расширением html (т. е., например, primer.html). А затем открой его в браузере и наслаждайся открывшейся тебе авангардистской картиной.

Примечание. Не забывай — я ставлю после скобки < пробел для того, чтобы браузер выводил код HTML, как текст. В самом html-коде этого делать НЕ НАДО.

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

Содержание     Дальше

⇓ 

Поделись ссылкой на Seoded.ru с друзьями, знакомыми и собеседниками в соцсетях и на форумах! А сам сайт добавь в закладки! Так победим.

Поделиться ссылкой на эту страницу в:

Полезные ссылки:

Только копирайтинг позволяет начать зарабатывать в Интернете без специальных знаний. Подбор и последующая покупка домена — важные вехи в создании сайта.

Ещё материалы по этой теме:

заработок в интернете заработать в интернете деньги как создать свой сайт скачать игры алавар ссылки продажа

основан в 2008 г. © Все права на материалы сайта Seoded.ru принадлежат Алексею Вострову.
Копирование (полное или частичное) любых материалов сайта возможно только с разрешения автора и при указании ссылки на источник.
Ослушавшихся находит и забирает Бабайка!