| 【排版標籤】 |
| 程式說明 |
|
設定網頁中所以的元素，無論視窗的大小及視窗的解析度， 標籤內的文字、表格、圖形等HTML元素，均可以下列標籤調整位置。 |
| 存放位置 |
| 將下列程式存放至 <body> 標籤後 </body> 標籤前。 |
| 原始碼 | 效果呈現 |
| <p align="left">內容靠左</p> | 內容靠左 |
| <p align="center">內容置中</p> | 內容置中 |
| <p align="right">內容靠右</p> | 內容靠右 |
| <blockquote>縮排1單位</blockquote> | 縮排1單位 |
| <pre>內 容 格 式</pre> | 以原始檔的編排方式呈現 |
| <center>常見置中</center> |
| 原始碼 | 效果呈現 |
| 斷行<BR>斷行 | 斷行 斷行 |
| 分段<P>分段 | 分段 分段 |
| 普通分隔線<HR>普通分隔線 | 普通分隔線 普通分隔線 |
| 一般用法 | 尚未加任何屬性。 |
| 原始碼 | 普通分隔線<hr> |
| 呈現結果 | 普通分隔線 |
| 顏色屬性 | 用法：<hr color="顏色碼"> |
| 原始碼 | 橘色分隔線<hr color="#ff8000"> |
| 呈現結果 | 橘色分隔線 |
| 寬度屬性 | 用法：<hr width="寬度">，其單位為px（像素）。 寬度亦可用百分比來作設定，如50%即意為寬度佔螢幕50%。 |
| 原始碼 | 寬度為240px的分隔線<hr width="240"> |
| 呈現結果 | 寬度為240px分隔線 |
| 厚度屬性 | 用法：<hr size="厚度"> |
| 原始碼 | 厚度為5的分隔線<hr size="5"> |
| 呈現結果 | 厚度為5分隔線 |
| 位置屬性 | 用法：<hr align="水平對齊位置">，其設定值有三個。 也就是置左align="left"、置中align="center"、置右align="right"。 |
| 原始碼 | 靠右的分隔線<hr align="right"> |
| 呈現結果 | 靠右的分隔線 |
| 陰影屬性 | 用法：<hr noshade>，無設定值。 只要將 noshade 加入即可，通常會配合顏色設定，效果較佳。 |
| 原始碼 | 實心分隔線（無陰影）<hr noshade> |
| 呈現結果 | 實心分隔線（無陰影） |
| 注意事項 |
|
1.運用<blockquote></blockquote>此縮排語法，可將其包袱起來的內容往右縮排一個單位。 而且每加一組便增加一個單位。 2.<pre></pre>此種程式可將內容依照編排方式原封不動的顯示出來。 |
| │課程編撰：不二家│單元編號：H10 篇│版權所有：神羅集團│ |