Приветствую Вас Гость | Регистрация | Вход

Как сделать картинку ссылкой, карта изображения в HTML. Теги map, area

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




Если у Вас есть качественные видео уроки, которых нет на нашем сайте, то Вы можете добавить их в нашу коллекцию. Для этого Вам необходимо загрузить их на видеохостинг (например, YouTube) и добавить код видео в форму добавления уроков. Возможность добавлять свои материалы доступна только для зарегистрированных пользователей.