Как добавить всплывающую подсказку к изображению или ссылке?

0 / 5

Автор: Администратор

27.06.2015

Теги: img, tag a, tooltip, title

В этой статье мы расскажем и объясним как добавить и как работают всплывающие подсказки.

Должно быть вы уже замечали, что при наведении на изображения или ссылки и после небольшого удержания на них появляется надпись-подсказка. Именно о том, как такую сделать и пойдет речь.

За добавление всплывающей подсказки, её ещё называют тултипом (tooltip), отвечает атрибут title у тэгов <img> и <a>. Именно содержание этого атрибута и будет появляться в всплывающей подсказке.

Пример:

<img src="http://www.web.cofp.ru/images/smile.png" title="Всплывающая подсказка для смайлика" /><br>
<a href="#" title="Всплывающая подсказка для ссылки" >Ссылка с всплывающей подсказкой</a>

Вот как это будет выглядеть и работать на странице:

Всплывающая подсказка для смайлика
Ссылка с всплывающей подсказкой

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

Авторизоваться с помощью:

Поиск по сайту

Топ 10 активных пользователей

Имя пользователя Баллы
gawk
44.20
ZOMRO
30.60
hr@proovelab
15.00
intuit89
8.40
Varvarka
4.00
Akyla58
3.00
AnnaOl
3.00
dimasik_3557
3.00
ErcardSa
3.00
Galinamuh
3.00

Рекламные ссылки

Пожертвования

icon donate

Yandex.Money: 410011571748395

Webmoney:

R362907776401 (Рубли)

Z410919458006 (Доллары)

Похожие материалы

Основы HTML. Урок №3. Некоторые теги тел... Просмотров 3304

Это третья статья, в цикле изучения основ HTML и в ней я расскажу вам о некоторых тегах, который используются в теле документа.

Теги:

html, tags, img, tag, div

Комментариев: 0 Подробнее

Спрайты для CSS Просмотров 2276

Довольно знакомая ситуация, когда на сайте используется сотня различных иконок, при этом каждая меняется при наведении на более светлую и мало ли что еще. И не удивительно, что с таким обилием картинок, подгружаемых на сайт, он немного может тормозить или картинки при наведении подгружаются долго.

Теги:

css, img, image, sprite, спрайт

Комментариев: 0 Подробнее

Как добавить картинку на веб-страницу? Просмотров 1653

В этой статье мы наглядно покажем и научим вас добавлять изображение на HTML страницу.

Теги:

html, img, src, alt

Комментариев: 0 Подробнее

Как сделать обтекание картинки текстом? Просмотров 2557

В этой статье мы расскажем, как сделать обтекание картинки текстом при помощи HTML и CSS.

Теги:

css, html, img, float