2020-05-21
83
Использование тега <IMG> для вставки графических изображений
Чтобы вставить графический файл на Web-страницу, нужно включить гипертекстовую ссылку на него (так же, как при создании гиперссылки на другую страницу). Причем изображение, на которое вы ссылаетесь, может находиться как на том же сервере, на котором расположена ваша страница, так и в любом другом месте Internet.
Для создания URL изображения используется элемент IMG. Он является для броузера сигналом к тому, что на данное место нужно вставить изображение.< IMG> - это одиночный тег, имеющий следующий синтаксис:
< IMG SRC=URL_изображения>.
SRC обозначает место, где сохраняется изображение. Изображение может находиться на вашем компьютере, на вашем Web-сервере, на любом Web-сервере в Internet. Вместо параметра URL_изображения нужно указать реальный адрес файла изображения.
Вместо URL_изображения может стоять либо полный URL изображения (например: http://www.greatstar.com/lois/picture.gif), либо ссылка на относительный URL графического файла, указывающий на положение файла относительно каталога, в котором находится Web-страница.
Образец HTML-кода процедуры добавления к странице встроенного изображения:
Это фотография моей собаки <IMG SRC="моя_собака.gif">.
Можно указать и полный URL, например:
< IMG SRC="http://www.someserver.com/lois/моя_собака.gif">.
Если изображение находится, например, в подкаталоге графика, то это будет выглядеть так:
< IMG SRC="/графика/моя_собака.gif">.
Выравнивание текста относительно изображений
Web-браузеры ничего не делают для того, чтобы равномерно распределить на странице текст и графику. Поэтому существуют средства контроля за положением изображений относительно текста (рис.17)
Стандартные значения атрибута ALIGN:
· TOP - нижний край текста выравнивается по верхнему краю изображения
· MIDDLE - нижний край текста выравнивается по центру изображения
· BOTTOM - нижний край текста выравнивается по нижнему краю изображения
Для атрибута ALIGN используется следующий синтаксис:
< IMG ALIGN=значение SRC=URL_изображения>.
По умолчанию в теге <IMG> атрибуту ALIGN присваивается значение BOTTOM.
Создание плавающих изображений
С помощью значений LEFT и RIGHT атрибута ALIGN можно определить, вдоль какого поля должно "плавать" изображение. Например:
< IMG SRC="моя_собака.gif" ALIGN=LEFT>.
Поля вокруг изображений
Для определения расстояния между текстом и плавающими изображениями, а также между краем окна и изображениями используются атрибуты VSPACE и HSPACE. Атрибут VSPACE служит для определения пустого пространства над и под плавающим изображением, а атрибут HSPACE - для определения пустого пространства справа и слева от плавающего изображения. Величины VSPACE и HSPACE измеряются в пикселях в теге <IMG>.
Рис. 17
