HTML教學

基本標記
文件格式	`<HTML></HTML>`	(檔案的開頭與結尾)
主題	`<TITLE></TITLE>`	(必須放在文頭區段)
文頭區段	`<HEAD></HEAD>`	(描述文件的資訊，如「主題」)
內文區段	`<BODY></BODY>`	(內容所在)

與結構相關的標記
標題	`<H?></H?>`	(有六層)
標題對齊	`<H? ALIGN=LEFT\|CENTER\|RIGHT></H?>`
區段	`<DIV></DIV>`
區段對齊	`<DIV ALIGN=LEFT\|RIGHT\|CENTER></DIV>`
引文區段	`<BLOCKQUOTE></BLOCKQUOTE>`	(顯示時通常會內縮)
強調	`<EM></EM>`	(通常以斜體顯示)
強烈強調	`<STRONG></STRONG>`	(通常以黑體顯示)
引用語句	`<CITE></CITE>`	(通常以斜體顯示)
程式碼	`<CODE></CODE>`
程式輸出樣本	`<SAMP></SAMP>`
鍵盤輸入	`<KBD></KBD>`
程式變數	`<VAR></VAR>`
定義	`<DFN></DFN>`	(有些瀏覽器無此功能)
作者地址	`<ADDRESS></ADDRESS>`
大字	`<BIG></BIG>`
小字	`<SMALL></SMALL>`

與顯示方式有關的標記
加粗	`<B></B>`
斜體	`<I></I>`
底線	`<U></U>`	(有些瀏覽器無此功能)
刪除線	`<STRIKE></STRIKE>`	(有些瀏覽器無此功能)
刪除線	`<S></S>`	(有些瀏覽器無此功能)
下標字	`<SUB></SUB>`
上標字	`<SUP></SUP>`
打字機體	`<TT></TT>`	(空白字元與其他文元之寬度相同的字體)
依據預定格式	`<PRE></PRE>`	(保持文字間的相對位置)
預定格式的寬度	`<PRE WIDTH=?></PRE>`	(以字元計)
文字對中	`<CENTER></CENTER>`	(文字與圖形都會對中)
閃爍	`<BLINK></BLINK>`	(最被嘲弄的標記)
字體大小	`<FONT SIZE=?></FONT>`	(由 1到 7)
改變字體大小	`<FONT SIZE="+\|-?"></FONT>`
基本字體大小	`<BASEFONT SIZE=?>`	(內設值為 3)
字體顏色	`<FONT COLOR="#$$$$$$"></FONT>`
指定字形	`<FONT FACE="***"></FONT>`
多欄位	`<MULTICOL COLS=?></MULTICOL>`
欄位內文與邊緣間隔	`<MULTICOL GUTTER=?></MULTICOL>`	(內定值為10 pixels)
欄位寬度	`<MULTICOL WIDTH=?></MULTICOL>`
留白	`<SPACER>`
留白型態	`<SPACER TYPE=horizontal\| vertical\|block>`
留白大小	`<SPACER SIZE=?>`
留白尺寸	`<SPACER WIDTH=? HEIGHT=?>`
留白位置	`<SPACER ALIGN=left\|right\|center>`

超文連結與圖形
連結	`<A HREF="URL"></A>`
連結到錨點	`<A HREF="URL#***"></A>`	(錨點在另一份文件)
連結到錨點	`<A HREF="#***"></A>`	(錨點在同一文件)
連結到指定之視框	`<A HREF="URL" TARGET="***\| \|_blank\|_self\|_parent\|_top"></A>`
設定「錨點」	`<A NAME="***"></A>`
正向關連	`<A REL="***"></A>`	(有些瀏覽器無此功能)
反向關連	`<A REV="***"></A>`	(有些瀏覽器無此功能)
顯示圖形	`<IMG SRC="URL">`
圖形位置	`<IMG SRC="URL" ALIGN=TOP\|BOTTOM\|MIDDLE\|LEFT\|RIGHT>`
圖形位置	`<IMG SRC="URL" ALIGN=TEXTTOP\| ABSMIDDLE\|BASELINE\|ABSBOTTOM>`
取代文字	`<IMG SRC="URL" ALT="***">`	(如果無法顯示圖形)
可點選圖形	`<IMG SRC="URL" ISMAP>`	(需要與程式配合)
使用者端之可點選圖形	`<IMG SRC="URL" USEMAP="URL">`
點選圖名稱	`<MAP NAME="***"></MAP>`
指定可點選區域	`<AREA SHAPE="RECT" COORDS=",,," HREF="URL"\|NOHREF>`
圖形尺寸	`<IMG SRC="URL" WIDTH=? HEIGHT=?>`	(以 pixels 為單位)
邊線大小	`<IMG SRC="URL" BORDER=?>`	(以 pixels 為單位)
四周留白	`<IMG SRC="URL" HSPACE=? VSPACE=?>`	(以 pixels 為單位)
低解析度圖形	`<IMG SRC="URL" LOWSRC="URL">`
用戶端定時更新	`<META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">`
Plug-in 物件	`<EMBED SRC="URL">`	(把Plug-in物件加入文件)
物件大小	`<EMBED SRC="URL" WIDTH=? HEIGHT=?>`

