Pタグ、DIVタグの使い方

PとDIVタグを使おう

内容のまとまりを表すのがPタグやDIVタグです

文章など、まとまったコンテンツを一つにしてしまうのがＰタグとDIVタグ。
機能はだいたい同じです。使い方もいたって簡単。

これらを使わなくてもＨＰはできるのですが、見せるＨＰを作るなら、
工夫しだいで、いくらでもかっこよくなります。

■　Ｐタグの使い方

段落として表示するのがＰタグです。
ほとんどのブラウザーで、タグで挟んだ前後が１行空きます。

<p>内容</p>
<p align="left か　right">内容</p>


例
<p>
「Ｐタグを使うと、１行空くんだってさ」<br>
「ふーん」
</p>

一口メモ
上の例で使っている<ｂｒ>は改行タグです。
ｈｔｍｌの上位言語（？）に　xhtml　というのがありますが、そこでの改行は<br />を使います。
ｈｔｍｌでも、有効なので、新しいやり方<br />の方を覚えてください。

■　DIVタグの使い方

ひとつの「まとまり」として使うのがこのタグ。
Ｐタグと違う点は、前後の改行がないことです。
リンクなどのワンポイントに、便利に使えます。

<div>内容</div>
<div align="left か　right">内容</div>


例
<p>
「divタグを使うと、１行空かないんだってさ」<br>
「だ・か・ら・な・ん・だ！！」
</p>