Изображения на веб-страницах


На вeb-страницы можно помещать изображения, хранящиеся в графических файлах трех форматов- GIF, JPG и PNG.

Вставка изображений

Для вставки изображения используется тэг <img> с атрибутом src, который указывает на место хранения, т.е. адрес, файла на локальном компьютере или в Интернете. Если графический файл находится на локальном компьютере в той же папке, что и файл Web-страницы, то в качестве значения атрибута src достаточно указать имя файла.


Пример:
<img src="bubble1.gif">

На экране наблюдается такое отображение:

Если файл находится в другой папке на данном локальном компьютере, то значением атрибута srcдолжго быть полное имя файла, включая путь к нему в иерархической файловой системе, например: <img src="C:\computer\bubble1.gif">.

Если файл находится на удаленном сервере в Интернете, то должен быть указан полный Интернет-адрес этого файла, например: <img src="http://www.server.ru/bubble1.gif">

Положение рисунка относительно текста

Расположить рисунок относительно текста различными способамиом позволяет атрибут align, который может принимать пять различных значений top (верх), middle (середина), bottom (низ), left (слева) и right (справа).


Примеры:
1. <img src="bear1.gif" align="top">

2. <img src="bear1.gif" align="middle">
3. <img src="bear1.gif" align="bottom">
4. <img src="bear1.gif" align="left">




5. <img src="bear1.gif" align="right">





Атрибут width определяет ширину изображения в пикселах. Без указания этого атрибута ширина берется из заголовка графическогго файла, содержащего изображение.

Атрибут height определяет высоту изображения в пикселах. Без указания этого атрибута высота берется из заголовка графическогго файла, содержащего изображение.

Атрибут border задает толщину черной рамки в пикселах вокруг изображения.


Пример:
<img src="bear1.gif" width="20" height="50" border="3">

На экране появляется такое изображение: