ＨＴＭＬ ワンポイント 段落と改行 |
| このように書きたい | 詰まってしまう |
|---|---|
Ｗｅｂページを書き始めて、最初にまごつくのが、「改行」です。 ワープロやエディタで書いた文をそのまま表示させようとしてもひとつに繋がってしまいます。 行の初めに空白をつけて体裁を整えたにもかかわらず、詰まって表示されてしまいます。 |
Ｗｅｂページを書き始めて、最初にまごつくのが、「改行」です。 ワープロやエディタで書いた文をそのまま表示させようとしてもひとつに繋がってしまいます。これはブラウザーは改行を無視するようにしてあるためです。タブも無視します。 行の初めに空白をつけて体裁を整えたにもかかわらず、詰まって表示されてしまいます。 これは、空白がたくさん並んでいても、一文字分だけと見なしてしまうからです。 |
文を段落に区切るには ｐタグを用います。段落の間には空白の行が入ります。
段落の中で改行するときは ｂｒタグを使います。
次のように書きます
|
<p> Ｗｅｂページを書き始めて、最初にまごつくのが、「改行」です。</p> <p> ワープロやエディタで書いた文をそのまま表示させようとしてもひとつに繋がってしまいます。<br> これはブラウザーは改行を無視するようにしてあるためです。タブも無視します。</p> <p> 行の初めに空白をつけて体裁を整えたにもかかわらず、詰まって表示されてしまいます。<br> これは、空白がたくさん並んでいても、一文字分だけと見なしてしまうからです。</p> |
ｐタグは、開始タグ <p> から終了タグ </p> までが一段落であることを示します。
ｂｒタグ <br> はここで改行ということを指示するものですから、終了タグはありません。