改行と段落

ソースファイル上で改行しても、ブラウザで見たときには改行されません。
ここでは改行の方法と段落の表示の方法を説明します。


1.HTML文を記述する方法

  ソースファイルを開きます。

  改行タグや段落タグを記述します。
    <br> … ここで改行する。



ブラウザでの表示 ソースファイル
改行したが、 改行タグbrを使用しない場合
改行したが、
改行タグbrを使用しない場合
改行して、
改行タグbrを使用した場合
改行して、<br>
改行タグbrを使用した場合
改行せず、改行タグbrも使用しない場合
改行せず、改行タグbrも使用しない場合
改行せず、
改行タグbrを使用した場合
改行せず、<br>改行タグbrを使用した場合



    <p> 〜 </p> … 〜 は段落で、改行後1行空けて表示することになる。
        (</p>を省略することもできる)



ブラウザでの表示 ソースファイル
長い文章を打って、段落タグpを使用した場合です。

ここに段落タグpが入っているのが分かりますか。改行後、1行空いているでしょう。

長い文章を打って、段落タグpを使用した場合です。
<p>ここに段落タグpが入っているのが分かりますか。改行後、1行空いているでしょう。</p>

長い文章を打って、改行タグbrを使用した場合です。
ここに改行タグbrが入っているのが分かりますか。改行後、1行空いていないでしょう。
長い文章を打って、改行タグbrを使用した場合です。<br>
ここに改行タグbrが入っているのが分かりますか。改行後、1行空いていないでしょう。




  ソースファイルを上書き保存します。

  ブラウザで更新し、確認する。