close


P 標籤主要是用來定義段落文字,
如精確縮排或段落間距等等,
或是放在其他標籤函式或樣式表裡的一部分。
使用 P 標籤的段落其前後會出現空行,
而其第一行在某些情況下可能會被縮排。


參數

Align [Left(預設)| Center | Right | Justify]
指定段落文字相對於瀏覽器視窗的水平對齊方式。

Left:靠左對齊
Center:置中對齊
Right:靠右對齊
Justify:左右對齊,其實就是 Left + Rigth ,但最後一行依舊是靠左對齊。

範例:
<P align="Left">靠左對齊</P>

htnl.p.1.gif

<P align="Right">靠右對齊</P>
htnl.p.2.gif

<P align="Center">置中對齊</P>
htnl.p.3.gif

<P align="Justify">左右對齊</P>

htnl.p.4.gif

其實 P 並不一定要加上結尾標籤 </p> ,
既然如此,那為什麼要有</p>結尾標籤的存在,最主要差別在於,
如果只使用了<P>,那麼其中的參數設定會套用到整個段落,
如下圖,我在段首直接使用了向右對齊且沒有使用結尾標籤作結束:
htnl.p.5.gif

那如果我想在 Paragraphs...之後換成其他對齊方式,如置中對齊呢?
那就必須在 Paragraphs...之前加上另外一個不含結尾標籤的 P 標籤,
p 標籤會開始一個新的段落,並套用新的對齊方式,
後面新加入的文字,就會依照這個段落的對齊設定,如下圖:
htnl.p.7.gif  

那如果我只希望強調某一段或某一句,其他則依照原先的段落對齊方式,
不用設定第一個段落向左對齊,要設定一個 P 標籤,
要設定強調的句子置中對齊,要在設定一個 P 標籤,
後面的文字要還原成原來的向左對齊,又要設定一個 p 標籤,
只要在想要強調的句子前後將上 P標籤及其結尾標籤,
後面的文字就會自動套用預設對齊方式(向左對齊),如下圖:
htnl.p.6.gif

- 很早以前的 HTML 版本(2.0 之前)並沒有明確的指出 P 標籤為容器標籤,
  因此早期的一些瀏覽器如果看到 </p> 標籤時可能會不知所措。

- 網景版本 1.0-1.22 只能辨識 ALIGN 參數裡的 LEFT 和 CENTER,
  要到 2.0 以後才有支援。

- ALIGN 參數裡的 Justify,目前只有網景和 IE 4.0 Beta 2 以後的版本支援。

 

資料來源  Blooberry  翻譯整理 / 克里西熊

arrow
arrow
    全站熱搜

    ALVIN 發表在 痞客邦 留言(0) 人氣()