Как вставить в картинку ссылку?

3 ноября 2014 г. Просмотров: 783
Не обязательно быть веб-мастером, чтобы задаться вопросом о вставке ссылки в картинку. Пользователи форумов или блогов на своих страницах, а также в комментариях могут вставлять картинки-кнопки, нажав на которые открываются ссылки «вшитые» в картинку. Чтобы вставить в картинку ссылку достаточно знать специальный HTML код, подкорректировав который вы получите картинку-кнопку.

Инструкция

  • Выберите картинку, уменьшив ее до необходимого размера. Теперь ваша картинка должна получить веб-адрес. Для этого картинку нужно загрузить на один из фотохостингов, таких как www.gallery.ru, www.imagebam.com, www.fastpic.ru, www.foto.radikal.ru, www.imgur.com и т.п. Некоторые из фотохостингов требуют регистрации для размещения фотографий и картинок, а другие позволяют размещать картинки «в один клик». Выбрав понравившийся вам, загрузите свою картинку. После загрузки вашей картинке будет присвоен веб-адрес (ссылка). Скопируйте ее, она вам понадобится.

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

  • Все, что вам нужно сделать – это вместо «Адрес страницы» вставить ссылку на вашу страничку, а вместо «Адрес картинки» вставить полученную на фотохостинге ссылку на вашу картинку. Не изменяйте в коде ничего кроме указанных слов. Кавычки должны остаться на месте. В итоге у вас должен получиться примерно такой код (см. изображение):
  • Оцените статью!