＜html＞
＜head＞
＜title＞標(biāo)題＜title＞
＜/head＞
＜body＞……….文件內(nèi)容……….
＜/body＞
＜/html＞

1.文件標(biāo)題
＜title＞……….＜/title＞
2.文件更新–＜meta＞
　【1】10秒后自動(dòng)更新一次
　　＜meta http-equiv=”refresh” content=10＞
　【2】10秒後自動(dòng)連結(jié)到另一文件
　?。糾eta http-equiv=”refresh” content=”10；URL=欲連結(jié)文件之URL”＞
3.查詢用表單–＜isindex>
　　　若欲設(shè)定查詢欄位前的提示文字：
　?。糹sindex prompt=”提示文字”＞
4.預(yù)設(shè)的基準(zhǔn)路徑–＜base>
   ＜base href=”放置文件的主機(jī)之URL”＞

版面
1.標(biāo)題文字 ＜h#＞……….＜/h#＞ #=1~6；h1為最大字，h6為最小字
2.字體變化 ＜font＞……….＜/font＞
【1】字體大小 ＜font size=#＞……….＜/font＞ #=1~7；數(shù)字愈大字也愈大
【2】指定字型 ＜font face=”字型名稱”＞……….＜/font＞
【3】文字顏色 ＜font color=#rrggbb＞……….＜/font＞ rr：表紅色（red）色碼 gg：表綠色（green）色碼 bb：表藍(lán)色（blue）色碼
3.顯示小字體 ＜small＞……….＜/small＞
4.顯示大字體 ＜big＞……….＜/big＞
5.粗體字 ＜b＞……….＜/b＞
6.斜體字 ＜i＞……….＜/i＞
7.打字機(jī)字體 ＜tt＞……….＜/tt＞
8.底線 ＜u＞……….＜/u＞
9.刪除線 ＜strike＞……….＜/strike＞
10.下標(biāo)字 ＜sub＞……….＜/sub＞
11.上標(biāo)字 ＜sup>……….＜/sup＞
12.文字閃爍效果 ＜blink＞……….＜/blink＞
13.換行 ＜br＞
14.分段 ＜p＞
15.文字的對(duì)齊方向 ＜p align=”#”＞ #號(hào)可為 left：表向左對(duì)齊（預(yù)設(shè)值） center：表向中對(duì)齊 right：表向右對(duì)齊 P.S.＜p align=”#”＞之後的文字都會(huì)以所設(shè)的對(duì)齊方式顯示， 直到出現(xiàn)另一個(gè)＜palign=”#”＞改變其對(duì)齊方向，或遇到 ＜hr＞?＜h#＞標(biāo)簽時(shí)會(huì)自動(dòng)設(shè)回預(yù)設(shè)的向左對(duì)齊。
16.分隔線 ＜hr＞
【1】分隔線的粗細(xì) ＜hr size=點(diǎn)數(shù)＞
【2】分隔線的寬度 ＜hr size=點(diǎn)數(shù)或百分比＞
【3】分隔線對(duì)齊方向 ＜hr align=”#”＞ #號(hào)可為 left：表向左對(duì)齊（預(yù)設(shè)值） center：表向中對(duì)齊 right：表向右對(duì)齊
【4】分隔線的顏色 ＜hr color=#rrggbb＞
【5】實(shí)心分隔線 ＜hr noshade＞
17.向中對(duì)齊 ＜center＞……….＜/center＞
18.依原始樣式顯示 ＜pre＞……….＜/pre＞
19.＜body＞指令的屬性
【1】背景顏色 — bgcolor ＜body bgcolor=#rrggbb＞
【2】背景圖案 — background ＜body background=”圖形文件名”＞
【3】設(shè)定背景圖案不會(huì)卷動(dòng) — bgproperties ＜body bgproperties=fixed＞
【4】文件內(nèi)容文字的顏色 — text ＜body text=#rrggbb＞
【5】超連結(jié)文字顏色 — link ＜body link=#rrggbb＞
【6】正被選取的超連結(jié)文字顏色 — vlink ＜body vlink=#rrggbb＞
【7】已連結(jié)過(guò)的超連結(jié)文字顏色 — alink ＜body alink=#rrggbb＞
20.注解 ＜!–……….–＞21.特殊字元表示法
符 號(hào) 　　語(yǔ) 法 
＜  　　?。Γ欤?nbsp;
＞  　　?。Γ纾?nbsp;
& 　　 ?。Γ幔恚?nbsp;
”  　　?。Γ瘢酰铮?nbsp;
空白  　　＆ｎｂｓｐ  