劃分區段
段落	`<P></P>`	(結束標記通常可省略)
指定文字對齊方式	`<P ALIGN=LEFT\|CENTER\|RIGHT></P>`
強迫斷行	`<BR>`
指定斷行後起點	`<BR CLEAR=LEFT\|RIGHT\|ALL>`
橫線	`<HR>`
橫線位置	`<HR ALIGN=LEFT\|RIGHT\|CENTER>`
橫線厚度（向下）	`<HR SIZE=?>`	(以 pixels 為單位)
橫線長度（向右）	`<HR WIDTH=?>`	(以 pixels 為單位)
橫線比率寬度	`<HR WIDTH="%">`	(與頁寬相比)
實線	`<HR NOSHADE>`	(無立體效果)
不可斷行	`<NOBR></NOBR>`
可斷行處	`<WBR>`	(視需要，可在此斷行)

列舉
無序列舉	`<UL><LI></UL>`	(`<LI>` before each list item)
簡潔化	`<UL COMPACT></UL>`
標頭符號類型	`<UL TYPE=DISC\|CIRCLE\|SQUARE>`	(用於所有列舉項)
標頭符號類型	`<LI TYPE=DISC\|CIRCLE\|SQUARE>`	(本項及其後項)
有序列舉	`<OL><LI></OL>`	(`<LI>` before each list item)
簡潔化	`<OL COMPACT></OL>`
數字型態	`<OL TYPE=A\|a\|I\|i\|1>`	(用於所有列舉項)
數字型態	`<LI TYPE=A\|a\|I\|i\|1>`	(本項及其後項)
起始數字	`<OL START=?>`	(用於所有列舉項)
起始數字	`<LI VALUE=?>`	(本項及其後項)
定義式列舉	`<DL><DT><DD></DL>`	(`<DT>=定義項目, <DD>`=定義內容)
簡潔化	`<DL COMPACT></DL>`
菜單式列舉	`<MENU><LI></MENU>`	(`<LI>` 放在每一列舉項之前)
簡潔化	`<MENU COMPACT></MENU>`
目錄式列舉	`<DIR><LI></DIR>`	(`<LI>` 放在每一列舉項之前)
簡潔化	`<DIR COMPACT></DIR>`

背景與顏色
背景圖案	`<BODY BACKGROUND="URL">`
背景顏色	`<BODY BGCOLOR="#$$$$$$">`	(依序是　紅／綠／藍)
文字顏色	`<BODY TEXT="#$$$$$$">`
未按過的連結顏色	`<BODY LINK="#$$$$$$">`
按過的連結的顏色	`<BODY VLINK="#$$$$$$">`
正被按的連結的顏色	`<BODY ALINK="#$$$$$$">`

