Элементы и атрибуты тега BODY

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

 Как я уже говорил раньше, все содержимое, текст, картинки, мультимедийные файлы, в общем, все, что будет видеть посетитель твоего сайта, заключается внутри тега BODY. Здесь мы рассмотрим только основные атрибуты, этого элемента, чаще всего встречающиеся при создании сайта, а точнее html-страницы:


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

< BODY bgcolor=»blue»>< /BODY>

 или так:

< BODY bgcolor=»#0000FF»>< /BODY>

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

          2. background— этот атрибут дает возможность вместо фона html-страницы  задавать определенную картинку. Например:

< BODY background=»http://www.site.ru/images/logo.jpg»>< /BODY>

       Где logo.jpg — это картинка, а site.ru — имя твоего сайта.

          3. text— это цвет текста. Сделаем, например, текст красного цвета:

< BODY text=»#FF0000″>< /BODY>

          4. link — атрибут, отвечающий за цвет не посещенной гиперссылки.

          5. vlink — отвечает за цвет уже посещенной, просмотренной гиперссылки.

          6. alink — это цвет выбранной (на нее навели мышкой) гиперссылки.

       Например, нам нужно, что бы не посещенная ссылка была зеленого цвета, а посещенная желтого. Вот, что у нас получится:

< BODY link=»#008000″ vlink=»#FFFF00″>< /BODY>

        Думаю здесь все понятно. Если нет, то пройдись еще раз, и давай закрепим этот материал небольшим уроком. Возьмем, к примеру, html-страницу с синим фоном, не посещенной ссылкой зеленого цвета, посещенной ссылкой желтого и красным текстом. Между тегами BODY напишем текст, например: » Мой самый любимый сайт. Перейти на сайт<a href=»http://seochaynik.ru/«>Сеочайник.ру</a>».

<HTML>
<HEAD>
</HEAD>
<BODY bgcolor=»#0000FF» text=»#FF0000″ link=»#008000″ vlink=»#FFFF00″>
 Мой самый любимый сайт. Перейти на сайт  <a href=»http://seochaynik.ru/»>Сеочайник.ру</a>
</BODY>
</HTML>
 
       Вот, что у нас получилось:
 
Атрибуты тега body
      
 Возьми сейчас визуальный или текстовый редактор и попробуй написать этот код. Можешь поэкспериментировать с цветами и с текстом. Ты увидишь, у тебя все получится. Только не забудь код, в редакторе, сохранить в расширении html. Поупражняйся и будем переходить к следующей главе, в которой разберем некоторые моменты в форматировании текста.
 

                     Вернутся к содержанию                К предыдущей главе                Продолжить изучение

 

Понравилась страничка? Поделись в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники
Опубликовать в Яндекс
регистрация доменов

Интерестное

ad