HostWeb-сайт посвященный графике, web-дизайну и web - программированию. PHP, HTML, Photoshop, Flash

Форум | Гостевая | Написать письмо | Добавить в избранное | Сделать стартовой    

Цвет и фон

º Главное меню

· Главная
· HTML
· PHP
· MySQL

· Статьи
· Photoshop
· Трюки в Photoshop
· ImageReady
· Flash
· Трюки во Flash
· ActionScript
· Исходники
· Corel Draw
· Udeground
· Swish
· Photopaint
· Illustrator
· 3D Studio Max
· Gif Animator
· Freehand
· Галерея
· Шрифты
· Софт
· Интернет журнал

· Форум
· Гостевая
· Написать письмо
· Добавить в избранное
· Сделать стартовой

Реклама

Статистика


Rambler's Top100

HostWeb ==> Уроки HTML ==> Цвет и фон

Урок№3. Цвет и фон


На этом уроки мы познакомимся подробнее с тегом <BODY></BODY> и его атрибутами.

 Фон и цвет странички играют огромную роль для её посетителя. Выбирая фон, вы должны учитывать и тот факт, что от него зависит восприятие всего сайта. А от него - останется ли зашедший человек на сайт или сразу закроет его. Текст на страничке должен быть хорошо читаемым для пользователя. Фон и цвет одна из немногих составляющих хорошего и популярного сайта

Для того чтобы выбрать цвет фона необходимо в тег <BODY> добавить атрибут <BODY  BGCOLOR=" * ">, где * - название цвета или его шестнадцатеричный вид. Например:

<BODY BGCOLOR="BLUE"> - цвет фона будет голубой.

<BODY BGCOLOR="#008000"> -цвет фона будет зеленым.

Фоном можно сделать и картинку. Можно использовать, как большой графический файл ( учтите страница будет грузиться очень долго ), так и маленький. Он будет автоматически размножен обозревателем по всей странице.

Для этого используется <BODY BACKGROUND="images.gif">, где images.gif - адрес и имя файла картинки. В данном случае файл должен находиться в одной папке с самой страницей. А если допустим он находится еще в папке images, то путь будет следующим "images/images.gif". Если файл находится на каком то сайте то путь будет следующим: 

<BODY BACKGROUND="HTTP://WWW.ИМЯ САЙТА.RU/IMAGES/IMAGES.GIF">

Вот например был у нас такой фрагмент:

Тогда фон будет выглядеть следующим образом:

При всем желании сделать фоном рисунки, я все таки посоветовал использовать фон с цветом. ( Посмотрите на популярные сайты. Практически не на одном нет рисунка в качестве фона )

Следующими атрибутами

  • leftmargin - отступ слева
  • rightmargin - отступ справа
  • topmargin - отступ сверху
  • bottom margin - отступ снизу

 

Могут быть указаны параметры отступов в документе.

Общий вид <BODY атрибут=" * ">, где * - числовое значение отступа. Например:

<BODY leftmargin="0", topmargin="0", marginwidth="0" marginheight="0">

Следующим атрибутом <BODY TEXT=" * ">, где * - название цвета или его шестнадцатеричный вид. Мы можем задать каким цветом по умолчанию будет отображаться текст. Например:

<BODY TEXT="blue"> - текст на странице будет отображаться голубым цветом. 

Анологично действуют и следующие атрибуты:

<BODY LINK="#800000"> - цвет ссылок.

<BODY VLINK="#000080"> - активная ссылка.

<BODY ALINK="#0000FF"> - посещенная ссылка.

Эти атрибуты  схожи с атрибутом <BODY TEXT=" * ">

Все эти атрибуты можно использовать одновременно:

<body bgcolor="#FFFFFF" text="#008000" link="#800000" vlink="#000080" alink="#0000FF">

На этом наш очередной урок закончен.

Назад   |   Содержание   |   Далее


Copyright © HostWeb


Сайт управляется системой uCoz