WWW. SEODED. RU

Атрибуты тега < BODY>. Цвет ссылок, фон и цвет фона в HTML.

Главная Новости Блог seoded'а Об авторе Реклама Форум Премия

Заработать
в Интернете

Как новичку заработать
в Интернете деньги.
Создать сайт
Создать сайт,начать раскрутку и продвижение
Web - мастер
Раздел для того,кто уже создал свой первый сайт.
Статьи
Статьи о жизни в Сети.
Скачать
Скачать бесплатно.
Каталог ресурсов
Каталог полезных ресурсов
Психология
Статьи по психологии.
Эротика
Эротика без пошлости.
Источники
Источники знаний.
История
Статьи об истории Интернета.
Содержание /

Атрибуты тега < BODY>.

Небывалая толщина этого отчета
защищала его от опасности быть прочитанным.
Уинстон Черчилль.
 Все атрибуты тега < BODY> оказывают свое влияние на объекты, находящиеся между тегами < BODY> и < /BODY>, т.е. на все элементы html-страницы. Это означает, что по умолчанию браузер будет выводить html-страницу так, как это прописано или не прописано в теге < BODY>. Если в каком-либо месте html-документа нужно отобразить текст, фон или другой элемент иначе, то это нужно прописать в значениях атрибутов соответствующего тега. Я пока не рассматриваю каскадные таблицы стилей (CSS), с помощью которых также можно задать отображение html-страницы. Кроме того, я в этом разделе не буду рассказывать обо всех атрибутах тега < BODY>. Я расскажу только о самых часто используемых (подробнее об атрибутах тега < BODY> ты можешь узнать в соответствуещей части раздела Web-мастер).
 Итак, наиболее часто используемые атрибуты тега < BODY>:

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

< BODY bgcolor="black">< /BODY>
или так:
< BODY bgcolor="#000000">< /BODY>
 Здесь нужно коротко сказать о способах представления цвета в HTML. Цвета в HTML можно задать либо именем цвета из предопределенного списка, либо шестнадцатеричным (hex) числом. В предопределенном списке содержится 140 цветов и все они соответствуют так называемой Web-палитре. Использование цветов из этой палитры гарантирует их одинаковое воспроизведение всеми браузерами. Список цветов из Web-палитры ты найдешь на странице "Приложения". Там же ты найдешь и шестнадцетиричные (hex) значения этих цветов (при использовании шестнадцетиричных (hex) значений перед числом нужно ставить символ #). В hex-значении цвета используется модель RGB: первые две цифры задают яркость красной (Red), вторые две цифры - зеленой (Green), а последние две цифры - синей (Blue) составляющей цвета. Для того, чтобы использовать цвета, не входящие в Web-палитру, нужно знать их hex-значение. Я для этого использую программу, которую можно взять с моего сайта, под названием ColorT Final.
 С представлением цвета в HTML разобрались, теперь продолжим разговор об атрибутах тега < BODY>:

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

< BODY background="http://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-код в любом текстовом редакторе или визуальном. Набирай весь код вручную. Не забывай - я ставлю после скобки < пробел для того, чтобы браузер выводил код HTML, как текст. В самом html-коде этого делать НЕ НАДО. Между тегами < BODY> и < /BODY> вставь текст, какой захочешь, сохрани этот файл под любым именем, но обязательно с расширением html. А затем открой его в браузере и наслаждайся открывшейся тебе авангардистской картиной.
 Помимо собственных атрибутов (атрибуты, которые используются только в этом теге) в теге < BODY> можно применять атрибуты и других тегов (их можно употреблять в разных тегах, они общие для них всех). О них ты узнаешь в следующих частях этого раздела. Пока же настоятельно рекомендую поэкспериментировать с полученными знаниями. Только на практике ты увидишь результаты этих знаний и поймешь, как это работает. И только поняв и запомнив, как атрибуты тега < BODY> используются для создания html-страницы, переходи к следующей главе, в которой мы поговорим о форматировании текста.
СодержаниеДальше
Помощники новичка
Программы,книги и др. вещи,которые помогут новичку.
Хостеры
Компании,предоставляющие хостинг и регистрирующие доменные имена.
Магазины
Если вам нужно купить книги,программы,диски и т.д.,то это наиболее выгодные магазины.
Реклама
Контекстная реклама, которую вы можете разместить на своем сайте и заработать на этом.

Rambler's Top100
Создан в 2008 г. © Все права на материалы сайта принадлежат seoded
Кто скопирует и не поставит ссылку на этот сайт - найду и изувечу!