圖片
1.插入圖片 ＜img src=”圖形文件名”＞
2.設(shè)定圖框 — border ＜img src=”圖形文件名” border=點(diǎn)數(shù)＞
3.設(shè)定圖形大小 — width?height ＜img src=”圖形文件名” width=寬度點(diǎn)數(shù) height=高度點(diǎn)數(shù)＞
4.設(shè)定圖形上下左右留空 — vspace?hspace ＜img src=”圖形文件名” vspace=上下留空點(diǎn)數(shù) hspace=左右留空點(diǎn)數(shù)＞
5.圖形附注 ＜img src=”圖形文件名” alt=”說(shuō)明文字”＞
6.預(yù)載圖片
＜img src=”高解析度圖形文件名” lowsrc=”低解析度圖形文件名”＞ P.S.兩個(gè)圖的圖形大小最好一致
7.影像地圖（Image Map） ＜img src=”圖形文件名” usemap=”#圖的名稱”＞ ＜map name=”圖的名稱”＞
       ＜area shape=形狀 coords=區(qū)域座標(biāo)列表 href=”連結(jié)點(diǎn)之URL”＞
       ＜area shape=形狀 coords=區(qū)域座標(biāo)列表 href=”連結(jié)點(diǎn)之URL”＞
       ＜area shape=形狀 coords=區(qū)域座標(biāo)列表 href=”連結(jié)點(diǎn)之URL”＞
       ＜area shape=形狀 coords=區(qū)域座標(biāo)列表 href=”連結(jié)點(diǎn)之URL”＞    ＜/map＞   
【1】定義形狀 — shape
       shape=rect：矩形         shape=circle：圓形         shape=poly：多邊形   
【2】定義區(qū)域 — coords
a.矩形：必須使用四個(gè)數(shù)字，前兩個(gè)數(shù)字為左上角座標(biāo)，后兩個(gè)數(shù)字為右下角座標(biāo)
例：＜area shape=rect coords=100,50,200,75 href=”/URL”＞
b.圓形：必須使用三個(gè)數(shù)字，前兩個(gè)數(shù)字為圓心的座標(biāo)，最后一個(gè)數(shù)字為半徑長(zhǎng)度
例：＜area shape=circle coords=85,155,30 href=”/URL”＞
c.任意圖形（多邊形）：將圖形之每一轉(zhuǎn)折點(diǎn)座標(biāo)依序填入
例：＜area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href=”/URL”＞

表格
1.定義表格 ＜table＞……….＜/table＞
【1】設(shè)定邊框的厚度 — border
＜table border=點(diǎn)數(shù)＞
【2】設(shè)定格線的寬度 — cellspacing
＜table cellspacing=點(diǎn)數(shù)＞
【3】設(shè)定資料與格線的距離 — cellpadding
＜table cellpadding=點(diǎn)數(shù)＞
【4】調(diào)整表格寬度 — width
＜table width=點(diǎn)數(shù)或百分比＞
【5】調(diào)整表格高度 — height
＜table height=點(diǎn)數(shù)或百分比＞
【6】設(shè)定表格背景色彩 — bgcolor
＜table bgcolor=#rrggbb＞
【7】設(shè)定表格邊框色彩 — bordercolor
＜table bordercolor=#rrggbb＞

2.顯示格線 ＜table border＞

3.表格標(biāo)題
＜caption＞……….＜/caption＞
表格標(biāo)題位置 — align
＜caption align=”#”＞ #號(hào)可為 top：表標(biāo)題置于表格上方（預(yù)設(shè)值）
bottom：表標(biāo)題置于表格下方
4.定義列 ＜tr＞

5.定義欄位 《1》＜td＞：K左對(duì)齊

《2》＜th＞：K中對(duì)齊?粗體
【1】水平位置 — align ＜th align=”#”＞
#號(hào)可為 left：向左對(duì)齊
center：向中對(duì)齊 right：向右對(duì)齊
【2】垂直位置 — align ＜th align=”#”＞ #號(hào)可為
top：向上對(duì)齊 middle：向中對(duì)齊
bottom：向下對(duì)齊
【3】欄位寬度 — width
＜th width=點(diǎn)數(shù)或百分比＞
【4】欄位垂直合并 — rowspan
＜th rowspan=欲合并欄位數(shù)＞
【5】欄位橫向合并 — colspan
＜th colspan=欲合并欄位數(shù)＞

