結構

＜html＞
＜head＞
＜title＞标題＜title＞
＜/head＞
＜body＞..........文件(jiàn)内容..........
＜/body＞
＜/html＞
1.文件(jiàn)标題
＜title＞..........＜/title＞
2.文件(jiàn)更新--＜meta＞
　【1】10秒(miǎo)後自(zì)動更新一(yī)次
　　＜meta http-equiv="refresh" content=10＞
　【2】10秒(miǎo)後自(zì)動連結到(dào)另一(yī)文件(jiàn)
　　＜meta http-equiv="refresh" content="10；URL=欲連結文件(jiàn)之URL"＞
3.查詢用表單--＜isindex>
　　　若欲設定查詢欄位前的提示文字：
　　＜isindex prompt="提示文字"＞
4.預設的基準路(lù)徑--＜base>
   ＜base href="放(fàng)置文件(jiàn)的主機(jī)之URL"＞

版面

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

圖片

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

表格

1.定義表格 ＜table＞..........＜/table＞
【1】設定邊框的厚度 -- border
＜table border=點數＞
【2】設定格線的寬度 -- cellspacing
＜table cellspacing=點數＞
【3】設定資料與格線的距離 -- cellpadding
＜table cellpadding=點數＞
【4】調整表格寬度 -- width
＜table width=點數或百分比＞
【5】調整表格高(gāo)度 -- height
＜table height=點數或百分比＞
【6】設定表格背景色彩 -- bgcolor
＜table bgcolor=#rrggbb＞
【7】設定表格邊框色彩 -- bordercolor
＜table bordercolor=#rrggbb＞
2.顯示格線 ＜table border＞
3.表格标題
＜caption＞..........＜/caption＞
表格标題位置 -- align
＜caption align="#"＞ #号可為(wèi) top：表标題置于表格上(shàng)方（預設值）
bottom：表标題置于表格下(xià)方
4.定義列 ＜tr＞
5.定義欄位 《1》＜td＞：靠左對齊
《2》＜th＞：靠中對齊?粗體
【1】水(shuǐ)平位置 -- align ＜th align="#"＞
#号可為(wèi) left：向左對齊
center：向中對齊 right：向右對齊
【2】垂直位置 -- align ＜th align="#"＞ #号可為(wèi)
top：向上(shàng)對齊 middle：向中對齊
bottom：向下(xià)對齊
【3】欄位寬度 -- width
＜th width=點數或百分比＞
【4】欄位垂直合并 -- rowspan
＜th rowspan=欲合并欄位數＞
【5】欄位橫向合并 -- colspan
＜th colspan=欲合并欄位數＞

清單

一(yī)、目錄式清單
＜dir＞ ＜li＞項目1 ＜li＞項目2 ＜li＞項目3 ＜/dir＞ P.S.目錄式清單每一(yī)個(gè)項目不能(néng)超過20個(gè)字元（即10個(gè)中文字）
二、選項式清單 ＜menu＞ ＜li＞項目1 ＜li＞項目2 ＜li＞項目3 ＜/menu＞
三、有序号的清單 ＜ol＞ ＜li＞項目1 ＜li＞項目2 ＜li＞項目3 ＜/ol＞
【1】序号形式 -- type ＜ol type=#＞或＜li type=#＞ #号可為(wèi) A：表以大寫英文字母A?B?C?D...做為(wèi)項目編号 a：表以小(xiǎo)寫英文字母a?b?c?d...做為(wèi)項目編号 I：表以大寫羅馬數字做為(wèi)項目編号 i：表以小(xiǎo)寫羅馬數字做為(wèi)項目編号 1：表以阿拉伯數字做為(wèi)項目編号（預設值）
【2】起始數字 -- start ＜ol start=欲開(kāi)始計數的序數＞
【3】指定編号 -- value ＜li value=欲指定的序數＞
四、無序号的清單 ＜ul＞ ＜li＞項目1 ＜li＞項目2 ＜li＞項目3 ＜/ul＞
【1】項目符号形式 -- type ＜ul type=#＞或＜li type=#＞ #号可為(wèi) disc：實心圓點（預設值） circle：空心圓點 square：實心方塊
【2】原始清單 -- plain ＜ul plain＞
【3】清單排列方式 -- warp 《1》清單垂直排列 ＜ul warp = vert＞ 《2》清單水(shuǐ)平排列 ＜ul warp = horiz＞
五、定義式清單 ＜dl＞ ＜dt＞項目1 ＜dd＞項目1說明 ＜dt＞項目2 ＜dd＞項目2說明 ＜dt＞項目3 ＜dd＞項目3說明 ＜/dl＞
緊密排列 -- compact ＜dl compact＞ P.S.如此可使＜dt＞的内容與＜dd＞的内容在同一(yī)行，僅 以數格空白(bái)相(xiàng)隔而不換行，但若＜dt＞的文字超過一(yī) 定的長(cháng)度後，compact的作用就(jiù)消失了！

表單

