HTML語法速查

本檔內容摘自松崗2101666號,榮欽科技鄭苑鳳編著

輕輕鬆鬆自修學HTML1998年版最新版

附錄一

====================================================================================

<!---->

  註解,文字內容不顯現於文件中

 

<A></A>

  連結標籤。如

<A HREF=”#…”>…</A>   連結同一編文章的其他部分

  <A HREF=”FileName#…”>  連結某編文章的某部分

  <A HREF=”URL”>…</A>   連結到其他網上資源(URL for Uniform Resource Locator)

 

<ABBREV></ABBREV>

  用來強調縮寫文字。如

  <ABBREV>顯現縮寫文字</ABBREV>

 

<ABSTRACT></ABSTRACT>

  BODY的一部份,用以強調不同字體的顯現

 

ACTION

  網頁需要一個圖形介面讓瀏覽網頁者送出資料,ACTION後面即此服務程式的URL。如

  <FORM METHOD=”POST” ACTION=”SAMPLE”>

 

<ADDRESS></ADDRESS>

  定義郵件地址、簽名及作者資料,常使用於文件開端或結尾。如

  <ADDRESS>桃園縣大園鄉中華路298</ADDRESS>

 

ALIGN屬性

  控制網頁內容及各物件的顯現位置。LEFT, RIGHT, CENTER, BASELINE, TOP, MIDDLE,

TEXTTOP, ABSMIDDLE等。如

  <H2 ALIGN=CENTER>…</H2>

 

ALINK屬性

  連結動作正在執行時的顏色設定。如

  <BODY TEXT=”#000000” LINK=”#FF0000” ALINK=”#00FF00” VLINK=”#FFFFFF”>

 

ALT屬性

  設定圖、影像的替代文字內容,以便文字模式的瀏覽。如

  <IMG SRC=”檔名.gif” ALT=”說明文子”>

 

<B></B>

  字體特徵,可顯現粗體字。如

  <B>本標籤內文字將以粗體字來顯現!</B>

 

BACKGROUND屬性

  設定背景圖案。(瀏覽器會自動把底圖往右及往下無限延伸) 

  <BODY BACKGROUND=”檔名.gif”>

 

<BANNER></BANNER>

  用於說明版權及宣告事項。如

  <BANNER>版權宣告用字置於此</BANNER>

 

<BASE>

  允許文件可以顯示並指引到文件本身的URL位址。如

  <BASE HREF=”文件的URL”>

 

BEHAVIOR屬性

  設定跑馬燈的捲動方式,共SCROLLSLIDEALTERNATE三種效果,

  SCROLL為預設值,一般的捲動

  SLIDE為文字碰到左右邊界時便停止

  ALTERNATE會造成文字內容於左右邊界間來回移動。如

  <MARQUEE BEHAVIOR=ALTERNATE>

 

BGCOLOR屬性

  設定背景的顏色。如

  <BODY BGCOLOR=”#000000”>

 

<BIG></BIG>

  將文字字型加大顯現。如

  <BIG>本標籤內的字體會放大</BIG>

 

<BLINK></BLINK>

  使標籤內的文字產生閃爍的效果,以吸引觀眾。如

  <BLINK>標籤內的文字產生閃爍的效果</BLINK>

 

<BLOCKQUOTE></BLOCKQUOTE>

  引用他人的話時,整各引言會又移並自成段落。如

  <BLOCKQUOTE>論語云:……</BLOCKQUOTE>

 

<BODY></BODY>

  包括標題、段落、列表等文件的開端與結尾。如

  <BODY>文件內容……</BODY>

  <BODY BGCOLOR=”#9999CC”>文件內容……</BODY>

  <BODY TEXT=”#CC55CC” LINK=”#3399FF” ALINK=”#99FF99” VLINK=”#99CC99”>

 

BORDER屬性

  指定表格外框大小及顯示格線否。如

  <TABLE BORDER=n>

 

BORDERCOLOR屬性

  設定表格格線的色彩。如

  <TABLE BORDER=5 BORDERCOLOR=”000000”>

 

<BR>

  換行,何<P>的分別是,<P>會換行並多空一列。

 

<CAPTION></CAPTION>

  用於設定表格的標題。如

  <CAPTION>表格標題</CAPTION>

  <CAPTIONALIGN=BOTTOM>標題內容</CAPTION>

 

