всплывающая подсказка в html

Например так:

< ! DOCTYPE html>

< html >
< head >
< meta http-equiv = "content - type" content = "text / html; charset = utf-8 " >
< title > CSS Rollovers for tooltips< / title >
< style type = " text / css ">
body {font: normal 14px/20px verdana;}
a:hover {background-color: #333;color:#fff;}
p.link a:hover {background-color: #2B2E21;;color:#fff;}
p.link a:link span{display: none;}
p.link a:visited span{display: none;}
p.link a:hover span {
position: absolute;
margin:15px 0px 0px 20px;
background-color: beige;
max-width:220;
padding: 2px 10px 2px 10px;
border: 1px solid #C0C0C0;
font: normal 10px/12px verdana;
color: #000;
text-align:left;
display: block;}
< / style >
< / head >

< body >
< p class = "link" > < a href = ""> link 1 < span >Tooltip1: This link demo< / span> < / a> < / p >
< / body >
< / html >

Хороший вопрос.
В средствах чисто HTML такой возможности нет.
А в CSS я с такой возможностью не встречался.
Можно поступить иначе:
Организовать микроиконку. Для этой иконки сделать гиперссылку на пояснительный текст в отдельном файле.
И этот текст открывать в отдельном окошечке.
Чтобы текст открывался в отдельном окошечке, нужно задать параметр target="_blank" в списке атрибутов тега a.
При таком решении пояснительный текст будет держаться на экране до тех пор, пока пользователь не закроет это окошечко.

Так это браузер время такое выдерживает, а не сама разметка. Без js больше никак