|
Урок 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>, изображение фактически становится
кнопкой, при нажатии на которую происходит переход по ссылке. Этим эффектом
многие пользуются для вставок на страницы кнопок и других элементов навигации.
Урок 4
Содержание
Урок 6
 ЕСТЬ ВОПРОСЫ? ЗАХОДИТЕ НА HTML-ФОРУМ!
Это лучшее место для общения на веб-дизайнерские темы. Здесь вы можете задать интересный вопрос, получить на него не менее интересный ответ и поделиться опытом с коллегами. Что особенно приятно, у форума есть модератор - это исключает пустой треп и вездесущую рекламу в сообщениях. Общайтесь с пользой!
|
|