img タグ: title 属性

img タグに title 属性を付けると、画像上にマウスカーソルが
来たときにポップアップ風の説明 (ツールチップ) が表示されます。

<img title="ツールチップの説明テキスト" .../>

サンプル

サンプル
<a href="sample_kawasemi.jpg">
  <img title="カワセミくん&#x0A;クリックすると大きな画像を表示します" src="sample_kawasemi.jpg" width="200" alt="サンプル"/>
</a>
・&#x0A; は改行コードを表します。
  JavaScript の文字列の \n と同じです。
  HTML の属性では \n だと認識しないので &#x0A; と書きます。
(2014/12-2024/03)
動作     : Edge120, Firefox120, Chrome119

◎ ノート
・MDN: title 属性

inserted by FC2 system