更新時間：2015-02-06結(jié)構(gòu)
＜html＞
＜head＞
＜title＞標(biāo)題＜title＞
＜/head＞
＜body＞..........文件內(nèi)容..........
＜/body＞
＜/html＞
1.文件標(biāo)題
＜title＞..........＜/title＞
2.文件更新--＜meta＞
【1】10秒后自動更新一次
＜meta http-equiv="refresh" content=10＞
【2】10秒後自動連結(jié)到另一文件
＜meta http-equiv="refresh" content="10；URL=欲連結(jié)文件之URL"＞
3.查詢用表單--＜isindex>
若欲設(shè)定查詢欄位前的提示文字：
＜isindex 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.文字的對齊方向 ＜p align="#"＞ #號可為 left：表向左對齊（預(yù)設(shè)值） center：表向中對齊 right：表向右對齊 P.S.＜p align="#"＞之後的文字都會以所設(shè)的對齊方式顯示， 直到出現(xiàn)另一個＜p align="#"＞改變其對齊方向，或遇到 ＜hr＞ⅱ＜h#＞標(biāo)簽時會自動設(shè)回預(yù)設(shè)的向左對齊。
16.分隔線 ＜hr＞
【1】分隔線的粗細(xì) ＜hr size=點(diǎn)數(shù)＞
【2】分隔線的寬度 ＜hr size=點(diǎn)數(shù)或百分比＞
【3】分隔線對齊方向 ＜hr align="#"＞ #號可為 left：表向左對齊（預(yù)設(shè)值） center：表向中對齊 right：表向右對齊
【4】分隔線的顏色 ＜hr color=#rrggbb＞
【5】實(shí)心分隔線 ＜hr noshade＞
17.向中對齊 ＜center＞..........＜/center＞
18.依原始樣式顯示 ＜pre＞..........＜/pre＞
19.＜body＞指令的屬性
【1】背景顏色 -- bgcolor ＜body bgcolor=#rrggbb＞
【2】背景圖案 -- background ＜body background="圖形文件名"＞
【3】設(shè)定背景圖案不會卷動 -- 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é)過的超連結(jié)文字顏色 -- alink ＜body alink=#rrggbb＞
20.注解 ＜!--..........--＞21.特殊字元表示法
符 號 語 法
＜ �。Γ欤�
＞ �。Γ纾�
& �。Γ幔恚�
" �。Γ瘢酰铮�
空白 �。Γ睿猓螅�
圖片
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="說明文字"＞
6.預(yù)載圖片
＜img src="高解析度圖形文件名" lowsrc="低解析度圖形文件名"＞ P.S.兩個圖的圖形大小最好一致
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.矩形：必須使用四個數(shù)字，前兩個數(shù)字為左上角座標(biāo)，后兩個數(shù)字為右下角座標(biāo)
例：＜area shape=rect coords=100,50,200,75 href="URL"＞
b.圓形：必須使用三個數(shù)字，前兩個數(shù)字為圓心的座標(biāo)，最后一個數(shù)字為半徑長度
例：＜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="#"＞ #號可為 top：表標(biāo)題置于表格上方（預(yù)設(shè)值）
bottom：表標(biāo)題置于表格下方
4.定義列 ＜tr＞
5.定義欄位 《1》＜td＞：靠左對齊
《2》＜th＞：靠中對齊ⅱ粗體
【1】水平位置 -- align ＜th align="#"＞
#號可為 left：向左對齊
center：向中對齊 right：向右對齊
【2】垂直位置 -- align ＜th align="#"＞ #號可為
top：向上對齊 middle：向中對齊
bottom：向下對齊
【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.目錄式清單每一個項(xiàng)目不能超過20個字元（即10個中文字）
二、選項(xiàng)式清單 ＜menu＞ ＜li＞項(xiàng)目1 ＜li＞項(xiàng)目2 ＜li＞項(xiàng)目3 ＜/menu＞
三、有序號的清單 ＜o(jì)l＞ ＜li＞項(xiàng)目1 ＜li＞項(xiàng)目2 ＜li＞項(xiàng)目3 ＜/ol＞
【1】序號形式 -- type ＜o(jì)l type=#＞或＜li type=#＞ #號可為 A：表以大寫英文字母AⅱBⅱCⅱD...做為項(xiàng)目編號 a：表以小寫英文字母aⅱbⅱcⅱd...做為項(xiàng)目編號 I：表以大寫羅馬數(shù)字做為項(xiàng)目編號 i：表以小寫羅馬數(shù)字做為項(xiàng)目編號 1：表以阿拉伯?dāng)?shù)字做為項(xiàng)目編號（預(yù)設(shè)值）
【2】起始數(shù)字 -- start ＜o(jì)l start=欲開始計數(shù)的序數(shù)＞
【3】指定編號 -- value ＜li value=欲指定的序數(shù)＞
四、無序號的清單 ＜ul＞ ＜li＞項(xiàng)目1 ＜li＞項(xiàng)目2 ＜li＞項(xiàng)目3 ＜/ul＞
【1】項(xiàng)目符號形式 -- type ＜ul type=#＞或＜li type=#＞ #號可為 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說明 ＜dt＞項(xiàng)目2 ＜dd＞項(xiàng)目2說明 ＜dt＞項(xiàng)目3 ＜dd＞項(xiàng)目3說明 ＜/dl＞
緊密排列 -- compact ＜dl compact＞ P.S.如此可使＜dt＞的內(nèi)容與＜dd＞的內(nèi)容在同一行，僅 以數(shù)格空白相隔而不換行，但若＜dt＞的文字超過一 定的長度后，compact的作用就消失了！
表單
一、基本架構(gòu) ＜form action="處理資料用的CGI程式之URL"或"mailto:電子信箱的URL" method="get或post"＞ .......... .......... .......... ＜/form＞
二、輸入文件型表單 ＜form action="URL" method="post"＞ ＜input＞ ＜input＞ .......... .......... ＜/form＞
【1】欄位類型 -- type ＜input type=#＞ #號可為 text：文字輸入 password：密碼 checkbox：多選鈕 radio：單選鈕 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】限制最大輸入字串的長度 -- 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="圖
