No.1ベストアンサー
- 回答日時:
画像の下に文章を入れたいというのは「図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
- 回答日時:
こういった場合はやっぱりスタイルシートでやるべきだと思いますよ。
「テキストの回り込み解除」
<a href="#"><img src="画像URL"alt=""></a>
<div style="clear:left;">画像説明文</div>
No.2
- 回答日時:
どおやって、好きな位置に配置したのか不明ですが、
<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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(教育・科学・学問) 「技術(テクノロジー)」と「工学(エンジニアリング)」の違いについて 5 2023/02/03 09:54
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- 数学 情報処理詳しい人!! A4縦のレポート文書に4:3の大きさの横向きの写真画像を貼り付けることにした。 2 2022/12/18 02:30
- その他(プログラミング・Web制作) このWEB用語、WEB文章、意味が分かりますか? 理解できない人が多いようなんですが・・・ 7 2022/10/22 09:13
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- その他(プログラミング・Web制作) プログラムの勉強のおすすめは 7 2022/12/09 20:09
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- その他(コンピューター・テクノロジー) AIに関連する用語を理解したい、RNN、LMM、LSTMなど、書籍で理解したい 1 2023/07/06 22:18
- UNIX・Linux Linux Ubuntu22.4の起動時エラーについて 2 2022/07/22 14:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
HPレイアウトが同じページのヘ...
-
css初心者 フレックスボックス...
-
スマホでHTMLファイルを開いて...
-
HPに文章で改行はすべてBRタグ...
-
1つの「ホームページビルダー2...
-
静止画画像をクリックすると音...
-
HTML電卓で1文字消す方法
-
アコーディオンメニューが思う...
-
メモ帳の段落の揃え方
-
画像横の余白をなくしたいんで...
-
cssが効かなくて困ってます
-
トリミングで表示した画像をク...
-
htmlソース文の 各行 改行位置...
-
コードを書いて下さい( ; ; )...
-
スマホ(android)のタッチパネ...
-
HTMLで画像をポップアップで表...
-
HTMLの CSSのファイルというの...
-
HTMLを正しく表示させるには
-
画像が分割されて切り替わる、...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
htmlで<form>~</form>を並べて...
-
WEBページを強制的に横画面で見...
-
コードを書いて下さい( ; ; )...
-
css初心者 フレックスボックス...
-
テーブルのセルデータを自動改...
-
CSSデータの作成方法について(...
-
HTMLで画像をポップアップで表...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネ...
-
HTMLで特定の文字だけ色を変え...
-
プログラミングの勉強が進みません
-
スマホでHTMLファイルを開いて...
-
テーブルタグのセルの幅の一部...
-
CSSでつくったメニューのアニメ...
-
大至急。webのシングルページを...
-
角丸画像の背景色を透明にした...
-
HTML入門でもう躓いてしまった。
-
HTMLの CSSのファイルというの...
おすすめ情報