HTML код картинки с ссылкой

Очень часто в разработки сайта, независимо от CMS, будь это обычный HTML шаблон или на WordPress, часто сталкиваемся, что нужно указать HTML код картинки с ссылкой, для это требуется вмешательства в код сайта. Ниже приведена небольшая шпаргалка для вебмастеров.

Пример с ссылками из внутреннего каталога

<a href=«link.html«><img src=«img/kartinka,png« width=«50» height=«50» alt=«Описание»></a>

  • link.html — тут Вы указывайте ссылку на картинку из каталога сервера, если ссылка находится не на сервере Вашем, то указывайте в таком формате http://mywebsite.su/link.html
  • img/kartinka.png здесь Вы указывайте картинку, которая находится в каталоге Вашего сервера. Если ссылка находится за пределами сервера, то аналогично делайте с предыдущей ссылкой, добавляете http://mywebsite.su/img/kartinka.png
  • width=«50» — ширина картинки
  • height=«50» — высота
  • alt=«Описание» — Краткое описание

Пример с ссылками из другого каталога сервера

<a href=«http://mywebsite.su/link.html»><img src=«http://mywebsite.su/img/kartinka.png« width=«50» height=«50»alt=«Описание»></a>

Данная информация написана вкратце, для быстрой установки ссылки по данному примеру на Ваш сайт, для подробного изучения HTML, воспользуйтесь соответствующей литературой.

About the author

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *