ZoneWM

Все для начинающего ВебМастера

НОВОСТИ





Изображения в HTML-документе

Встроить изображение в HTML-документ очень просто. Для этого нужно только иметь это самое изображение в формате GIF (файл с расширением *.gif) или JPEG (файл с расширением *.jpg или *.jpeg) и одну строчку в HTML-тексте.

Допустим, нам нужно включить в документ изображение, записанное в файл picture.gif, находящийся в одном каталоге с HTML-документом. Тогда строчка будет вот такая:

<IMG SRC="picture.gif">

Метка <IMG SRC="[имя файла]"> может также включать атрибут ALT="[текст]", например:

<IMG SRC="picture.gif" ALT="Картинка">

Встретив такую метку, браузер покажет на экране текст Картинка и начнет загружать на его место картинку из файла picture.gif. Атрибут ALT может оказаться необходимым для старых браузеров, которые не поддерживают изображений, а также на случай, если у браузера отключена автоматическая загрузка изображений (при медленном подключении к Интернет это делается для экономии времени).

Файл, содержаций изображение, может находиться в другом каталоге или даже на другом сервере. В этом случае стоит указать его полное имя (см. раздел "Связывание").

Разберем все, что мы знаем об изображениях, с помощью примера 8.

<HTML> 
<HEAD> 
<TITLE>Пример 8</TITLE> 
</HEAD> 
<BODY>
<H1>Изображения </H1> 
<P>Изображение можно встроить очень просто: </P> 
<P><IMG SRC="picture.gif"></P> 
<P>Кроме того, изображение можно сделать "горячим",
 то есть осуществлять переход при нажатии на 
 изображение:</P> 
<P><A HREF="index.html"><IMG SRC="picture.gif">
</A></P> 
</BODY> 
</HTML> 

Обратите внимание на вторую часть примера. Если ссылка на изображение находится между метками <A HREF="..."> и </A>, изображение фактически становится кнопкой, при нажатии на которую происходит переход по ссылке (в примере 8 переход происходит на оглавление Руководства).

КОММЕНТАРИИ