プロが教えるわが家の防犯対策術!

テーブルや画像に(特に画像)キャプションと言う物をつけてやりたいのですが、うまくつけてやることが出来ません。

今までは無理やり的な表示方法で、かなり強引にキャプションとして使っていましたが、キャプション自体の存在を知ったので使おうと思うのですが、うまくいきません。

地味な質問ですみません。
正しいキャプションの付け方が分かる方、おられましたらよろしくお願いいたします。

A 回答 (1件)

キャプション=説明のこと思っているのですが、それで結構でしょうか?



○TABLE
<table width="幅" height="高さ">
<caption align="bottom">説明(この場合は下に表示します)</caption>
<tr><td>サンプル</td><td>サンプル</td></tr>
</table>
スタイルシートなどでキャプションの文字の大きさや太さ、色や表示位置などを指定すると、良いのではないでしょうか。
ちなみにスタイルシートは(外部スタイルシートではない場合の記述です)<head>~</head>内に
--------------------------------
<style type="text/css">
<!--
caption {
font-weight: bold; /* 文字の太さ */
font-size: small; /* 文字の大きさ */
text-align: right; /* 右寄せ */
background: #ccccff url(hana.jpg) no-repeat right center; /* 背景色/背景画像/繰り返し無し/横位置/縦位置 */
color: #006699; /* 文字色 */
padding: 3px; /* 余白[内側] */
}
-->
</style>
--------------------------------
などと記述します。

○IMG
<img src="画像のファイル名" alt="代替文字" title="画像に関する説明" width="幅" height="高さ">
こうして「title=""」で指定すると、マウスカーソルが画像の上に乗っている間、説明文が表示されます。
マウスカーソルが画像の上に乗っている時以外は説明が表示されません。
「alt=""」はあくまで代替文字なので、Operaなどでは表示されません。
画像が表示されない場合や読み上げソフトなどを使用した場合に、「alt=""」の内容が表示されます。

参考URLは「とほほのWWW入門」です。
リファレンスとして利用するには便利なサイトだと思います。
調べたい事がどこに書いてあるか判らない場合は、Google検索窓にキーワードを入れて検索してみてください。もしかしたら見つかるかもしれません。

参考URL:http://www.tohoho-web.com/www.htm
    • good
    • 0
この回答へのお礼

s_hukamiさん有難うございました。

とても参考になるご説明でしたので、設定の方も簡単に行うことが出来ました。

リンクも大変参考になります。

有難うございました。

お礼日時:2005/07/23 14:39

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!