ИЗОБРАЖЕНИЯ
Изображения на web-страницах могут использоваться двумя способами:
•в качестве фона
•в качестве самостоятельного изображения.
Рекомендуется использование трех форматов графики: JPEG, GIF и PNG.
Все изображения для сайта хранятся в отдельной папке, например, images. А пути к изображениям прописываются также, как в ссылках.
ФОНОВЫЕ ИЗОБРАЖЕНИЯ
Фоновое изображение заполняет собой все пространство элемента, для которого оно задано.
Указав в теге <body> атрибут background="fon.gif", рисунком fon.gif будет залито все окно браузера.
"../images/fon.gif" – если в разных папках "fon.gif" – если в одной папке
<html>
<head>
<title>Фоновое изображение</title> </head>
<body background="../images/fon.gif" bgcolor="pink">
Здесь содержание документа </body>
</html>
Задавая фоновый рисунок документа, не забывайте указывать также параметр bgcolor. Это связано с тем, что у пользователя может быть отключена загрузка изображений и вашего красивого фона он не увидит. Тогда браузер и будет использовать параметр bgcolor.
ВСТРАИВАНИЕ ИЗОБРАЖЕНИЙ
Для размещения на странице изображений используется тег <img>, имеющий единственный обязательный параметр src, определяющий URL-адрес изображения.
<html>
<head>
<title>Тег img</title> </head>
<body>
<img src="../images/fish.gif"> Остальное содержимое документа </body>
</html>
Остальное содержимое документа
Для выравнивания используйте "left", "right">
<img src="../images/fish.gif" align="left"> Картинка слева, а текст обтекает ее справа и этот текст может занимать несколько строчек.
<img src="../images/fish.gif" align="right"> Картинка справа, а текст обтекает ее слева и этот текст может занимать несколько строчек.
<img src="../images/fish.gif" align="top"> Верхняя граница изображения выравнивается по самому высокому элементу текущей строки. Изображение как бы встраивается в строчку. Если изображение большое, то и строка раздвигается на эту высоту.
<img src="../images/fish.gif" align="texttop"> Верхняя граница изображения выравнивается по самому высокому текстовому элементу текущей строки (заглавная буква строки).
<img src="../images/fish.gif" align="middle"> <font size=7>Выравнивание</font> середины изображения по базовой линии текущей строки.
границы изображения по базовой линии текущей строки.
Если же мы хотим, чтобы текст располагался под картинкой, то необходимо использовать тег <br> с параметром clear, который запрещает обтекание. Обтекание можно запретить с правой стороны (right), с левой стороны (left) и с обеих сторон (all).
<img src="../images/fish.gif"> <br clear="all"> Остальные элементы документа