Вставка изображений

Для вставки изображений используется тег <img>. Обязательным для этого тега является атрибут src (от английского SouRCe – источник). Он определяет путь до графического файла, изображение которого должно быть выведено на WEB-странице.

Для вставки изображения используется команда <img src=”Имя файла”>.

Например: <img src=”image1.jpg” alt=”Картинка”>

Файлы с описаниями Web-страниц могут храниться в корневом каталоге, а графические файлы, используемые при оформлении Web-страниц, – в специально выделенной для этого папке, например, с именем images. В этом случае атрибут SRC будет содержать такую запись для указания пути к графическому файлу: SRC="images/pr2_4.gif".

Атрибут alt необходим для того, чтобы при просмотре web–страницы в режиме отключенных изображений, вместо отсутствующей картинки была надпись, которая прописана в атрибуте alt. Также alt -тексты рекомендуется использовать всегда, т.к. поисковые машины анализируют их как ключевые слова при поиске изображений.

Графические файлы могут быть в формате jpg, gif, png.

Задание 4

1. Создайте новый HTML-документ.

2. Введите текст из листинга 4 (для фона можете использовать любой цвет из папки colors.

3. В папке Lab_1 Сохраните документ под именем tiger.html

4. Запустите файл tiger.html Ваш документ должен выглядеть примерно так, как показано на рис. 6, а.

5. Отключите режим просмотра изображений Сервис-Свойства обозревателя-Дополнительно-Отображать рисунки (снять флажок).

6. Нажмите кнопку Обновить . Результат на рис. 6,б