回到學院首頁選擇製網課程教學與製網有關的語言選擇輔助課程選擇網頁材料了解 HKIWC
The Best Web Hosting Company
 今昔HTML
 HTML概念
 標記一覽
 文件標記
 排版標記Here
 字體標記
 清單標記
 表格標記
 表單標記
 圖形標記
 連結標記
 框架標記
 影像地圖
 多媒體
 其他標記
 特殊字元
 調色原理
 StyleSheets
 加入實例
 疑難討論
 聯絡學院
 網絡辭典
歡迎到訪 PenPal Garden
ICQ 國際交友會
  ■ 本節主要介紹的標記:
<!--註解--><P><BR><HR><CENTER><PRE><DIV><NOBR><WBR>

欲明白本篇【HTML剖析】之標記分類請看 【標記一覽】。
亦請先明白圍堵標記與空標記的分別請看 【HTML概念】。

<!--註解-->:
像很多電腦語言一樣,HTML 文件亦提供注解功能。瀏覽器會忽略此標記中的文字(可以 是很多行)而不作顯示,一般使用目的:
  • 為文中不同部份加上說明,方便日後修改。
    這對較複雜或非私人網頁尤其重要,它不單是提醒自已,亦提醒你的同事這部分 做甚麼、那部分做甚麼。
    例子:
    <!--由這處開始是產品訂購表格-->

  • 用作版權聲明。
    假如你不希望別人使用或複製你的網頁,可加上警告字眼。
    例子:
    <!--本文版權為 1998, Creation of Webpage 所擁有,未經許,請勿抄摘-->
<P> :
<P>稱為段落標記。作用:為字、畫、表格等之間留一空白行。

本來<P>是一圍堵標記,標於一段落的頭尾,但從 HTML 2.0 開始己不需要</P>作結尾。

<P> 的常用參數: 如:<p align="center">

  • align="center"
    可選值:right, left, center。
    內定值: align="left"

例子:
原始碼 Here is the text for my paragraph. It does't matter how long it is,
how many space are between the words or when I decide to hit the return key.
It will create a new paragraph only when I begin the tag with another one.
<P>Here's the next paragraph.
顯示結果

Here is the text for my paragraph. It does't matter how long it is, how many space are between the words or when I decide to hit the return key. It will create a new paragraph only when I begin the tag with another one.

Here's the next paragraph.

<BR> :
<BR>稱為換行標記。作用:令字、畫、表格等顯示於下一行。

由於瀏覽器會自動忽略原始碼中空白和換行的部分,這令到<BR>成為最常用的標記之 一。因為無論你在原始碼中編好了多漂亮的文章,若不適當地加上換行標記段落標記, 瀏覽器只會將它顯示成一大段。

錯誤示範:(郵局可不會接受一行過的地址)
原始碼 566 E Boston Post RD
Mamaroneck NY 10543-9982
United States of America
結果 566 E Boston Post RD Mamaroneck NY 10543-9982 United States of America

正確例子:
原始碼 566 E Boston Post RD
<BR>Mamaroneck NY 10543-9982
<BR>United States of America
結果 566 E Boston Post RD
Mamaroneck NY 10543-9982
United States of America

<HR> :
<HR>稱為水平線。作用:插入一條水平線。

<HR> 之參數修改:
以: <HR align="LEFT" size="2" width="70%" color="#0000FF" noshade> 為例。

  • align="LEFT"
    設定線條置放位置,可選擇:left;right;center 三種設定值。

  • size="2"
    設定線條厚度,以像素作單位,內定為 2。

  • width="70%"
    設定線條長度,可以是絕對值(以像素作單位)或相對值,內定為 100%。

  • color="#0000FF" 『只適用於IE』
    設定線條顏色,內定為黑色。 #0000FF 代表藍色,亦可以採用顏色的名稱,即 text="blue" 。各種顏色的值及名稱可參考【調色原理】一節。

  • noshade
    設定線條為平面顯示,若刪去則具陰影或立體,這是內定值。

