Новый материал.

Лекция 4.

Тема. Размещение графических объектов на HTML-страницах.

В языке HTML за вставку графический объектов (рисунков и фотографий) отвечает непарный тег <IMG src=“...”>. Значение параметра src зависит от того, где находится графический файл, который будет размещен на странице:

§ если этот файл находится в той же папке, что и HTML файл вашей страницы, то достаточно просто указать имя файла;

§ если такой файл расположен в другой папке, на другом компьютере или на какой-то Web-страницы в Интернете, тогда нужно указать полный путь к файлу.

Например, пусть мы вставляем файл «фото_Кошачий.jpg», находящийся в то же папке, что и HTML-страница. Тег вставки будет следующим:

<IMG src= “ фото_Кошачий.jpg”>.

Допустим, что этот файл находится не на вашем ПК (№2), а на другом компьютере (№4) в папке «Материалы для создания Web-страницы» из папки «Мои документы». Тогда тег будет выглядеть таким образом:

<IMG src= “\\4\Мои документы\Материалы для создания Web-страницы\ фото_Кошачий.jpg”>.

Графический объект можно выровнять по центру, для этого тег <IMG src=“...”> заключается между открывающим тегом <CENTER> и закрывающим тегом </CENTER>, а по левому краю страницы½по правому краю страницы с помощью параметра align.

Иногда вставляемая картинка слишком маленькая или чересчур большая. Для того чтобы размеры графического объекта были оптимальными, задаются такие параметры тега <IMG src=“...”>, как widht (длина или ширина) и height (высота). Значения этих параметров могут исчисляться либо в точках, либо в процентах (процентное соотношение от первоначальных размеров).

Вернемся к Таблице 1.

Теги, отвечающие за размещение графических объектов
<IMG src= “Путь/Имя файла”>	Этот тег указывает на то, что браузер должен отобразить графический объект, имя которого указано в параметре src.
<IMG align=left½right src= “Путь/Имя файла”>	Выравнивание графического объекта по левому краю страницы½по правому краю страницы. Если этот параметр не указан, то выравнивание автоматически производится по левому краю.
<IMG width=m height=h border=k src= “Путь/Имя файла”>	Параметр width задает ширину (длину) графического объекта, параметр height определяет высоту. Значения m и h могут задаваться в точках или процентах. Если эти параметры не указаны, то размеры графического объекта будут исходными. Параметр border заключает картинку в рамку, k – толщина рамки в точках.

Например, тег <IMG align=right width=300 height=270 src=“фото_Кошачий.jpg”> размещает на странице графический объект «фото_Кошачий.jpg», выравнивая его по правому краю, ширина картинки будет 300 точек, высота – 270 (300х270).