CELLPADDING屬性

  指定儲存欄的內容和表格間的空白大小。如

  <TABLE CELLPADDING=n>

 

CELLSPACING屬性

  指定表格格線的寬度。如

  <TABLE CELLSPACING=n>

 

<CENTER></CENTER>

  將文字或圖案顯示於視窗的中間。如

  <CENTER>文字內容會置中</CENTER>

 

<CITE></CITE>

  文字字型特徵,用於引證列舉時,其文字會成斜體顯現。如

  <CITE>此處置放引經據典的內容</CITE>

 

<CODE></CODE>

  字型特徵,以較寬的字元來突程式的部分字元。如

  <CODE>x+y+z</CODE>

 

COLOR屬性

  設定文字顯示的顏色。如

  COLOR=#rrggbb  (範圍:00ff之間,為16進位)

 

COLS屬性

  以字元為單位,設定編輯區的寬度。

 

COMPACT屬性

  使表格緊密排列,以節省空間。如

  <DL COMPACT>, <OL COMPACT>

 

<DD></DD>

  常與DT(要項名稱)共用,以解釋DT內的文字。如

  <DL>

<DT>要項名稱

<DD>解釋要項的文字

  </DL>

 

<DFN></DFN>

  字型特徵,用來表示定義。

 

<DIR></DIR>

  目錄列表方式以作為標記的開端。要項文字通常不多過20個英文字母。如

   <LI TYPE=CIRCLE> 目錄文字一

   <LI TYPE=DISC> 目錄文字二

   <LI TYPE=SQUARE> 目錄文字三

  </DIR>

 

DIRECTION屬性

  在跑馬燈功能中設定文字捲動的方向。

 

<DL></DL>

  定義列表方式的開始與結束。如

  <DL>

   <DT>要項一

    <DD>說明要項一的內容

   <DT>要項二

    <DD>說明要項二的內容

  </DL>

 

<DT></DT>

  定義列表方式的要項。如

  <DL>

   <DT>要項名稱

    <DD>要項說明

  </DL>

 

<EM></EM>

  字型特徵,以斜體來強調一段或一組文字。如

  <EM>所要強調的文字</EM>

 

ENCTYPE屬性

  設定form的資料項在傳送到WWW伺服器端時加密的方法。

  此屬性僅在METHOD的值為POST時才可用,目前可以接受的值只有

  “application/x-www-form-urlencoded”

 

<FONT></FONT>

  字型的設定。如

  <FONT>文字內容</FONT>

  <FONT COLOR=”#0000FF”>此處文字變為藍色</FONT>

  <FONT SIZE=7>文字會變成最大</FONT>

 

<FONT FACE>

  指定特殊字型。如

  <FONT FACE=”標楷體”>

 

<FORM></FORM>

  指示HTML表單的內容,為了能接受讀者所送的資料,WWW伺服器必須要有URL

  的服務程式來作為接收。若省略ACTION=”URL"的設定,其內定值為FORM所在文

件的URL位址。如

  <FORM ACTION=”URL” METHOD=”POST”></FORM>

 

<FN></FN>

  為文件的註解,會顯現特殊的小圖像或文字圖示來標明註解。

 

<FRAME></FRAME>

  允許在一個視窗中顯示多種文件,每個子視窗互相獨立,可含不同的URL或巢狀子視窗。

  必須含在<frameset></frameset>之間,一個<frame>定義一個窗格,窗格數應與<frameset>

  rowscols屬性所定義的窗格數目相同。

  <frame>數目少於rowscols所定義的窗格數目時,沒有<frame>對應的窗格會以空白顯示。

  或多餘rowscols所定義的窗格數目時,多出來的<frame>會被忽略。

 

FRAMEBORDER屬性

  用來設定是否顯現視窗邊框。如

  <FRAMESET FRAMEBORDER=”yes/no”>

 

<FRAMESET></FRAMESET>

  將單一視窗分割成若干個子視窗。如

  <FRAMESET>

  ……

  </FRAMESET>

 

<HEAD></HEAD>

  文件的起始與結尾,以宣告文件標頭資訊已開始。

 

<Hn></Hn>

  HTML有六個階層的標題字,最大為<H1>,最小為<H6>。如

  <H1>標題字</H1>

 

<HR>

  水平線標記,常用來區隔文件段落或圖片,顏色與版面背景相關,可改變其長度、

