夜貓的棲息地

A. <font …> 文字 </font> 標籤組是在標示文字呈現的外觀樣式：

  1. color屬性：指定文字的顏色；
        網頁上的顏色可用已經定義好的顏色名稱(如附件)，如color = "olive"
        或使用16進位的#RRGGBB(紅綠藍)表示法，如color = "#C0C02A"

  2. size屬性：指定文字的大小
        文字的大小可以用1～7的代碼表示(數值越大字越大，預定為3)；如size = "4"
        或使用相對原大小的 +、– 表示法；如size = "+2"或size = "–1"

  3. face屬性：指定文字的字型；如face = "標楷體"或face = "Arial"
        請特別注意，中文字體除了"標楷體"或"新細明體"外，應避免使用。

B. <h?> 文字 </h?> 標籤組是在標示呈現粗體的標題文字
      ?為1～6的代碼，數值越小則字越大。

C. <strong> 文字 </strong>或<b> 文字 </b>標籤組是在標示文字以粗體字呈現

D. <em> 文字 </em>或<i> 文字 </i>標籤組是在標示文字以斜體字呈現

E. <u> 文字 </u> 標籤組是在標示文字以加底線方式呈現

F. <img …> 圖片標籤，不需要結束標籤，是在標示圖片的呈現內容

  1. src屬性：指定圖片來源的URL網址
       URL可以是相對於網頁所在位置的相對位址，如src="images/greatday.gif"
       或網路上的絕對位置src="http://pointer5.host.sk/images/greatday.gif"

  2. width屬性：指定圖片所要呈現的寬度大小，以Pixel的數值方式指定

  3. height屬性：指定圖片所要呈現的高度大小，以Pixel的數值方式指定

  4. border屬性：指定圖片外框的粗細，以Pixel的數值方式指定，預定為0

G. <p …> ... </p> 標籤組是在標示一個資料的"段落"
       每個以<p …> ... </p> 標籤組標示的段落上下都會自動空一行的空間

H. <div …> ... </div>標籤組也是用於標示一個資料的"獨立段落"
       但，以<div …> ... </div>標籤組標示的段落之間並不會有空行

I. <a …>文字或圖片</a> 標籤組是在標示超連結功能的文字或圖片

  1. href屬性：指定超連結所指向的目的地，可用相對路徑或絕對路徑表示
       相對路徑的目的地通常指向該網站中某個檔案的位置；
       絕對路徑的目的地通常指向網路世界中某個檔案的位置。
       href屬性的值可以指定超連結所指向的目的網頁、檔案或多媒體；
       也可以指向同一網頁中的某一個已標示的書籤(Book Mark)。

       瀏覽者選按超連結的文字或圖片之後，如果所指定的目的地是：

     a. 網頁：則瀏覽器會下載指定網頁的HTML原始檔，然後加以解讀呈現
          一般網頁的副檔名通常為.htm、.html、.shtml、.shtm、.stm等
          動態網頁的副檔名通常為.asp、.php、.jsp、.cgi等

     b. 圖片：則瀏覽器預定會以一個指定的瀏覽器視窗來呈現該圖片

     c. 音樂：則瀏覽器預定也會開啟音樂播放軟體來下載並播放該音樂
          音樂的副檔名通常為.mp3、wma、.mid、.wav等
          (在Windows的電腦中，預定的播放軟體是MS Media Player)

     d. 影片：則瀏覽器預定會開啟影片播放軟體來下載並播放該影片
          影片的副檔名通常為.mpeg、mpg、.wmv、.avi等
          (在Windows的電腦中，預定的播放軟體也是MS Media Player)

     e. 一般檔案：則瀏覽器會顯示下載檔案的畫面，由瀏覽者決定是否下載

     f. 書籤：則瀏覽器的網頁畫面會直接跳躍至該書籤所標示的位置

  2. target屬性：指定超連結的資料所要呈現的視窗或窗格名稱

     a. 沒有指定：則預定以原網頁的視窗來顯示(預定為"_self ")，此時，
          瀏覽器上方工具列的 上一頁 (或 下一頁)按鈕將呈現可用狀態
          瀏覽者將可自由選按切換到所要的資料畫面。
       
     b. _blank：則開啟新的瀏覽器視窗來顯示，此時，
          視窗下方的工作列中會出現一個新的瀏覽器代表圖示。

     c. _parent：則會將內容顯示在該視窗的父視窗中
          (所謂 父視窗 即產生該名稱之瀏覽器視窗的原瀏覽器視窗)

     d. _top：則會將內容顯示在所有瀏覽器視窗的最頂層父視窗中

     e. 其他名稱：如果該名稱的瀏覽器視窗不存在，則開啟新的瀏覽器視窗
          如果該名稱的瀏覽器視窗之前已被開啟，則顯示在該視窗

  3. name屬性：是設定網頁書籤時才使用的屬性

       我們會在網頁中設定網頁書籤，一定是因為網頁內容過長，
       為了要提供類似索引的超連結功能時才會設定網頁書籤。例如
       <a name="mybookmark_ 1">文字或圖片 </a>
       書籤設定後，如果在網頁中要提供書籤的連結時，
       必須在href屬性中該書嵌名稱前加入 # 字號，例如
       <a href="#mybookmark_ 1"> 文字或圖片 </a>