Добро пожаловать на сайт все о Web-разработке

На сайте все о Web-разработке вы найдёте очень много интересной и полезной информации

HTML

Гиперссылки

Формы

Таблицы

Списки

Html изображения

HTML-изображения

HTML-изображения добавляются на веб-страницы с помощью элемента < img >. Использование графики делает веб-страницы визуально привлекательнее. Изображения помогают лучше передать суть и содержание веб-документа.

Элементы < map > и < area > позволяют создавать карты-изображения с активными областями.

Элемент img

Элемент < img > представляет изображение и его резервный контент, который добавляется с помощью атрибута alt. Так как элемент < img > является строчным, то рекомендуется располагать его внутри блочного элемента, например, < p > или < div >.

Адрес изображения

Адрес изображения может быть указан полностью (абсолютный URL), например: url(http://anysite.ru/images/anyphoto.png)

Или же через относительный путь от документа или корневого каталога сайта:

Это интерпретируется следующим образом:

Размеры изображения

Без задания размеров изображения рисунок отображается на странице в реальном размере. Отредактировать размеры изображения можно с помощью атрибутов width и height. Если будет задан только один из атрибутов, то второй будет вычисляться автоматически для сохранения пропорций рисунка.

Форматы графических файлов

Элемент map

Элемент < map > служит для представления графического изображения в виде карты с активными областями. Активные области определяются по изменению вида курсора мыши при наведении. Щелкая мышью на активных областях, пользователь может переходить к связанным документам.

Для элемента доступен атрибут name, который задает имя карты. Значение атрибут name для элемента < map > должно соответствовать имени в атрибуте usemap элемента < img >:

Элемент < map > содержит ряд элементов < area >, определяющих интерактивные области в изображении карты.

Элемент area

Элемент < area > описывает только одну активную область в составе карты изображений на стороне клиента. Если одна активная область перекрывает другую, то будет реализована первая ссылка из списка областей.