寬度及位置。如

  <HR SIZE=5 WIDTH=75%>

  <HR NO SHADE>此為黑實線

  <HR SIZE=15 WIDTH=150 ALIGN=RIGHT>

 

HSPACE屬性

  設定圖形的左右間隔。如

  <IMG SRC=”檔名.gif” ALIGN=LEFT HSPACE=20>

 

<HTML></HTML>

  用以宣告HTML文件的開始,祇能包含HEADBODY兩個要素

 

<I></I>

  字型特徵,字體以斜體字來表現。如

  <I>此處文字會成為斜體字</I>

 

<IMG>

  內含圖形的標記。如

  <IMG SRC=”檔名.gif”>

  <IMG SRC=”檔名.gif” ALIGN=MIDDLE>

  <IMG SRC=”檔名.gif” ALT=”本圖片的文字訊息”>

 

<INPUT>

  用來設定其文字輸入格式的形態。如

  <INPUT NAME=”HOB” TYPE=CHECKBOX VALUE=”男生”>男生

 

<KBD></KBD>

  為鍵碼標示符號,在文件中提醒讀者鍵入所要的文字。通常其文字

會以較寬的字體來表示。如

  <KBD>PASSWORD</KBD>

 

<LI></LI>

  為列表方式所用的格式標籤,通常和<OL></OL>合用。如

  <OL>

   <LI>項目一

   <LI>項目二

    :

  </OL>

 

<LINK>

  主要用途在指出文件本身何其他文件之間的關係。如

  <LINK REL=連結屬性參數 REV=被連結屬性參數 HREF=”文件URL”>

  <LINK REL=HOME HREF=A1.html>

 

LOOP屬性

  可用來設定跑馬燈捲動的次數。如

  <MARQUE LOOP=3>

 

<MAP></MAP>

  用來描述圖片的某一個區域將連結到其他不同的URL

 

MARGINHEIGHT屬性

  可以設定窗格中顯示文件內容與窗格上邊界的距離。

 

MARGINWIDTH屬性

  可以設定窗格中顯示文件內容與窗格左邊界的距離。

 

<MARQUEE></MARQUEE>

  用來達到跑馬燈的效果。如

  <MARQUEE>欲使用跑馬登效果的文字</MARQUEE>

 

<MENU></MENU>

  菜單式的列表方式,通常和<LI>共用。如

  <MENU>寵物

   <LI>

   <LI>

  </MENU>

  <MENU>

   <LI TYPE=CIRCLE>要項一

   <LI TYPE=DISC>要項二

  </MENU>

 

<META>

  用於HEAD語法內,目的在定出擷取文件時的媒介。如

  <META HTTP-EQUIV=到期日期 CONTENT=”民國881220日止”>

 

METHOD屬性

  設定將FORM的資料項傳遞到WWW伺服器端的方法,即送給CGI程式的方法。

 

<NOBR></NOBR>

  不換行的標記。此標記使一列文字不因視窗過小而自動切成兩半。如

  <NOBR>此標籤間的內容不會換行</NOBR>

 

NORESIZE屬性

  讓使用者不可以在用滑鼠拖曳窗格邊框來改變窗格大小

 

<NOTE></NOTE>

  用於陳列解釋性的註解,在文字區內會顯現特殊小圖示及反白區。

 

<OL></OL>                                                  

  為有序列表方式,順序預設為阿拉伯數目字;在順序表列中,每一要項都包含LI的屬性。

  LI祇能顯現在OL列表方式中。此外利用TYPE屬性也可設定其他顯示符號。如

  <OL TYPE:A>

   <LI>顯示A

   <LI>顯示

  </OL>  以大寫字母作為順序的編號

 

<P>

  本功能除了換行外,還會增加一行空白列。和<BR>不同處在於<BR>只是單純的換行。

 

<PERSON></PERSON>

  用來強調人名。

 

<PRE></PRE>

  以原編輯方式呈現,即原文的空白、Return鍵及文字間的空白都會被保留下來。

  <PRE>文字內容</PRE>

 

ROWS屬性

  設定編輯區域的長度。

 

<SAMP></SAMP>

  字型特徵,文字會以較寬的字元顯現。

  <SAMP>引用字或範例</SAMP>

 

