Для вставки изображений в HTML документ используется следующая конструкция (представлена полная):
<IMG SRC=" Рисунок " BORDER=" 0 " ALIGN=" Выравнивание " WIDTH=" Ширина " HEIGHT=" Высота " HSPACE=" Отступ_1 " VSPACE=" Отступ_2 " ALT=" Подсказка " NAME=" Имя " LOWSRC=" Рисунок_2 ">
В таблице находится описание каждого параметра данной конструкции:
SRC | Имя графического файла с расширением (поддерживаются *.jpg, *.gif, *.png). Если файл находится в другом каталоге, укажите к нему путь. Вы можете перейти на закладку, в которой идет речь о путях. |
ALIGN | Выравнивание изображения в документе: left - по левому краю. right - по правому краю. top или texttop - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки. middle - выравнивает базовую линию текущей текстовой строки с центром изображения. absmiddle - выравнивает центр текущей текстовой строки с центром изображения. bottom или baseline - выравнивают нижнюю кромку изображения с базовой линией текущей текстовой строки. absbottom - выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки. |
BORDER | Рамка вокруг рисунка. Значение по умолчанию - 0 (без рамки). |
WIDTH | Ширина изображения в пикселях. |
HEIGHT | Высота изображения в пикселях. |
HSPACE | Горизонтальный отступ графического изображения в пикселях. Не обязательный параметр. |
VSPACE | Вертикальный отступ в пикселях. Не обязательный параметр. |
ALT | Это сообщение, которое выводится вместо картинки, если она не показывается (не найдена или пользователь настроил свой Обозреватель так, что тот не показывает картинки). Кроме того, вы увидите этот текст в виде подсказки, когда курсор мыши находится на рисунке. |
NAME | Определяет имя изображения. Для обычного изображения, не связанного ни с чем, этот параметр совсем не обязательный. |
LOWSRC | Имя графического файла с расширением с альтернативным изображением более низкого качества (и, соответственно, меньшего объема), чем изображение, указанное в параметре SRC. Обозреватели, поддерживающие данный параметр, сначала загрузят картинку из LOWSRC, а затем заменят ее картинкой из SRC. Не обязательный параметр. |
Пример обычной вставки изображения в электронный документ Вы можете наблюдать ниже. Вместо названия файла я вставил изображения папки. Подведите курсор к рисунку, чтобы увидеть подсказку.
<IMG SRC=" | " BORDER="0" ALT="Папка" WIDTH="17" HEIGHT="16"> | |
Всегда задавайте размеры картинки в параметрах height и width, резервируя тем самым место в окне Обозревателя еще до загрузки изображения. Параметр alt можно не указывать, но вдруг у человека не загрузилась картинка, он хоть будет знать, что она собой представляет.
У меня получилось вот так:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title> Брянский техникум индустрии сервиса преподаватель </title>
</head>
<BODY BACKGROUND="фон1.jpg">
<font face=" Arial,Calibri " size="1" color="#e04f11">
<b>Катунин Илья Владимирови</b><p>
Катунин Илья Владимирович. Преподаватель информатики и информационно – коммуникационных технологий в профессиональной деятельности Брянского техникума индустрии сервиса. Педагогический стаж 32 года. Преподавал в основном математику. В БТИС работаю с 2009 года.
<p>
<center>
<img border=0 src=" фото1.jpg " Height="960" alt="Катунин И.В.">
</left>
<IMG SRC="фото_2.jpg" BORDER="0" ALT="Катунин И.В." HEIGHT="720">
</right>
<img border=0 src=" Фото_3.jpg" Height="212" alt="Катунин И.В.">
</left>
</font>
</body>
</html>