Урок 4 | Body: изменение фона, цвета ссылок, текста

Body по-русски означает "тело". Значит, всё мы вставим между этими тегами будет относиться к самой странице. В "теле" документа вы можете написать всё что хотите, разместить графику, таблицы и списки - была бы фантазия!

Чтобы наша страничка не была чёрно-белой и совсем стандартной, нужно отредактировать тег <body>. А именно задать фон страницы, изменить цвет ссылок, текста и фона.

Вот некоторые примеры изменений, которые вы можете сделать:

    <body bgcolor=#код цвета> - цвет фона страницы всегда прописывайте этот тег, даже если у вас стоит фоновая картинка, ведь у посетителя может быть отключён показ графики. Очень распространённая ошибка это белый текст на белом фоне (случается когда тёмная фоновая картинка не загружается а цвет текста белый).

    <body background="адрес картинки"> - фоновая картинка: картинку которая будет заполнять всю вашу страничку это и есть фоновая картинка. Советую всегда использовать картинки в формате .gif или .jpg/.jpeg . Фоны можете посмотреть здесь.

    <body text=#код цвета> - цвет текста страницы

    <body link=#код цвета> - цвет ссылок страницы

    <body alink=#код цвета> - цвет активной ссылки
    alink - active link; этот тег прописывать не обязательно, но можно и вставить - для красоты...

    <body vlink=#код цвета> - цвет посещённой ссылки
    vlink - visited link; очень помогает посетителю разобраться в посещённых разделах и в не посещённых
   Следовательно, тег будет выглядеть вот так:

<body background="адрес картинки" text=#код цвета bgcolor=#код цвета link=#код цвета alink=#код цвета vlink=#код цвета>

Цвета подбирайте сами, только не забывайте ставить кардинал (#) перед кодом.

После знакомства с тегом body, можно использовать все новые знания на практике. Вот такой код вы теперь можете самостоятельно написать:

    <html>
    <head>
    <title>Моя первая страница</title>
    </head>
    <body background="fon/pestr/pestr1.gif" text=#000000 bgcolor=#ffffff link=#680068 alink=#000000 vlink=#680068>
    Привет всем!
    </body>
    </html>
Hosted by uCoz