マウスでさわると説明が出る文字

HTMLを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
<p><span title="<span title=○○>で説明をつけます。&#13;&#10;改行もできます。">
マウスでここをさわってください</span></p>
</body>
</html>

表示サンプル

マウスでここをさわってください

解説

マウスでさわる部分を「<span>」と「</span>」で囲み、「title」属性で説明文を指定します。この説明文を表示する部分のことをツールチップと呼びます。改行をしたい場合、「<br>」やソースの改行でなく、「&#13;&#10;」という特殊な文字列を記述します。