網路○泡泡○新聞 Internet Pop-up News網站建置:HTML先修班:第三課

○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標籤...
首頁製作百寶箱
奇摩免費網頁
網路家庭個人網頁
網頁編輯工具下載
檔案傳輸工具下載

 

Today's Pup-up News

網路○泡泡○新聞 Internet Pop-up News

  首頁
  網路資訊
  網路媒體
  電子商務
  網站建置
  電腦資訊
  學習日誌
  靈力補給站
  新鮮玩意兒
  EMAIL

1