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屬性
設定跑馬燈的捲動方式,共SCROLL、SLIDE、ALTERNATE三種效果,
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 (範圍:00∼ff之間,為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>中
的rows或cols屬性所定義的窗格數目相同。
<frame>數目少於rows或cols所定義的窗格數目時,沒有<frame>對應的窗格會以空白顯示。
或多餘rows或cols所定義的窗格數目時,多出來的<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文件的開始,祇能包含HEAD和BODY兩個要素
<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=”民國88年12月20日止”>
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=25、SCROLLDELAY=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>
謝謝參閱,請多賜教指正,謝謝!