Изображения и HTML.

HTML - редакторы позволяют позиционировать рисунки на страницах по левому полю, по правому полю или по центру страницы. Обычно текст документа будет располагаться выше или ниже изображения. Для более точного позиционирования изображения и текста необходимо использовать дополнительные HTML -теги.

Для помещения рисунка на станицах используются одиночный тег <IMG>( IMG - Image - изображение).Внутри этого тега имеются три параметра: SRC, ALT и ALING.Первый (SRC - Source - источник) определяет имя файла изображения. С его помощью задается имя пути или URL , соответствующий файлу изображения. Например, следующий тег <IMG> указывает броузеру загрузить и отобразить графическое изображение, содержащееся в файле phela.jpg:

<IMG SRC= «phela.jpg»>

Атрибут ALTпозволяет определить альтернативный текст , который отображает броузер, когда он не может вывести (или загрузить) соответствующее изображение, чтобы пользователь знал о существовании данного изображения. Синтаксис для этой процедуры прост:

<IMG SRC= «phela.jpg» ALT = «пчела»>

Параметр ALINGизменяет положение текста относительно рисунка с помощью значений TOP(вверх), MIDLLE(середина), BOTTON(вниз).

Очень часто изображение может быть использовано вместо слов в тексте. Когда вы разрабатывали файл, осуществляющий связь со страницей, содержащей анкету, то использовали следующие конструкции HTML:

<HTML>

.....

<P> Если вы нуждаетесь в работе, заполните, пожалуйста, нашу

<A HREF="anketa.htm">анкету</A>

.....

</HTML>

Слово «анкету» будет подсвечено, обозначая ссылку. Вместо слова «анкету» можно вставить изображение. Допустим мы имеем файл-картинку с изображением анкеты anketa.jpg, которую хотим вставить вместо слова «анкету». Для этого необходимо записать <A HREF="anketa.htm"><IMG SRC= «anketa.jpg»></A>

При создании Web - страниц не следует злоупотреблять иллюстрациями. Один из популярных способов избежать медленной загрузки файлов, показав при этом все картинки, заключается в следующем. Размер файла - иллюстрации прямо связан с величиной картинки, поэтому вместо ссылки на оригинальный файл делается ссылка на его уменьшенную копию, которая загружается довольно быстро. При желании рассмотреть картинку пользователь щелкает по мини-копии и начинает загружать полную версию. Рассмотрим детальнее эту технику.

Допустим, у нас есть файл (karlson_b.jpg) большого размера картинки «Карлсон» и файл той же картинки, уменьшенной в несколько раз (karlson_m.jpg). Нужно поместить оба файла в ту директорию, где находится Web - страница. Как мы договорились, Web - страница будет показывать только маленький файл:

<IMG SRC = «karlson_m.jpg»>

Тем не менее сама картинка должна указывать на большую иллюстрацию. Для этого надо вставить картинку между тегами <A> и </A>:

<A HREF= «karlson_b.jpg»> <IMG SRC = «karlson_m.jpg»> </A>

Последнее, что можно сказать о файлах (JPЕG и GIF) - это их свойство служить фоном для интернетовской страницы. Напомню вам, что тег <BODY> имеет параметр BACKGROUND. Если в качестве значения этого параметр взять имя файла, то фоном будет служить этот файл. При этом вам не надо заботиться о размере файла - картинки. Если размер его мал, то броузер размножит его на все поле страницы.

ПРИМЕРЫ И ЗАДАНИЯ.