例子:
原始碼 <HR>
<HR align="LEFT" size="4">
<HR align="LEFT" size="2" width="70%" color="#0000FF" noshade>
<HR align="LEFT" size="4" width="70" color="#008000">
顯示結果



<CENTER> :
<CENTER>稱為居中標記。作用:令字、畫、表格等顯示於中間。

這標記原先是 Netscape 所定義,後來其它瀏覽器都支援它,但你會發現很多標記已有 align="CENTER" 的參數,<CENTER>似乎多餘了,事實上它還是常用的標記之一,其簡單 易用,常用於文字上,對於己加有 align="CENTER" 參數的 <TABLE> 標記亦要不厭其煩 地加上居中標記,因有頗多瀏覽器不支援<TABLE> 標記中的 align="CENTER" 參數。

例子:
原始碼 <CENTER>Chris's First Homepage</CENTER>
<CENTER>What's new</CENTER>
<CENTER>My profile</CENTER>
結果
Chris's First Homepage
What's new
My profile

<PRE> :
<PRE>稱為預設格式標記。作用:令文件按照原始碼的排列方式顯示。

這標記允許保留你於原始碼中輸入的空白及 Return。細看以下例子你便可體會到此標記的 威力。除了運用一大堆表格標記之外你只有採用這標記才能有此效果。

能以<PRE>標記產生對齊效果,或產生多於一行的空白才算上乘!

例子:
原始碼
	<pre>	Creation of Webpage Log Analysis I

	Composer Learning  459 407 480 522 547 586 673
	HTML Advanced      200 268 296 358 385 453 506</pre>
顯示結果
 		Creation of Webpage Log Analysis I	

	Composer Learning  459 407 480 522 547 586 673
	HTML Advanced      200 268 296 358 385 453 506

<DIV> :
<DIV>稱為區隔標記。作用:設定字、畫、表格等的擺放位置。

<DIV>應用於 Style Sheet(式樣表)方面會更顯威力,它最終目的是給設計者另一種組織 能力,有 Class ; Style ; title ; ID 等屬性,將會於【Style Sheet】一節才作詳述,這處只介紹 一個屬性設定。
以 <DIV align="center"> 為例:

  • align="center"
    可選值:center ; left ; right 。決定字、畫、表格等居中、靠左或靠右。
    <DIV align="center"> 的作用和居中標記 <CENTER>一樣,前者是由 HTML3.0 開始 的標準,後者是通用己久的標示法。

例子:
原始碼 <DIV align="center">Chris's First Homepage
<br>What's new
<br>My profile</DIV>
結果
Chris's First Homepage
What's new
My profile

<NOBR> :
<NOBR>稱為不折行標記。作用:令某些文字不因太長而繞行,一齊顯示於同一行或下一 行。它對住址、數學算式、一行數字、程式碼等尤為有用。

例子:(其中 Chris's Creation of Webpage 將不被分開而顯示於同一行。)
If you want to know how to create you own homepage quickly, don't miss <NOBR>Chris's Creation of Webpage</NOBR> which will help you a lot.
結果 If you want to know how to create you own homepage quickly, don't miss Chris's Creation of Webpage which will help you a lot.

<WBR> :
<WBR>稱為建議折行標記。作用:預設折行部位。
它沒有侵犯到 <BR> 的責任,只是作建議而已,若觀者的系統解像度夠高的話,那麼它是 不會折行的。

例子:(若不加<WBR>標記,整個網址會顯示於下一行。)
原始碼 Please visit my other homepage which locate at http://www.geocities.com/SiliconValley/<WBR>Sector/8234/index.html There are many softwares for download. I think you will really love that place.
結果 Please visit my other homepage which locate at http://www.geocities.com/SiliconValley/Sector/8234/index.html There are many softwares for download. I think you will really love that place.

The Best Web Hosting Company
Download Internet Explorer Download Netscape Netvigator