Как сделать картинку ссылкой, карта изображения в HTML. Теги map, area
Урок «Как сделать картинку ссылкой, карта изображения в HTML. Теги map, area» посвящен вопросу о том, как сделать из картинки одиночную ссылку, а также как разделить одно изображение на несколько участков и сделать их ссылками. Для создания простой ссылки для изображения, необходимо поместить тег картинки img в тег ссылки a. Чтобы ссылка открывалась в новом окне, нужно добавить к тегу a атрибут target со значением blank. Возможно и создание нескольких ссылок с одного изображения, т.е. когда щелчок мышкой по одной области картинки ведет на один сайт, а по другой области - на другой сайт или страницу. Делается это при помощи карты-изображения. Для начала нужно вставить подходящее изображение на страницу сайта при помощи тега img. Техника карты-изображения (image map) представляет собой накладывание на картинку невидимую карту с возможностью выделить на ней определенные области и сделать их разными ссылками. Реализуется это с помощью парного тега map, в котором обязательно указывается идентификатор id. Это нужно для установки связи между изображением и его картой. Внутри тега map создаются отдельные области при помощи тега area Видео урок «Как сделать картинку ссылкой, карта изображения в HTML. Теги map, area» вы можете смотреть онлайн в любое удобное время абсолютно бесплатно. Удачи Вам!
- Автор: Евгений Попов
- Длительность: 14:48
- Рейтинг: 0.0/0