Как задать картинку фоном страницы.

В этой главе мы научимся делать фон страницы картинкой.

Это делается очень просто, почти так-же как и цвет фона страницы, но атрибутом background:

        <html>
        <head>
        <title>Фон страницы - картинка</title>
        </head>
        <body text="red" bgcolor="#cccccc" background="images/fone.png">
        </body>
        </html>

Атрибут background указывает путь к картинке. В нашем случае картинка в папке images, имя картинки fone , а расширение png.

Зачем использовать атрибут bgcolor, если есть background? По той-же причине что, графика может быть отключена, или не поддерживается данным браузером, не правильно задан путь к картинке, или картинка отсутствует, и при этом вы изменили цвет текста на белый. Что же будет тогда?, просто ваши посетители увидят белый экран и больше ничего!!!

Если все-же задаете фон картинкой и изменяете цвет текста , то цвет фона в атрибуте bgcolor должен быть контрастным для текста.

Мы с вами закончили изучать ссылки, а теперь еще изучили способы использовать картинки в HTML-документах и осталось нам совместить эти два раздела. Предлагаю сделать код баннера(ссылки-картинки), мы знаем основной шаблон текстовой ссылки:
<A href=""> анкор </a>
А в ссылке картинке вместо текста вставляется код картинки:
<A href="" > <img src="images/logotip.png" alt="Супер сайт"> </a>
И не забывайте в картинку вставлять размеры атрибутами width height:
<A href="" > <img src="images/logotip.png" alt="Супер сайт" width="468" height="60" > </a>

ВСЕ!!!
А мы переходим к более интересному- ТАБЛИЦАМ!!!

Смотрите также: