- ベストアンサー
キャプションの正しい付け方教えてください。
テーブルや画像に（特に画像）キャプションと言う物をつけてやりたいのですが、うまくつけてやることが出来ません。 今までは無理やり的な表示方法で、かなり強引にキャプションとして使っていましたが、キャプション自体の存在を知ったので使おうと思うのですが、うまくいきません。 地味な質問ですみません。 正しいキャプションの付け方が分かる方、おられましたらよろしくお願いいたします。
- 404not_found
- お礼率61% (176/285)
- HTML
- 回答数1
- ありがとう数2
- みんなの回答 （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検索窓にキーワードを入れて検索してみてください。もしかしたら見つかるかもしれません。
お礼
s_hukamiさん有難うございました。 とても参考になるご説明でしたので、設定の方も簡単に行うことが出来ました。 リンクも大変参考になります。 有難うございました。