○HTML先修班:第三課○
課程內容:
- 引述標籤─在文章中引述資料
- 預設格式標籤─打什麼就秀什麼
- 水平線標籤─將文章分隔
- 家庭作業
一. 引述標籤(blockquote)
<blockquote></blockquote>標籤最常用來引述資料。
大多數的瀏覽器都會在引述文字的前後留空位,再把引述資料秀出來。
有的瀏覽器會讓引述文字變成斜體字。
結束的</blockquote>標籤是必須的。
例如,要在文章中引述奧修大師的一段話。
<blockquote>愛需要生命中最大的勇氣。走進愛的世界最基本的要求就是消溶你的自我。</blockquote>
愛需要生命中最大的勇氣。走進愛的世界最基本的要求就是消溶你的自我。
二. 預設格式標籤(pre-formatted text)
有時候你希望你打什麼字網頁上就秀出什麼字,尤其是當你在寫文字碼或其他形式的內文時。
<pre></pre>標籤保證讓你打什麼秀什麼,包括空位在內。
預設格式標籤通常用在文章中必須秀出HTML和其他程式碼,以及快速轉換非HTML文件的時候。
結束的</pre>是必須的。
例如,你希望在文章中秀出下列的ox的型態。
<pre>
x | o | x
-----------
o | o | x
-----------
o | x | x
</pre>
網頁就會照你打的秀出完全一樣的效果。
x | o | x
-----------
o | o | x
-----------
o | x | x
你還可以預設格式的寬度。
<pre width="20">
愛需要生命中最大的勇氣。
走進愛的世界最基本的要求
就是消溶你的自我。
</pre>
愛需要生命中最大的勇氣。
走進愛的世界最基本的要求
就是消溶你的自我。
三. 水平線標籤(rulelines)
線條是分割你的網頁很好用的方式。
<hr>水平線標籤是屬於單一標籤,可以在你的網頁上創造不同尺寸的水平線。
如果你希望一條10 pixels 高的線條來切割網頁成兩半,你可以這樣寫:
<hr size="10" width="50">
size是水平線的高度,計量單位是pixels。
width是水平線跨越網頁的寬度,計量單位可以是 pixels 或是比例。
align是水平線對齊的位置,可以從預設的 center 改變成 left 或 right。
下面這條水平線標籤<hr>的範例,寬度是50%,對齊位置是 center,高度是20 pixels。
<hr size="20" width="50%" color="purple" align="center">
四. 家庭作業
製作一個網頁(或修改你原本的網頁),至少使用一段引述文字。
使用<blockquote></blockquote>秀出引述的文字,並用水平線將它與其他內文隔開。
假設一個你必須使用預設內文的狀況,在網頁上創造一個範例學習使用預設格式標籤。
學習更多的HTML標籤...
首頁製作百寶箱
奇摩免費網頁
網路家庭個人網頁
網頁編輯工具下載
檔案傳輸工具下載
|