Scrolling屬性

  包含於<frame>標籤內的屬性。可用來設定是否顯示視窗捲軸。

 

SCROLLAMOUNT屬性

  設定跑馬燈前進的像素大小,以圖點(Pixel)為單位。

  SCROLLAMOUNT=25SCROLLDELAY=3

 

SCROLLDELAY屬性

  設定跑馬燈捲動一次的停頓時間(delay time),以毫秒(ms)為單位。

 

<SELECT></SELECT>

  多重選擇的形式。

  <SELECT NAME=”欄位名稱” SIZE=”欄位的行數”>

   <OPTION>選項內容

   <OPTION>選項內容

  </SELECT>

 

SIZE屬性

  設定字型的大小,共有七級大小。

  <SIZE= n>

  <SIZE= +n -n>

 

<SMALL></SMALL>

  將文字的字型縮小顯示。

  <SMALL>文字縮小顯示</SMALL>

 

<SPACER>

  於文字間加入空白區域。

  <SPACER TYPE=HORIZONTAL SIZE=40>

 

<STRIKE></STRIKE>

  字型特徵,為刪除字。

 

<STRONG></STRONG>

  字型特徵,用於加強文字內容,會以粗體顯現。

  <STRONG>此標籤間的文字會被強調</STRONG>

 

<SUB></SUB>

  文字以下標字來顯示。一般用於公式或化學式。

  H<SUB>2</SUB>O

 

<SUP></SUP>

  文字以上標字來顯示。一般用於公式或化學式。

  ( a + b )<SUP>2</SUP>

 

<TABLE></TABLE>

  宣告表格的開始與結束。

  <TABLE BORDER=5>  控制邊框厚度

  <TABLE BORDER CELLPADDING=0 CELLSPACING=5> 控制資料在空白方格內的面積及其線框寬度

  <TABLE BORDER WIDTH=80% HEIGHT=100> 設定表格的大小

 

<TD></TD>

  表明以下為表格內的資料內容。

  <TABLE BORDER=1 WIDTH=80%>

   <TR>

    <TH>主要標題

     <TD>資料內容(Data)

  </TABLE>

  

TEXT屬性

  設定文件中一般文字的顏色。

 

<TEXTAREA></TEXTAREA>

  設定預設文字資料,所鍵入的空白字元、定位字元(TAB)和換行字元都會顯示在螢幕上。

其預設文字資料區可隨文字內容的多寡來調整其尺寸。

  <TEXTAREA NAME=”名稱” COLS=60 ROWS=6>請輸入您的建議</TEXTAREA>

 

<TH></TH>

  指表格內的標頭,文字會以粗體字顯現。

  <TH ALIGN=CENTER> 指示標頭對齊的方向(現在設定置中)

   <TH COLSPAN=2>  用以宣告該格往右延伸的格數

   <TH ROWSPAN=3>  表示該格往下延伸的格數

 

<TITLE></TITLE>

  為文件的標頭,文件唯一的標題,會出現在瀏覽器上方標題欄內,

以描述整篇文件的用意及內容。

 

<TR>

  用以宣告表格中每一行的開始。

  <TABLE BORDER>

   <TR>

    <TH>主要標題

     <TD>資料內容一

     <TD>資料內容二

  </TABLE>

 

<TT></TT>

  字型特徵,文字會以打字機的字體顯示。

  <TT>打字機的字體</TT>

 

<U></U>

  字型特徵,字體下方會有橫線出現。

  <U>有底線的文字</U>

 

<UL></UL>

  非有序列表方式。每一要項前會有一空心圓點、實心圓點或方塊作為其開端。

  <UL TYPE=DISC>

   <LI>顯示●在要項一前面

   <LI>顯示●在要項二前面

  </UL>

  <UL TYPE=SQUARE>

   <LI>顯示在要項一前面

   <LI>顯示在要項二前面

  </UL>

 

<VAR></VAR>

  用來標示程式變數的名稱,會以斜體或粗體顯示。

 

VLINK

  連結後文字所顯現的顏色。讓讀者分辨此連結是否已瀏覽過。

 

VSPACE

  設定圖形上下的間隔。

 

<WBR></WBR>

  <NOBR>的標記一起使用。

  <NOBR>今天是一個<WBR>大日子</WBR></NOBR>

謝謝參閱,請多賜教指正,謝謝!

[網路教室] [電腦教室] [回到首頁]