Уроки HTML

Использование графики

В большинстве случаев на веб - страницах используют графику таких форматов:

jpg(jpeg) – используется для фотографий или сложных рисунков содержащих большое количество цветов
gif – очень хорошо подходит для хранения графики с малым количеством цветов, поддерживает анимацию и прозрачность
png – используется как альтернатива формату gif

Для встраивания графики в страницу используется тег <img>, синтаксис которого следующий:

Описание атрибутов:

src - значение этого атрибута URI(Uniform Resource Identifier) определяет адрес графического файла
alt - используется хранения поясняющего текста, который выводится в качестве сплывающей подсказки при наведении курсора на рисунок. Также этот текст отображается вместо рисунка, если отключено отображение графики в настройках браузера
height - задает высоту рисунка в пикселях (можно использовать проценты)
width - задает ширину рисунка

С помощью атрибутов height и width можно растянуть или сжать рисунок, указавши значения которые отличаются от размеров рисунка.

Атрибуты src и alt являются обязательными атрибутами тега img, а атрибуты height и width рекомендуемыми.

У тега <img> есть и другие необязательные атрибуты:

align - задает расположение рисунка относительно текущей строки. Может принимать следующие значения:
- top или texttop - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки
- middle - выравнивает базовую линию текущей текстовой строки с центром изображения
- absmiddle - выравнивает центр текущей текстовой строки с центром изображения
- bottom или baseline - выравнивают нижнюю кромку изображения с базовой линией текущей текстовой строки
- absbottom - выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки
- left - по левому краю
- right - по правому краю
Значение по умолчанию – bottom.
hspace - горизонтальный отступ графического изображения в пикселях
vspace - аналогично hspace но по вертикали
border - задает толщину рамки вокруг рисунка в пикселях
name - присваивает изображению имя
ismap - используется при организации графической карты ссылок
usemap - используется для задания графической карты ссылок, которая ассоциируется с данным рисунком