清單

一、目錄式清單
＜dir＞ ＜li＞項(xiàng)目1 ＜li＞項(xiàng)目2 ＜li＞項(xiàng)目3 ＜/dir＞ P.S.目錄式清單每一個(gè)項(xiàng)目不能超過(guò)20個(gè)字元（即10個(gè)中文字）

二、選項(xiàng)式清單 ＜menu＞ ＜li＞項(xiàng)目1 ＜li＞項(xiàng)目2 ＜li＞項(xiàng)目3 ＜/menu＞

三、有序號(hào)的清單 ＜o(jì)l＞ ＜li＞項(xiàng)目1 ＜li＞項(xiàng)目2 ＜li＞項(xiàng)目3 ＜/ol＞
【1】序號(hào)形式 — type ＜o(jì)l type=#＞或＜li type=#＞ #號(hào)可為 A：表以大寫英文字母A?B?C?D…做為項(xiàng)目編號(hào) a：表以小寫英文字母a?b?c?d…做為項(xiàng)目編號(hào) I：表以大寫羅馬數(shù)字做為項(xiàng)目編號(hào) i：表以小寫羅馬數(shù)字做為項(xiàng)目編號(hào) 1：表以阿拉伯?dāng)?shù)字做為項(xiàng)目編號(hào)（預(yù)設(shè)值）
【2】起始數(shù)字 — start ＜o(jì)l start=欲開始計(jì)數(shù)的序數(shù)＞
【3】指定編號(hào) — value ＜li value=欲指定的序數(shù)＞

四、無(wú)序號(hào)的清單 ＜ul＞ ＜li＞項(xiàng)目1 ＜li＞項(xiàng)目2 ＜li＞項(xiàng)目3 ＜/ul＞
【1】項(xiàng)目符號(hào)形式 — type ＜ul type=#＞或＜li type=#＞ #號(hào)可為 disc：實(shí)心圓點(diǎn)（預(yù)設(shè)值） circle：空心圓點(diǎn) square：實(shí)心方塊
【2】原始清單 — plain ＜ul plain＞
【3】清單排列方式 — warp 《1》清單垂直排列 ＜ul warp = vert＞ 《2》清單水平排列 ＜ul warp = horiz＞

五、定義式清單 ＜dl＞ ＜dt＞項(xiàng)目1 ＜dd＞項(xiàng)目1說(shuō)明 ＜dt＞項(xiàng)目2 ＜dd＞項(xiàng)目2說(shuō)明 ＜dt＞項(xiàng)目3 ＜dd＞項(xiàng)目3說(shuō)明 ＜/dl＞
緊密排列 — compact ＜dl compact＞ P.S.如此可使＜dt＞的內(nèi)容與＜dd＞的內(nèi)容在同一行，僅 以數(shù)格空白相隔而不換行，但若＜dt＞的文字超過(guò)一 定的長(zhǎng)度后，compact的作用就消失了！
表單

一、基本架構(gòu) ＜form action=”處理資料用的CGI程式之URL”或”mailt電子信箱的URL” method=”get或post”＞ ………. ………. ………. ＜/form＞

二、輸入文件型表單 ＜form action=”URL” method=”post”＞ ＜input＞ ＜input＞ ………. ………. ＜/form＞
【1】欄位類型 — type ＜input type=#＞ #號(hào)可為 text：文字輸入 password：密碼 checkbox：多選鈕 radio：?jiǎn)芜x鈕 submit：接受按鈕 reset：重設(shè)按鈕 image：圖形鈕 hidden：隱藏欄位
【2】欄位名稱 — name ＜input name=”資料欄名”＞ P.S.若type為submit?reset則name不必設(shè)定
【3】文件上的預(yù)設(shè)值 — value ＜input value=”預(yù)設(shè)之字串”＞
【4】設(shè)定欄位的寬度 — size ＜input size=字元數(shù)＞
【5】限制最大輸入字串的長(zhǎng)度 — maxlength ＜input maxlength=字元數(shù)＞
【6】預(yù)設(shè)checkbox或radio的初值 — checked ＜input type=checkbox checked＞ ＜input type=radio checked＞
【7】指定圖形的URL — src ＜input type=image src=”圖檔名”＞
【8】圖文對(duì)齊 — align ＜input type=image align=”#”＞ #號(hào)可為 top：文字對(duì)齊圖片之頂端 middle：文字對(duì)齊圖片之中間 buttom：文字對(duì)齊圖片之底部

