画像の横に1/2の高さの画像を2枚上下で並べて配置

質問

HTML初心者です。

1枚の画像の横に、1/2の高さの画像を2枚上下で並べて配置する方法はありますか？

<!-- 画像を括るボックスのwidth値は画像サイズの単位である px を指定する -->
<p style="width: 100px; padding: 10px;"><img width="100" height="100" src="./test.png></p>

他のサイトで上記がHITしたのですが。。
スタイルシート（？）ではなく、HTMLで出来るのであれば知りたいです。

すみませんが、ご確認よろしくお願いします。

回答No.1

ORUKA1951 · ベストアンサー

＞スタイルシート（？）ではなく、HTMLで出来るのであれば知りたいです。
　なぜでしょう。
　tableを使えば出来るでしょうが、ご存知のとおり
・単に文書内容を整形する目的だけで表を用いるべきでない。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.1 )
・ページレイアウトの目的で表を用いる。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )のはまずい!!
　と十数年も言われ続けているものをなぜいまさら？？？

なお、画像にはalt属性が必要です。(画像を読みないテキストブラウザや点字端末、検索エンジンのために画像が表示されないときのための代替テキストが必要です。)
それぞれの画像の意味などを詳しく。

HTMLは文書構造を示し、スタイルシートでプレゼンテーション(表現)を指定します。
デザインのためにHTMLは書いてはならないのですが？？？？

お礼

無知でした。。
ありがとうございます。

まずは、CSSをゼロから勉強してみます。

ありがとうございました！

回答No.2

play_with_you

なぜCSSじゃダメなのか知りませんが（まさか「覚える気が無いから」とは言わないよね（笑））、どうしてもHTMLのみでやりたいなら<table>使うしかないでしょうね。
いまどきテーブルレイアウトなんて唾棄と嘲笑の的ですけど。