Интернет программирование стр.7
Первое, что приходит в голову, — это создать для документа хороший фон, ибо стандартный серый фон браузеров немножко безрадостен, и, скорее всего, вам уже надоел. Эта проблема решается очень просто. Следует либо изменить цвет фона командой <body bgcolor=#xxxxxx> (как мы уже говорили выше), либо, если у вас есть симпатичный рисунок, который вы хотите сделать фоновым, использовать тэг <body ВАСккюиш="имя_файла">. В оформлении HTML-документов могут использоваться файлы только трех графических форматов: GIF, JPEG и PNG.
Вставка графического файла в текст HTML-документа осуществляется тэгом <img ЗЕС="имя_файла">. У этого тэга достаточно много параметров, которые позволяют добиться более точного расположения рисунка на странице, задать его ширину и высоту, рамку и многое другое.
Параметр alt="текстовая строка" позволяет указать текстовую строку вместо графического изображения, если в браузере отключена возможность автоматической загрузки графики. Чрезвычайно рекомендован к употреблению.
Параметры height и width задают соответственно высоту и ширину изображения в пикселах. Параметры hspace и vspace задают ширину в пикселах свободного пространства, которое отделяет графическое изображение от текста по горизонтали и вертикали соответственно.
Для выравнивания текста относительно графики (или наоборот), используется параметр align. Значения left, right, top, bottom и middle выравнивают текст относительно рисунка по левой, правой, верхней и нижней границе или по центру изображения соответственно. Значение техттор приведет к выравниванию по верхней границе относительно самых высоких символов в строке, absmiddle заставит строку текста выравниваться относительно середины изображения, absbottom — осуществляет выравнивание нижней границы рисунка относительно нижней границы строки. Также существует возможность создавать так называемую сегментированную графику, или карту изображений, где на один рисунок приходится несколько ссылок, но это мы разберем чуть позже. А пока рассмотрим простейший пример размещения графики в тексте.
Листинг 1.4. Файл 1-4.html
<html> <head>
<Т1ТЪЕ>Моя очередная страница</Т1ТЪЕ> с/неае» <body>
<Р>Мы пишем на <IMG SRC="html_20.GIF" ALT="HTML 2.0" HEIGHT=38 WIDTH=102 ALIGN=LEFT> </P>
</BODY>
</html>
На рис. 1.4 мы видим результат отображения браузером файла l-4.html.
Обратите внимание, что текст "HTML 2.0", написанный жирным шрифтом, на самом деле является рисунком, хранящимся в файле html_20.gif.
Теперь рассмотрим вопрос создания ссылок не в виде текстовых строк, а в виде графических изображений. Для этого между тэгами <а> и </а> необходимо вставить команду <img>. Например, для ссылки на нашу страницу с именем, которое мы придумали чуть раньше, необходимо написать строку
<А HREF="http: //www.myserver. ru/Wcont/content .html" <IMG>SRC="cont.gif> и закрыть ее тэгом </а>.
Рис. 1.4. Окно браузера с результатом просмотра файла, приведенного в листинге 1.4.
*