Облачный сервис для Joomla сайтов
Навигация: Главная Обзоры Как сделать в HTML картинку-ссылку?


Как сделать в HTML картинку-ссылку?

Как сделать в HTML картинку-ссылку?

Как уже заметили многие пользователи, web-страницы с картинками красочнее и разнообразнее, чем «голый» текст. Поэтому HTML позволяет вставлять изображения, чтобы сделать сайт интересным для посетителей.

Кроме этого, картинки и текст нужно размещать так, чтобы было удобно их читать и просматривать. Например, параметры hspase и vspase позволяют сделать изображение отдельно от текста. Параметр hspase делает горизонтальный отступ, а vspase – вертикальный отступ и задаются они в пикселах. Удачным примером использования таких параметров является интернет-магазин MyOriginal, предлагающий оригинальную косметику по доступным ценам.

В браузерах можно отключать загрузку изображений, тогда вместо них можно увидеть красный крестик это в Internet Explorer или другие элементы, если это другой браузер. Для таких элементов можно назначать подсказки о том, что изображено на картинке. В HTML это записывается с помощью параметра alt. Если загрузка изображений отключена, то вместо картинки будет отображаться текст. Обычно это происходит при наведении курсора на такой элемент.

Изображение можно использовать в качестве ссылки. Для этого необходимо в тег <a> поместить соответствующую картинку. При нажатии на такую картинку браузер будет переходить по заданному адресу (ссылке) в этом же или отдельном окне. Как только это будет сделано вокруг картинки появится рамочка, но она будет видна не во всех браузерах. Если данная рамочка будет портить эстетический вид, то ее можно убрать с помощью тега <img> и атрибута border=”0”. В значение должна быть указана толщина рамки. Таким же способом, но наоборот, можно сделать такую рамку.

К тому же следует всегда устанавливать параметр border=”0”, чтобы ссылка-картинка была без рамочек. Это следует делать, так как пользователей миллионы и все они пользуются разными браузерами.

 
Баннер
Баннер

Следуй за нами

   

Авторизация



Статистика сайта

  • VPSnet
    VPSnet
    Послать ЛС
Сейчас на сайте:
  • 1 Joomla мастер
  • 1 гость
  • 1 робот
Всего пользователей: 12175

Наша гордость

  • cvetercom
    186 (+19/-5)
  • Nikolia
    130 (+10/-1)
  • root
    120 (+18/-1)
  • apricot
    113 (+20/-4)
  • Fidelity
    101 (+10/-1)
  • Xemreht
    63 (+3/-0)
  • bod
    47 (+5/-1)
  • zloy_pozitiv
    43 (+4/-0)
  • Magnum79
    26 (+2/-1)
  • trixxxden
    26 (+0/-0)
  • RaGaYa
    23 (+0/-0)
  • kola60
    23 (+0/-2)
  • Nette
    18 (+2/-0)
  • StAtiC
    17 (+2/-0)
Баннер

Изучаем CMS Joomla!

-ingateДля всех, кто хочет улучшить видимость сайта в поисковых системах, повысить количество целевых посетителей и увеличить доход от ресурса, эксперты компании...
l11-r-ingateКаждый специалист по маркетингу знает, что большая посещаемость важна для коммерческого сайта, но еще важнее, чтобы пришедшие пользователи...
4-Посещаемость сайта все выше, денег покупатели тратят все больше, бизнес растет как на дрожжах. Согласитесь, это мечта любого владельца сайта и...
lseo-r-Мощный, заряженный мотивацией текст «продаст» товар даже тому, кто не заинтересован в покупке. Однако, если этот текст «некачественный» с точки зрения...
-l-seor-Скоро лето ─ сезон отпусков, пикников и отдыха. Возьмите с собой в дорогу или на дачу книгу «Как попасть в ТОП: практика эффективного SEO». В новом...