ちょっと段差の違いがありますが、気にしない場合、
上と下の違いはなんですか? どっちでも良いですか?
おすすめはどちらですか?
全く違う表示になってしまう場合もありますか?
<p><img src="cooking_3.gif" width="200" height="200" alt="料理3" style="float:right" />ここは長い文章・・・・・・・・</p>
<img src="cooking_3.gif" width="200" height="200" alt="料理3" style="float:right" />
<p>ここは長い文章・・・・・・・・</p>
No.1ベストアンサー
- 回答日時:
HTMLの考え方から言うと、画像をその段落内の文字の代替と考える場合は、段落内に書くでしょうし。
別の段落と考えると分けた方がよいでしょう。imgはインライン要素ですから、基本的には<p></p>内にあるべきもので、全体を<div>などで括られている場合はエラーにはなりませんが、趣旨からいうと段落で囲むべき。[段落内の画像]・・alt内の文字列に置き換えて問題ない場合
<p>魚を腹を手前に頭を左において、<img src="cooking_3.gif" width="200" height="200" alt="庖丁を魚の腹に水平に当てて" style="float:right" />引く。この時、皮だけを切るように注意しましょう。</p>
・・・この場合、画像を読み組まない設定にしている場合でも問題ないですね。
[別段落]
<p><img src="cooking_3.gif" width="200" height="200" alt="庖丁と魚の位置関係を示す図" style="float:right" /></p>
<p>魚を腹を手前に頭を左において、庖丁を魚の腹に水平に当てて図のように引く。この時、皮だけを切るように注意しましょう。</p>
いずれの場合も、
<p class="subFig"><img src="cooking_3.gif" width="200" height="200" alt="庖丁と魚の位置関係を示す図" /></p>
とすれば、一括して指定できますね。
HTMLを作成するときに、Lynx for Win32( http://lynx-win32-pata.sourceforge.jp/index-ja.h … )のようなテキストブラウザで閲覧したらどうなるかを念頭に置いて作成すると良いでしょう。これは、検索エンジンがどのように読んでいるかを理解するのに便利なので入れておいてもよいかも。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ホームページで画像を横に並べ...
-
かなり初心者の質問です。簡単...
-
画像を隙間なく配置する方法
-
スタイルシート 文字と写真の...
-
【HTML・CSSについて】Web初心...
-
[css]縦または横の長さを指定し...
-
firefoxでのaタグ内imgへのスタ...
-
smallにtext-allignが効かない
-
【ヒトの神秘】美男美女から何...
-
ホームページビルダー19SPで...
-
htmlのolやulなどlistにtitleや...
-
リストの数字のフォントサイズ...
-
htmlの文字が縦書きになる
-
CSSがなぜかfont-sizeだけ効か...
-
ライトボックスでスクロールバー
-
携帯サイト、ナノでのタグ編集...
-
このサイトのカテゴリのチェッ...
-
html <ul></ul>の並びで一行空...
-
div要素が重なってします
-
ブートストラップを使ったサイ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リンクを知らせる手のマークが...
-
ボタンをセル内一杯に表示させ...
-
画像の場合のみ、下線を消す方...
-
HTMLのIMAGEに。。
-
XML画像データををHTMLで簡単に...
-
table で画像をピッタリとくっ...
-
機種依存文字、m2(平方メート...
-
画像をクリックして元に戻すには
-
footerの背景が切れて、背景画...
-
UDP通信を使うチャットプログラ...
-
水面の波紋
-
HTMLの文章中の画像のベースラ...
-
画像サイズの変更の仕方を教え...
-
3つの画像を中央に寄せて表示さ...
-
ホームページで画像を横に並べ...
-
cssで一部の文字や画像を中央に...
-
cssで、チェックボックスの画像...
-
favicon.ico はもういらない?
-
チェックボックスの影
-
背景画像が透けて見えるボタン...
おすすめ情報