全くの素人ですが、タグを勉強しながらHPを作成しております。難しくて理

質問

全くの素人ですが、タグを勉強しながらHPを作成しております。難しくて理解できないところはコピー貼りつけでなんとかしのいでます！昨夜やっとの思いで好きな位置に画像を表示させる事ができました！画像の下に文章を打ち込みたいのですが(画像にリンクも)、どのようにしたらよいでしょうか？基本的な事がでかてない素人ですが、詳しい方がいましたら是非ともご教授お願いします。ちなみに専門用語なども理解できていません。宜しくお願いします。

回答No.1

wisize · ベストアンサー

画像の下に文章を入れたいというのは「図1. なんとかのグラフ」といったようなキャプションを意味しているのでしょうか？
方法はいろいろありますが、素人さんでしたらTABLEタグを使うのがよろしいんじゃないかと思います。

詳細は参考URLを読んでもらえると嬉しいですが、
<table>
<tr><td><img src="..."></td></tr>
<tr><td>文章</td></tr>
</table>
のような形にすれば簡単に画像と文章とをセットにできると思います。
サイズを固定したり真ん中寄せしたりすれば見栄えもだいぶ整うのではないでしょうか。
ただしちょっと邪道な方法なので、慣れてきたら別な方法を模索してくださいね。

画像にリンクを張りたい場合は、文章と同じようにIMGタグをAタグで囲えば大丈夫です。
枠線が邪魔なようなら <img src="..." border="0"> としてください。

参考URL：

http://www.htmq.com/html/indexm.shtml#hyo

回答No.3

torayoshi

こういった場合はやっぱりスタイルシートでやるべきだと思いますよ。

「テキストの回り込み解除」
<a href="#"><img src="画像URL"alt=""></a>
<div style="clear:left;">画像説明文</div>

お礼

素人質問に応対してくれてありがとうございます。難しそうですが、これからはスタイルシートを勉強していきます。

回答No.2

yyr446

どおやって、好きな位置に配置したのか不明ですが、
<img>も<a>もインライン要素なので、画像の下に
書きたいなら、<br>で改行するか、説明を<p>とか<div>で
マークアップして（widthをそろえる）のが手っ取り早いのでは．．．．

<div>
<a href="リンク先"><img src="画像のURI" alt="XXへリンク等"></a>
<br>
画像の説明文（短いやつ）
</div>

<div>
<a href="リンク先"><img src="画像のURI" alt="XXへリンク等"></a>
<p>
画像の説明文....あーたらこーたら．．．．．．．．長ーい
</p>
</div>

お礼

いろいろと参考になりました！また、何かあれば宜しくお願いします。