Такую подсказку можно использовать для многих целей. Но в ней может быть только текст. Т.е. картинку, например, в этот прямоугольничек вы впихнуть не сможете:)
Теперь к делу. Чтобы создать такую подсказку, нам надо прописать к какому-либо тегу атрибут title
Например к тегу жирности текста <b>:
Было: <b>Привет!</b>
Стало: <b title="Тут пишем текст подсказки. Как видите - в кавычках">Привет!</b>
Думаю, пример понятен:)
Подсказку можно прописать не только к тексту, но и к картинке, таблице, диву и пр. Практически к любому html тегу:)
Пример:
<img src="http://img1.liveinternet.ru/images/attach/c/2/74/542/74542843_1.jpg" title="Тег img. Т.е. тег вставки картинки.">
В качестве совета:
Подсказка это хорошо только в том случае, если понятно, что она вообще есть. Поэтому их обычно пишут к ссылкам и картинкам, т.к. пользователь наводит на них мышку в большинстве случаев.
Если же вы хотите, например, прописать подсказки к тексту, следует обратить внимание пользователя на их наличие. Предупредить как-нить:)