三、選擇式表單 ＜form action=”URL” method=”post”＞ ＜select＞ ＜o(jì)ption＞ ＜o(jì)ption＞ ………. ………. ＜/select＞ ＜/form＞
A、＜select＞的屬性
【1】欄位名稱 — name ＜select name=”資料欄位名”＞
【2】設(shè)定顯示的選項(xiàng)數(shù) — size ＜select size=個(gè)數(shù)＞
【3】多重選項(xiàng) — multiple ＜select multiple＞
B、＜o(jì)ption＞的屬性
【1】定義選項(xiàng)的傳回值 — value ＜o(jì)ption value=”傳回值”＞
【2】預(yù)先選取的選項(xiàng) — selected ＜o(jì)ption selected＞

四、多列輸入文字區(qū)表單 ＜form action=”URL” method=”post”＞ ＜textarea＞ ………. ………. ＜/textarea＞ ＜/form＞
【1】文字區(qū)的變數(shù)名稱 — name ＜textarea name=變數(shù)名稱＞
【2】設(shè)定文字輸入?yún)^(qū)寬度 — cols ＜textarea cols=字元數(shù)＞
【3】設(shè)定文字輸入?yún)^(qū)高度 — rows ＜textarea rows=列數(shù)＞
【4】輸入?yún)^(qū)設(shè)定預(yù)設(shè)字串 ＜textarea＞ 預(yù)設(shè)文字 ＜/textarea＞
【5】自動(dòng)換行與否 — wrap ＜textarea wrap=#＞ #號(hào)可為 off：表輸入的文字超過(guò)欄寬時(shí)，不會(huì)自動(dòng)換行（預(yù)設(shè)值） virtual：表輸入的文字在超過(guò)欄寬時(shí)會(huì)自動(dòng)換行
鏈接

一、連結(jié)至其他文件 ＜a href=”/URL”＞說(shuō)明文字或圖片＜/a＞

二、連結(jié)至文件內(nèi)之某一處（外部連結(jié)）
《1》起點(diǎn)
＜a href=”檔名#名稱”＞……….＜/a＞
《2》終點(diǎn) ＜a name=”名稱”＞

三、frame的超連結(jié)
【1∷?糶碌匿?榔骼聰允玖?崳募?– _blank ＜a href=”/URL” target=_blank＞
【2】顯示連結(jié)文件於目前的frame — _self ＜a href=”/URL” target=_self＞
【3】以上一層的分割視窗顯示連結(jié)文件 — _parent ＜a href=”/URL” target=_parent＞
【4】以全視窗顯示連結(jié)文件 — _top ＜a href=”/URL” target=_top＞
【5】以特定視窗顯示連結(jié)文件 –＜a href=”/URL” target=”特定視窗名稱”＞
FRAME

一、分割視窗指令 ＜frameset＞……….＜/frameset＞
【1】垂直（上下）分割 — rows
＜frameset rows=#＞ #號(hào)可為點(diǎn)數(shù)：如欲分割為100,200,300三個(gè)視窗，則
＜frameset rows=100,200,300＞；亦可以*號(hào)代表，如＜frameset rows=*,500,*＞
百分比：如＜frameset rows=30%,70%＞，各 項(xiàng)總和最好為100%
【2】水平（左右）分割 — cols ＜frameset cols=點(diǎn)數(shù)或百分比＞

二?指定視窗內(nèi)容 — ＜frame＞
＜frameset cols=30%,70%＞    ＜frame＞    ＜frame＞ ＜/frameset＞
【1】指定視窗的文件名稱 — src ＜frame src=HTML檔名＞
【2】定義視窗的名稱 — name
＜frame name=視窗名稱＞
【3】設(shè)定文件與上下邊框的距離 — marginheight
＜frame marginheight=點(diǎn)數(shù)＞
【4】設(shè)定文件與左右邊框的距離 — marginwidth
＜frame marginwidth=點(diǎn)數(shù)＞
【5】設(shè)定分割視窗卷軸 — scrolling
＜frame scrolling=#＞ #號(hào)可為 yes：固定出現(xiàn)卷軸
no：不出現(xiàn)卷軸 auto：自動(dòng)判斷文件大小需不需要卷軸（預(yù)設(shè)值）
【6】鎖住分割視窗的大小 — noresize ＜frame noresize＞