特殊字元 (下列標記需用小寫)
特殊字元	&#?;	( ? 為 ISO 8859-1 碼)
<	`<`
>	`>`
&	`&`
"	`"`
Registered TM	`®`
Copyright	`©`
Non-Breaking Space	` `

表單
表單宣告	`<FORM ACTION="URL" METHOD=GET\|POST></FORM>`
上傳檔案	`<FORM ENCTYPE="multipart/form-data"></FORM>`
可輸入元件	`<INPUT TYPE="TEXT\|PASSWORD\|CHECKBOX\|RADIO\| IMAGE\|HIDDEN\|SUBMIT\|RESET">`
元件名稱	`<INPUT NAME="***">`
元件內定值	`<INPUT VALUE="***">`
已選定？	`<INPUT CHECKED>`	(適用於checkboxes 與 radio boxes 兩種元件)
元件大小	`<INPUT SIZE=?>`	(以字元為單位)
最多輸入字數	`<INPUT MAXLENGTH=?>`	(以字元為單位)
下拉式選單	`<SELECT></SELECT>`
選單名稱	`<SELECT NAME="***"></SELECT>`
選項數量	`<SELECT SIZE=?></SELECT>`
可多選選單	`<SELECT MULTIPLE>`
選項	`<OPTION>`
內定選項	`<OPTION SELECTED>`
大量文字輸入區	`<TEXTAREA ROWS=? COLS=?></TEXTAREA>`
大量文字輸入區名稱	`<TEXTAREA NAME="***"></TEXTAREA>`
文字換行方式	`<TEXTAREA WRAP=OFF\|VIRTUAL\|PHYSICAL></TEXTAREA>`

表格
表格宣告	`<TABLE></TABLE>`
表格邊線	`<TABLE BORDER=?></TABLE>`
儲存格間距	`<TABLE CELLSPACING=?>`
儲存格內容與邊線距離	`<TABLE CELLPADDING=?>`
表格寬度	`<TABLE WIDTH=?>`	(以 pixels 為單位)
表格比率寬度	`<TABLE WIDTH="%">`	(相對於頁寬)
儲存列	`<TR></TR>`
儲存列對齊方式	`<TR ALIGN=LEFT\|RIGHT\| CENTER\|MIDDLE\|BOTTOM VALIGN=TOP\|BOTTOM\|MIDDLE>`
儲存格	`<TD></TD>`	(must appear within table rows)
儲存格對齊方式	`<TD ALIGN=LEFT\|RIGHT\| CENTER\|MIDDLE\|BOTTOM VALIGN=TOP\|BOTTOM\|MIDDLE>`
儲存格內文字不斷行	`<TD NOWRAP>`
橫跨欄位（向右）	`<TD COLSPAN=?>`
縱跨數列（向下）	`<TD ROWSPAN=?>`
儲存格寬度	`<TD WIDTH=?>`	(以 pixels 為單位)
儲存格比率寬度	`<TD WIDTH="%">`	(相對於表格)( *
儲存格底色	`<TD BGCOLOR="#$$$$$$">`
儲存列標題	`<TH></TH>`	(內容會加粗置中)
列標題文字對齊	`<TH ALIGN=LEFT\|RIGHT\| CENTER\|MIDDLE\|BOTTOM VALIGN=TOP\|BOTTOM\|MIDDLE>`
列標題文字不換行	`<TH NOWRAP>`
列標題橫跨數欄	`<TH COLSPAN=?>`
列標題橫跨數列	`<TH ROWSPAN=?>`
列標題寬度	`<TH WIDTH=?>`	(以pixels為單位)
列標題比率寬度	`<TH WIDTH="%">`	(相對於表格)
列標題底色	`<TH BGCOLOR="#$$$$$$">`
表格標題	`<CAPTION></CAPTION>`
表格標題位置	`<CAPTION ALIGN=TOP\|BOTTOM>`	(在表格之上／下)

視框
視框定義檔宣告	`<FRAMESET></FRAMESET>`	(取代了`<BODY>`)
列高度	`<FRAMESET ROWS=,,,></FRAMESET>`	(以pixels或 % 表示)
列高度	`<FRAMESET ROWS=*></FRAMESET>`	(* = 相對大小)
欄寬度	`<FRAMESET COLS=,,,></FRAMESET>`	(以pixels或 % 表示)
欄寬度	`<FRAMESET COLS=*></FRAMESET>`	(* = 相對大小)
邊線寬度	`<FRAMESET BORDER=?>`
邊線	`<FRAMESET FRAMEBORDER="yes\|no">`
邊線顏色	`<FRAMESET BORDERCOLOR="#$$$$$$">`
視框宣告	`<FRAME>`	(個別視框的內容)
顯示文件	`<FRAME SRC="URL">`
視框名稱	`<FRAME NAME="***"\|_blank\|_self\| _parent\|_top>`
邊界寬度	`<FRAME MARGINWIDTH=?>`	(左右邊界)
邊界高度	`<FRAME MARGINHEIGHT=?>`	(上下邊界)
可捲動？	`<FRAME SCROLLING="YES\|NO\|AUTO">`
不可改變大小	`<FRAME NORESIZE>`
邊線	`<FRAME FRAMEBORDER="yes\|no">`
邊線顏色	`<FRAME BORDERCOLOR="#$$$$$$">`
視框取代文字	`<NOFRAMES></NOFRAMES>`	(為無法顯示視框的瀏覽器所顯示)

其它
註解	`<!-- *** -->`	(瀏覽器不會顯示出來)
HTML 3.2宣告	`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">`
可搜尋	`<ISINDEX>`	(提示一個輸入欄位)
搜尋欄位之提示字	`<ISINDEX PROMPT="***">`
送出搜尋條件	`<A HREF="URL?***"></a>`	(？一定要加上)
本文件的基本網址	`<BASE HREF="URL">`	(必須放在文頭區段)
預設目的視框名稱	`<BASE TARGET="***">`	(必須放在文頭區段內)
關連	`<LINK REV="*" REL="*" HREF="URL">`	(必須放在文頭區段內)
背景資訊	`<META>`	(必須放在文頭區段內)
Style Sheets	`<STYLE></STYLE>`