一(yī)、基本架構 ＜form action="處理資料用的CGI程式之URL"或"mailto:電(diàn)子信箱的URL" method="get或post"＞ .......... .......... .......... ＜/form＞
二、輸入文件(jiàn)型表單 ＜form action="URL" method="post"＞ ＜input＞ ＜input＞ .......... .......... ＜/form＞
【1】欄位類型 -- type ＜input type=#＞ #号可為(wèi) text：文字輸入 password：密碼 checkbox：多(duō)選鈕 radio：單選鈕 submit：接受按鈕 reset：重設按鈕 image：圖形鈕 hidden：隐藏欄位
【2】欄位名稱 -- name ＜input name="資料欄名"＞ P.S.若type為(wèi)submit?reset則name不必設定
【3】文件(jiàn)上(shàng)的預設值 -- value ＜input value="預設之字串"＞
【4】設定欄位的寬度 -- size ＜input size=字元數＞
【5】限制最大輸入字串的長(cháng)度 -- maxlength ＜input maxlength=字元數＞
【6】預設checkbox或radio的初值 -- checked ＜input type=checkbox checked＞ ＜input type=radio checked＞
【7】指定圖形的URL -- src ＜input type=image src="圖檔名"＞
【8】圖文對齊 -- align ＜input type=image align="#"＞ #号可為(wèi) top：文字對齊圖片之頂端 middle：文字對齊圖片之中間 buttom：文字對齊圖片之底部
三、選擇式表單 ＜form action="URL" method="post"＞ ＜select＞ ＜option＞ ＜option＞ .......... .......... ＜/select＞ ＜/form＞
A、＜select＞的屬性
【1】欄位名稱 -- name ＜select name="資料欄位名"＞
【2】設定顯示的選項數 -- size ＜select size=個(gè)數＞
【3】多(duō)重選項 -- multiple ＜select multiple＞
B、＜option＞的屬性
【1】定義選項的傳回值 -- value ＜option value="傳回值"＞
【2】預先選取的選項 -- selected ＜option selected＞
四、多(duō)列輸入文字區表單 ＜form action="URL" method="post"＞ ＜textarea＞ .......... .......... ＜/textarea＞ ＜/form＞
【1】文字區的變數名稱 -- name ＜textarea name=變數名稱＞
【2】設定文字輸入區寬度 -- cols ＜textarea cols=字元數＞
【3】設定文字輸入區高(gāo)度 -- rows ＜textarea rows=列數＞
【4】輸入區設定預設字串 ＜textarea＞ 預設文字 ＜/textarea＞
【5】自(zì)動換行與否 -- wrap ＜textarea wrap=#＞ #号可為(wèi) off：表輸入的文字超過欄寬時，不會(huì)自(zì)動換行（預設值） virtual：表輸入的文字在超過欄寬時會(huì)自(zì)動換行

鏈接

一(yī)、連結至其他文件(jiàn) ＜a href="URL"＞說明文字或圖片＜/a＞

二、連結至文件(jiàn)内之某一(yī)處（外部連結）

《1》起點
＜a href="檔名#名稱"＞..........＜/a＞
《2》終點 ＜a name="名稱"＞

三、frame的超連結

【1】開(kāi)啓新的浏覽器(qì)來顯示連結文件(jiàn) -- _blank ＜a href="URL" target=_blank＞
【2】顯示連結文件(jiàn)於目前的frame -- _self ＜a href="URL" target=_self＞
【3】以上(shàng)一(yī)層的分割視窗(chuāng)顯示連結文件(jiàn) -- _parent ＜a href="URL" target=_parent＞
【4】以全視窗(chuāng)顯示連結文件(jiàn) -- _top ＜a href="URL" target=_top＞
【5】以特定視窗(chuāng)顯示連結文件(jiàn) --＜a href="URL" target="特定視窗(chuāng)名稱"＞

FRAME

一(yī)、分割視窗(chuāng)指令 ＜frameset＞..........＜/frameset＞
【1】垂直（上(shàng)下(xià)）分割 -- rows
＜frameset rows=#＞ #号可為(wèi)點數：如欲分割為(wèi)100,200,300三個(gè)視窗(chuāng)，則
＜frameset rows=100,200,300＞；亦可以*号代表，如＜frameset rows=*,500,*＞
百分比：如＜frameset rows=30%,70%＞，各 項總和最好為(wèi)100%
【2】水(shuǐ)平（左右）分割 -- cols ＜frameset cols=點數或百分比＞
二?指定視窗(chuāng)内容 -- ＜frame＞
＜frameset cols=30%,70%＞    ＜frame＞    ＜frame＞ ＜/frameset＞
【1】指定視窗(chuāng)的文件(jiàn)名稱 -- src ＜frame src=HTML檔名＞
【2】定義視窗(chuāng)的名稱 -- name
＜frame name=視窗(chuāng)名稱＞
【3】設定文件(jiàn)與上(shàng)下(xià)邊框的距離 -- marginheight
＜frame marginheight=點數＞
【4】設定文件(jiàn)與左右邊框的距離 -- marginwidth
＜frame marginwidth=點數＞
【5】設定分割視窗(chuāng)卷軸 -- scrolling
＜frame scrolling=#＞ #号可為(wèi) yes：固定出現卷軸
no：不出現卷軸 auto：自(zì)動判斷文件(jiàn)大小(xiǎo)需不需要卷軸（預設值）
【6】鎖住分割視窗(chuāng)的大小(xiǎo) -- noresize ＜frame noresize＞