CSS
<sddress> - アドレス

<p> - 段落

トップ > HTMLリファレンス > <p>
概要
形式<p>〜</p>
サポートH2〜H4s〜 / e2〜 / N2〜 / i1〜
タグの省略開始タグ:必須、終了タグ:省略可能
包含可能要素インライン要素
説明

p は Paragraph(段落)の略です。<p>〜</p> でひとつの段落を示します。

<p> を連続して複数記述しても、複数改行される訳ではありません。単に改行の目的であれば <br> を用います。

属性
【固有属性】
属性意味
align=alignH3-H4t/e2/N2/i1。表示位置を指定します。
  center:中央表示(H3/e2/N2/i1)
  right:右端表示(H3/e3/N2/i1)
  left:左端表示(H3/e3/N2/i1)(既定値)
  justify:両端揃え(H4/e6)

【一般属性】
属性意味
class=classH4s/e3/N4。クラスを指定します。
dir=dirH4s/e5/N6。文字の表示方向を指定します。
id=idH4s/e3/N4。IDを指定します。
lang=langH4s/e4/N6。言語を指定します。
style=styleH4s/e3/N4。スタイルシートを指定します。
title=titleH4s/e4/N6。タイトルを指定します。
IE拡張属性他にもIEで拡張された属性が指定可能です。
使用例
HTMLソース
<p>ここがひとつめの段落です。
改行はひとつの空白文字になることがあります。</p>
<p>ここがふたつめの段落です。
IEなどでは段落は1行分の隙間を空けて表示されます。</p>
<p>ここがみっつめの段落です。
複数行の改行をしたいときは
BRタグを使用しましょう。</p>

ブラウザ表示例

ここがひとつめの段落です。 改行はひとつの空白文字になることがあります。

ここがふたつめの段落です。 IEなどでは段落は1行分の隙間を空けて表示されます。

ここがみっつめの段落です。 複数行の改行をしたいときは BRタグを使用しましょう。

</p>の省略

</p> は省略可能ですが、<p> がどこで終わっているかを明示的に示すためには、省略しないほうがよいでしょう。</p> を省略すると、スタイルシートと組み合わせた場合は特に、ブラウザのバグにより、レイアウトが崩れてしまうケースもあるようです。

<p>〜</p>の間に記述できるもの

<p>〜</p>の間には インライン要素 しか含めることはできません。次のような記述は間違いとなります。(<ul> の前に </p> が省略されていると見なされ、最後の </p> が余分になります。)

<p>
よく利用されているブラウザには
<ul>
<li>Internet Explorer
<li>Netscape Navigator
</ul>
などがあります。
</p>

次のようにすれば大丈夫です。

<p>よく利用されているブラウザには次のものがあります。</p>
<ul>
<li>Internet Explorer
<li>Netscape Navigator
</ul>
先頭文字を字下げする

<head>〜</head> の間に次のような スタイルシート を記述することで、段落開始部の字下げ(1文字分のスペースを入れること)を自動的に行うことができます。

<style type="text/css">
<!--
P { text-indent: 1em; }
-->
</style>

<< PAGE TOP >>

BACK UP 初心者でホームページを考えてられてる方へ

独自ネットショップや楽天ショップ・YAHOOショップ運営される初心者の方も、無料で、親切にアドバイスいたします。
SEO・月次更新・リニュアルetc

ホームページの事なら

何でもお問合せください。
お問合せフォームはこちらから

リュウム株式会社

京都市中京区橋弁慶町222番地
ヒライビル3階

TEL 075-257-4588
営業時間 AM10:00-PM7:00


CSS
Ryuumu