5 Изображения в 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 может оказаться необходимым для старых браузеров, которые не поддерживают изображений, а также на случай, если у браузера отключена автоматическая загрузка изображений (при медленном подключении к Интернет это делается для экономии времени).
Файл, содержащий изображение, может находиться в другом каталоге или даже на другом сервере. В этом случае стоит указать полный путь к файлу изображения.
<HTML>
<HEAD><TITLE>Пример</TITLE>
</HEAD>
<BODY>
<H1>Изображения </H1>
<P>Изображение можно встроить очень просто: </P>
<P><IMG SRC="picture.gif"></P>
<P>
Кроме того, изображение можно сделать элементом
управления, то есть осуществлять переход при нажатии
на изображение:
</P>
<P><A HREF="pr.htm"><IMG SRC="picture.gif"></A></P>
</BODY>
</HTML>
Обратите внимание на вторую часть примера. Если ссылка на изображение находится между метками <A HREF="..."> и </A>, изображение фактически становится кнопкой (гиперссылкой), при нажатии на которую происходит переход по ссылке (в примере переход происходит к файлу pr.htm если он существует и расположен в той же папке, что и исходный документ).
6 Задание
С помощью текстового редактора Notepad набрать тексты HTML-страниц из приведенных примеров. Сохранить их в виде HTML-документа в папке «Мои документы» вашего компьютера (в рабочей папке на сервере).
С помощью программы Microsoft Internet Explorer просмотреть полученные документы.
Отредактировать документы, введя в заголовки (раздел TITLE) и тексты в теле документов (раздел BODY) свои данные. Организовать гипертекстовые ссылки из одного документа на другой. Сохранить документы, проверить работу с помощью программы-обозревателя.
Скопировать в папку, содержащую разработанные документы, файлы графических изображений. Встроить изображения в документы, проверить отображение страниц с помощью программы-обозревателя.