＜p＞の使い方

kankichiさん、
初めまして、ワイドハイフンの田地です。

結論から申し上げますと、1でも2でも文法上は正しいと思います。

<p>タグの意味はパラグラフ(段落)という意味ですので、
段落の意味合い的に文字とイメージを分けて説明するほうが適していましたら1を採用し、
同じ段落で意味を成すのであれば2を採用されるとよろしいかと思います。

この文字とイメージが同じ内容のものであれば;

<p>
<img src="img.gif" width="" height="" alt="" />
文字文字文字文字

</p>
･イメージタグはfloat指定するなどが多いです。

として記述することで意味合い的にも文法的にも正しく、且つ合理的になるかと思います。
また入れ子(タグ)を少なくすることで制作する際に管理も楽になりますよ。

ただ最近ではデザイン表現も以前より複雑化していることもありますので、
その時に応じて、工夫して実践してくださいね!

ご参考いただければ幸いです。

こんにちは
アイティーエムクリエイトの伊藤です。

<p>タグの使い方ですね。
本来の使われかたは「文章の段落」をあらわすものなので
タグから見て正しいといえばどちらかといえば2も妥当かもしれないですね

あとは、見栄えですが<p>タグを多用するとブラウザで見たとき
行間があいた状態が目立つようになります。
<p>は文章の前後に行間を作ります。

そのときの見栄えが良いものなのか悪いものかで判断して
良いと思います。

個人的には行間が多くスカスカになるのもいやなので、<p>から<br>(改行)に
修正することがよくありますので、<br>なども試しに使用し、調整してみても
良いかもしれないです。

独学での勉強大変ですが、自信に繋がると思います。

ご参考になればと幸いです。

またお気軽にご質問下さい

こんにちは、インターネットプロデュースの松井です。

<p>の使用方法でお悩みとのことですが、HTMLの基本はマークアップ、つまり、対象の原稿に対する意味付けです。

<img>にも<p>を指定するかどうか、というよりも、その<img>が原稿の中で、どのような意味合いを持っているかを考えてみて下さい。

独立した段落となるものであれば、
<p><img></p>
<p>文字</p>
のようにし、他の文章を含めて段落の一部であれば、文字と一緒に
<p>
<img>
文字
</p>
のようにすればよいでしょう。

レイアウトについてはスタイルシートの役割ですので、デザイン的な要素(画像の配置や行間など)については、それぞれのタグにスタイルを指定します。

参考になればと思います。