Home

Для чайника

Уроки HTML

Уроки JAVA

Создание сайта

Место под страницу

Раскрутка

Посещаемость

Реклама и заработок

Список спонсоров

Плохие спонсоры

Гостевая книга

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

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

<IMG SRC="1.gif">

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

<IMG SRC="1.gif" ALT="изображение">

Встретив такой тег, броузер покажет на экране текст изображение и начнет загружать на его место картинку из файла 1.gif. Атрибут ALT может оказаться необходимым для старых броузеров, которые не поддерживают изображений, а также на случай, если у броузера отключена автоматическая загрузка изображений. Файл, содержаций изображение, может находиться в другом каталоге или даже на другом сервере. В этом случае стоит указать его URL c именем.

Соберем все, что мы знаем об изображениях, в примере 7.

<html>
<head>
<title>Седьмой HTML-документ</title>
</head>
<body>
<H1 ALIGN=CENTER>Изображения в HTML-документах</H1>
<P><IMG SRC="1.gif"></P>
<P>переход по изображению</P>
<P><A href="my.htm"><IMG SRC="1.gif"></A></P>
</body>
</html>

Обратите внимание на строку <A href="my.htm"><IMG SRC="1.gif">. Если ссылка на изображение находится между тегами <A HREF="..."> и </A>, изображение фактически становится кнопкой, при нажатии на которую происходит переход по ссылке. Этим эффектом многие пользуются для вставок на страницы кнопок и других элементов навигации.

Оглавление HTML.
Следующий урок.