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

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

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

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

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

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

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

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


загрузка...

 
Баннер

Уважаемые пользователи! Если у Вас возникли вопросы по данному материалу - оставьте свой комментарий и мы постараемся Вам помочь. Оставайтесь с нами!

Добавить комментарий

Защитный код
Обновить

Баннер

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

   

Авторизация



Поддержать этот ресурс Вы можете

через платежную систему Webmoney

  Z299422543783

  R230383531538

  U630721442765
или

Яндекс Кошелек 410011414281063

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

Сейчас на сайте:
  • 2 гостей
  • 1 робот
Всего пользователей: 11794

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

  • 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)
Баннер

Изучаем CMS Joomla!

-ingateДля всех, кто хочет улучшить видимость сайта в поисковых системах, повысить количество целевых посетителей и увеличить доход от ресурса, эксперты компании...
l11-r-ingateКаждый специалист по маркетингу знает, что большая посещаемость важна для коммерческого сайта, но еще важнее, чтобы пришедшие пользователи...
4-Посещаемость сайта все выше, денег покупатели тратят все больше, бизнес растет как на дрожжах. Согласитесь, это мечта любого владельца сайта и...
lseo-r-Мощный, заряженный мотивацией текст «продаст» товар даже тому, кто не заинтересован в покупке. Однако, если этот текст «некачественный» с точки зрения...
-l-seor-Скоро лето ─ сезон отпусков, пикников и отдыха. Возьмите с собой в дорогу или на дачу книгу «Как попасть в ТОП: практика эффективного SEO». В новом...
-seo-Как увеличить продажи с сайта и продвинуть его в ТОП поисковых систем при помощи качественного контента − узнайте об этом из книги «Наглядное пособие по...
10-joomla-3Полный перевод новой книги Хагена Графа «Joomla! 3 — In 10 Easy Steps» (10 легких шагов к освоению Joomla! 3). Данная книга рассказывает о том, как...