第三篇
HTML教學
第三節
網頁排版
預先格式化 PRE 標籤
<
PRE
>
...文字內容...
<
/PRE
>
PRE
原文為
Pre
Formatted Text
標籤語法
產生效果
語 法 說 明
<
PRE
>
...文字內容...
<
/PRE
>
照原貌顯示
在這個標籤內的文字內容，會照原貌顯示處理，其內可包含其他的標籤，需結束標籤，無屬性及屬性值。
特徵：上下文會先各跳一空白列，然後照原文樣子排列，文字會自動縮小一號，且不會隨瀏覽器縮排。
Table 標籤在 C0307 會教，在此請先比較與瞭解作用即可。
範例(一)
HTML標籤
<
PRE
>
...文字內容...
<
/PRE
>
顯示結果
...文字內容...
如果
<
PRE
>
...
<
/PRE
>
是放在表格
<
Table
>
標籤內，如上
顯示結果
範例，上文部份就不會跳一空白列
。
詳細範例
本範例中原有文字內容排列，雖然在每段文字後加入
<
BR
>
標籤，但超出長度的內容仍會隨瀏覽器自動縮排
。
進入後，請移動瀏覽器視窗水平寬度，將這個視窗縮小或放大相互比較看看
。
本標籤適合用於文章內容排列複雜，您又想原文不動的情況下使用它時。
區塊引言 BlockQuote 標籤
<
BlockQuote
>
...文字內容...
<
/BlockQuote
>
標籤語法
語 法 說 明
<
BlockQuote
>
...
<
/BlockQuote
>
BlockQuote
是由兩個英文字組成，
Block
(塊、積木、阻擋之意思) +
Quote
(引用、引述、報價之意思)，這裡可以解釋為區塊引言標籤。
在這個標籤內的文字內容，前後會自動縮排 40 Pixel 約 5 個字元顯示，且上下強迫跳行，其內可包含其他的標籤，需結束標籤，無屬性及屬性值。
範例
HTML標籤
<
BlockQuote
>
...文字內容...
<
/BlockQuote
>
製作 3 個不同狀況範例，讓您比較看看
。
本標籤適合引用他人文章等資料內容，大部份我們都會使用
<
Table
>
標籤代替此功能，會用到它的機會不多。
如果 <PRE> ... </PRE> 是放在表格 <Table> 
進入後，請移動瀏覽器視窗水平寬度，將這個視窗縮小或放大相互比較看看。
