HTML標(biāo)記大全參考手冊(cè)

1、-結(jié)構(gòu)性定義（由瀏覽器控制的顯示風(fēng)格）標(biāo)題（從1到6，有六層選擇）3.0標(biāo)題的對(duì)齊3.0區(qū)分3.0區(qū)分的對(duì)齊引文區(qū)塊（通常會(huì)內(nèi)縮）強(qiáng)調(diào)（通常會(huì)以斜體顯示）特別強(qiáng)調(diào)（通常會(huì)以加粗顯示）引文（通常會(huì)以斜體顯示）碼（顯示原始碼之用）樣本鍵盤(pán)輸入變數(shù)定義（有些瀏覽器不提供）地址3.0大字3.0小字-與外觀相關(guān)的標(biāo)簽（作者自訂的表現(xiàn)方式）加粗斜體3.0底線(xiàn)（尚有些瀏覽器不提供）3.0刪除線(xiàn)（尚有些瀏覽器不提供）3.0下標(biāo)3.0上標(biāo)打字機(jī)體（用單空格字型顯示）預(yù)定格式（保留文件中空格的大?。╊A(yù)定格式的寬度（以字元計(jì)算）N1.0+向中看齊（文字與圖片都可以）N1.0閃耀（有史以來(lái)最被嘲弄的標(biāo)簽）N1.0字體

2、大?。◤?到7）N1.0改變字體大小N1.0基本字體大?。◤?到7;內(nèi)定為3）N2.0字體顏色-連結(jié)與圖形連結(jié)連結(jié)到錨點(diǎn)（如果錨點(diǎn)在另一個(gè)檔案）（如果錨點(diǎn)目前的檔案）N2.0連結(jié)到目的視框設(shè)定錨點(diǎn)圖形圖形看齊方式N1.0圖形看齊方式取代文字（如果沒(méi)有辦法顯示圖形則顯示此文字）點(diǎn)選圖（需要CGI程式）N2.0點(diǎn)選圖N2.0地圖（描述地圖）N2.0段落3.0大?。ㄒ詐ixels為單位）N1.0圖形邊緣（以pixels為單位）N1.0圖形邊緣空間（以pixels為單位）N1.0低解析度圖形N1.1用戶(hù)端拉（使用端自動(dòng)更新）N2.0內(nèi)嵌物件（將物件插入頁(yè)面）N2.0內(nèi)嵌物件大小-分隔段落（通常是兩個(gè)r

3、eturn）3.0段落（新定義成容器型標(biāo)簽）3.0文字看齊方式換行（一個(gè)return）N1.0文字部份看齊方式（與圖形合用時(shí)）橫線(xiàn)N1.0橫線(xiàn)對(duì)齊N1.0橫線(xiàn)厚度（以pixels為單位）N1.0橫線(xiàn)寬度（以pixels為單位）N1.0橫線(xiàn)比率寬度（以頁(yè)寬為100%）N1.0實(shí)線(xiàn)（沒(méi)有立體效果）N1.0不可換行（不換行）N1.0可換行處（如果需要，可在此斷行）-列舉（可以巢狀列舉）無(wú)次序式列舉（放在每一項(xiàng)前）N1.0公布式列舉（定義全部的列舉項(xiàng)）（定義這個(gè)及其後的列舉項(xiàng)）有次序式列舉（放在每一項(xiàng)前）N1.0數(shù)標(biāo)型態(tài)（定義全部的列舉項(xiàng)）（定義這個(gè)及其後的列舉項(xiàng)）N1.0起始數(shù)字（定義全部的列舉項(xiàng)）

4、（定義這個(gè)及其後的列舉項(xiàng)）定義式列舉（項(xiàng)目,定義）表單式列舉（放在每一項(xiàng)前）目錄式列舉（放在每一項(xiàng)前）-背景與顏色3.0重復(fù)排列的背景N1.1+背景顏色（依序?yàn)榧t、綠、藍(lán)）N1.1+文字顏色N1.1+連結(jié)顏色N1.1+看過(guò)的連結(jié)N1.1使用中的連結(jié)-特殊字元（以下標(biāo)簽需用小寫(xiě)）特別符號(hào)&#?;（其中?代表ISO8859-1的編碼）&注冊(cè)商標(biāo)TMN1.0+注冊(cè)商標(biāo)TM著作權(quán)符號(hào)N1.0+著作權(quán)符號(hào)-表單（通常需要與CGI程式配合）定義表單N2.0上傳檔案輸入欄位欄位名稱(chēng)欄位內(nèi)定值已選定（適用於checkboxes與radioboxes）欄位寬度（以字元數(shù)為單位）最長(zhǎng)字?jǐn)?shù)（以字元數(shù)為單位）下拉式選

5、單下拉式選單名稱(chēng)選單項(xiàng)目數(shù)量多選式選單（多選）選項(xiàng)內(nèi)定選項(xiàng)文字輸入?yún)^(qū)輸入?yún)^(qū)名稱(chēng)N2.0輸入?yún)^(qū)換行方式-表格3.0定義表格3.0表格框線(xiàn)（有或沒(méi)有）N1.1表格框線(xiàn)（可以設(shè)定數(shù)值）N1.1儲(chǔ)存格左右留白N1.1儲(chǔ)存格上下留白N1.1表格寬度（以pixels為單位）N1.1寬度比率（頁(yè)寬為100%）3.0表格列3.0表格列內(nèi)容看齊3.0儲(chǔ)存格（須與列并用）3.0儲(chǔ)存格內(nèi)容看齊3.0不換行N3.0儲(chǔ)存格背景顏色3.0儲(chǔ)存格橫向連接3.0儲(chǔ)存格縱向連接N1.1儲(chǔ)存格寬度（以pixels為單位）N1.1儲(chǔ)存格寬度比率（頁(yè)寬為100%）3.0表格標(biāo)題（跟一樣，不過(guò)會(huì)對(duì)中并加粗）3.0表格標(biāo)題對(duì)齊3.0表格

6、標(biāo)題不換行3.0表格標(biāo)題占幾欄3.0表格標(biāo)題占幾列N1.1表格標(biāo)題寬度（以pixels為單位）N1.1表格標(biāo)題比率寬度（頁(yè)寬為100%）3.0表格抬頭3.0表格抬頭看齊（在表格之上/之下）-視框（定義與控制螢?zāi)簧系奶囟▍^(qū)域）N2.0視框格式總定義（取代）N2.0視框行長(zhǎng)度分配（pixels或%）N2.0視框行長(zhǎng)度分配（*=相對(duì)大?。㎞2.0視框欄寬度分配（pixels或%）N2.0視框欄寬度分配（*=相對(duì)大?。㎞2.0定義個(gè)別視框（定義個(gè)別視框）N2.0個(gè)別視框內(nèi)容N2.0個(gè)別視框名稱(chēng)N2.0邊緣寬度（左與右邊界）N2.0邊緣高度（天頂與地底邊界）N2.0卷動(dòng)條N2.0不可改變大小N2.0無(wú)視

7、框時(shí)的內(nèi)容（如果瀏覽器不提供視框功能的話(huà)）-雜項(xiàng)說(shuō)明（瀏覽器不會(huì)顯示）檔案型態(tài)聲明3.0檔案型態(tài)聲明可搜尋（指示可搜尋的索引項(xiàng)）N1.0提示（要求輸入的提示文字）送出搜尋條件（其中的問(wèn)號(hào)不是數(shù)字，而是問(wèn)號(hào)）基本檔案的URL（必須放在文頭區(qū)段內(nèi)）N2.0基本視窗名稱(chēng)（必須放在文頭區(qū)段內(nèi)）相關(guān)性（必須放在文頭區(qū)段內(nèi)）背景資訊（必須放在文頭區(qū)段內(nèi)） HTML標(biāo)簽詳解-HTML標(biāo)簽詳解HTML指令詳解結(jié)構(gòu)htmlheadtitle標(biāo)題title/headbody.文件內(nèi)容./body/html1.文件標(biāo)題title./title2.文件更新-meta【1】10秒后自動(dòng)更新一次metahttp-equi

8、v=refreshcontent=10【2】10秒後自動(dòng)連結(jié)到另一文件metahttp-equiv=refreshcontent=10；URL=欲連結(jié)文件之URL3.查詢(xún)用表單-isindex若欲設(shè)定查詢(xún)欄位前的提示文字：isindexprompt=提示文字4.預(yù)設(shè)的基準(zhǔn)路徑-basebasehref=放置文件的主機(jī)之URL版面1.標(biāo)題文字h#./h#=16；h1為最大字，h6為最小字2.字體變化font./font【1】字體大小fontsize=#./font#=17；數(shù)字愈大字也愈大【2】指定字型fontface=字型名稱(chēng)./font【3】文字顏色fontcolor=#rrggbb./fo

9、ntrr：表紅色（red）色碼gg：表綠色（green）色碼bb：表藍(lán)色（blue）色碼3.顯示小字體small./small4.顯示大字體big./big5.粗體字b./b6.斜體字i./i7.打字機(jī)字體tt./tt8.底線(xiàn)u./u9.刪除線(xiàn)strike./strike10.下標(biāo)字sub./sub11.上標(biāo)字sup./sup12.文字閃爍效果blink./blink13.換行br14.分段p15.文字的對(duì)齊方向palign=#號(hào)可為left：表向左對(duì)齊（預(yù)設(shè)值）center：表向中對(duì)齊right：表向右對(duì)齊P.S.palign=#之後的文字都會(huì)以所設(shè)的對(duì)齊方式顯示，直到出現(xiàn)另一個(gè)palign

10、=#改變其對(duì)齊方向，或遇到hrh#標(biāo)簽時(shí)會(huì)自動(dòng)設(shè)回預(yù)設(shè)的向左對(duì)齊。16.分隔線(xiàn)hr【1】分隔線(xiàn)的粗細(xì)hrsize=點(diǎn)數(shù)【2】分隔線(xiàn)的寬度hrsize=點(diǎn)數(shù)或百分比【3】分隔線(xiàn)對(duì)齊方向hralign=#號(hào)可為left：表向左對(duì)齊（預(yù)設(shè)值）center：表向中對(duì)齊right：表向右對(duì)齊【4】分隔線(xiàn)的顏色hrcolor=#rrggbb【5】實(shí)心分隔線(xiàn)hrnoshade17.向中對(duì)齊center./center18.依原始樣式顯示pre./pre19.body指令的屬性【1】背景顏色-bgcolorbodybgcolor=#rrggbb【2】背景圖案-backgroundbodybackground=

11、圖形文件名【3】設(shè)定背景圖案不會(huì)卷動(dòng)-bgpropertiesbodybgproperties=fixed【4】文件內(nèi)容文字的顏色-textbodytext=#rrggbb【5】超連結(jié)文字顏色-linkbodylink=#rrggbb【6】正被選取的超連結(jié)文字顏色-vlinkbodyvlink=#rrggbb【7】已連結(jié)過(guò)的超連結(jié)文字顏色-alinkbodyalink=#rrggbb20.注解!-.-21.特殊字元表示法符號(hào)語(yǔ)法&空白 圖片1.插入圖片imgsrc=圖形文件名2.設(shè)定圖框-borderimgsrc=圖形文件名border=點(diǎn)數(shù)3.設(shè)定圖形大小-widthheightimgsrc

12、=圖形文件名width=寬度點(diǎn)數(shù)height=高度點(diǎn)數(shù)4.設(shè)定圖形上下左右留空-vspacehspaceimgsrc=圖形文件名vspace=上下留空點(diǎn)數(shù)hspace=左右留空點(diǎn)數(shù)5.圖形附注imgsrc=圖形文件名alt=說(shuō)明文字6.預(yù)載圖片areashape=形狀coords=區(qū)域座標(biāo)列表href=連結(jié)點(diǎn)之URLareashape=形狀coords=區(qū)域座標(biāo)列表href=連結(jié)點(diǎn)之URLareashape=形狀coords=區(qū)域座標(biāo)列表href=連結(jié)點(diǎn)之URLareashape=形狀coords=區(qū)域座標(biāo)列表href=連結(jié)點(diǎn)之URL/map【1】定義形狀-shapeshape=rect：矩形

13、shape=circle：圓形shape=poly：多邊形【2】定義區(qū)域-coordsa.矩形：必須使用四個(gè)數(shù)字，前兩個(gè)數(shù)字為左上角座標(biāo)，后兩個(gè)數(shù)字為右下角座標(biāo)例：areashape=rectcoords=100,50,200,75href=URLb.圓形：必須使用三個(gè)數(shù)字，前兩個(gè)數(shù)字為圓心的座標(biāo)，最后一個(gè)數(shù)字為半徑長(zhǎng)度例：areashape=circlecoords=85,155,30href=URLc.任意圖形（多邊形）：將圖形之每一轉(zhuǎn)折點(diǎn)座標(biāo)依序填入例：areashape=polycoords=232,70,285,70,300,90,250,90,200,78href=URL表格1.定

14、義表格table./table【1】設(shè)定邊框的厚度-bordertableborder=點(diǎn)數(shù)【2】設(shè)定格線(xiàn)的寬度-cellspacingtablecellspacing=點(diǎn)數(shù)【3】設(shè)定資料與格線(xiàn)的距離-cellpaddingtablecellpadding=點(diǎn)數(shù)【4】調(diào)整表格寬度-widthtablewidth=點(diǎn)數(shù)或百分比【5】調(diào)整表格高度-heighttableheight=點(diǎn)數(shù)或百分比【6】設(shè)定表格背景色彩-bgcolortablebgcolor=#rrggbb【7】設(shè)定表格邊框色彩-bordercolortablebordercolor=#rrggbb2.顯示格線(xiàn)tableborder

15、3.表格標(biāo)題caption./caption表格標(biāo)題位置-aligncaptionalign=#號(hào)可為top：表標(biāo)題置于表格上方（預(yù)設(shè)值）bottom：表標(biāo)題置于表格下方4.定義列tr5.定義欄位1td：靠左對(duì)齊2th：靠中對(duì)齊粗體【1】水平位置-alignthalign=#號(hào)可為left：向左對(duì)齊center：向中對(duì)齊right：向右對(duì)齊【2】垂直位置-alignthalign=#號(hào)可為top：向上對(duì)齊middle：向中對(duì)齊bottom：向下對(duì)齊【3】欄位寬度-widththwidth=點(diǎn)數(shù)或百分比【4】欄位垂直合并-rowspanthrowspan=欲合并欄位數(shù)【5】欄位橫向合并-cols

16、panthcolspan=欲合并欄位數(shù)清單一、目錄式清單二、選項(xiàng)式清單menuli項(xiàng)目1li項(xiàng)目2li項(xiàng)目3/menu三、有序號(hào)的清單olli項(xiàng)目1li項(xiàng)目2li項(xiàng)目3/ol【1】序號(hào)形式-typeoltype=#或litype=#號(hào)可為A：表以大寫(xiě)英文字母ABCD.做為項(xiàng)目編號(hào)a：表以小寫(xiě)英文字母abcd.做為項(xiàng)目編號(hào)I：表以大寫(xiě)羅馬數(shù)字做為項(xiàng)目編號(hào)i：表以小寫(xiě)羅馬數(shù)字做為項(xiàng)目編號(hào)1：表以阿拉伯?dāng)?shù)字做為項(xiàng)目編號(hào)（預(yù)設(shè)值）【2】起始數(shù)字-startolstart=欲開(kāi)始計(jì)數(shù)的序數(shù)【3】指定編號(hào)-valuelivalue=欲指定的序數(shù)四、無(wú)序號(hào)的清單ulli項(xiàng)目1li項(xiàng)目2li項(xiàng)目3/ul【1】

17、項(xiàng)目符號(hào)形式-typeultype=#或litype=#號(hào)可為disc：實(shí)心圓點(diǎn)（預(yù)設(shè)值）circle：空心圓點(diǎn)square：實(shí)心方塊【2】原始清單-plainulplain【3】清單排列方式-warp1清單垂直排列ulwarp=vert2清單水平排列ulwarp=horiz五、定義式清單dldt項(xiàng)目1dd項(xiàng)目1說(shuō)明dt項(xiàng)目2dd項(xiàng)目2說(shuō)明dt項(xiàng)目3dd項(xiàng)目3說(shuō)明/dl緊密排列表單一、基本架構(gòu)formaction=處理資料用的CGI程式之URL或mailto:電子信箱的URLmethod=get或post./form二、輸入文件型表單formaction=URLmethod=postinput

18、input./form【1】欄位類(lèi)型-typeinputtype=#號(hào)可為text：文字輸入password：密碼checkbox：多選鈕radio：?jiǎn)芜x鈕submit：接受按鈕reset：重設(shè)按鈕image：圖形鈕hidden：隱藏欄位【reset則name不必設(shè)定【3】文件上的預(yù)設(shè)值-valueinputvalue=預(yù)設(shè)之字串【4】設(shè)定欄位的寬度-sizeinputsize=字元數(shù)【5】限制最大輸入字串的長(zhǎng)度-maxlengthinputmaxlength=字元數(shù)【6】預(yù)設(shè)checkbox或radio的初值-checkedinputtype=checkboxcheckedinputtype

19、=radiochecked【7】指定圖形的URL-srcinputtype=imagesrc=圖檔名【8】圖文對(duì)齊-aligninputtype=imagealign=#號(hào)可為top：文字對(duì)齊圖片之頂端middle：文字對(duì)齊圖片之中間buttom：文字對(duì)齊圖片之底部三、選擇式表單formaction=URLmethod=postselectoptionoption./select/formA、select的屬性【1】欄位名稱(chēng)-nameselectname=資料欄位名【2】設(shè)定顯示的選項(xiàng)數(shù)-sizeselectsize=個(gè)數(shù)【3】多重選項(xiàng)-multipleselectmultipleB、opti

20、on的屬性【1】定義選項(xiàng)的傳回值-valueoptionvalue=傳回值【2】預(yù)先選取的選項(xiàng)-selectedoptionselected四、多列輸入文字區(qū)表單formaction=URLmethod=posttextarea./textarea/form【1】文字區(qū)的變數(shù)名稱(chēng)-nametextareaname=變數(shù)名稱(chēng)【2】設(shè)定文字輸入?yún)^(qū)寬度-colstextareacols=字元數(shù)【3】設(shè)定文字輸入?yún)^(qū)高度-rowstextarearows=列數(shù)【4】輸入?yún)^(qū)設(shè)定預(yù)設(shè)字串textarea預(yù)設(shè)文字/textarea【5】自動(dòng)換行與否-wraptextareawrap=#號(hào)可為off：表輸入的文字超過(guò)欄寬時(shí)，不會(huì)自動(dòng)換行（預(yù)設(shè)值）virtual：表輸入的文字在超過(guò)欄寬時(shí)會(huì)自動(dòng)換行鏈接一、連結(jié)至其他文件ahref=URL說(shuō)明文字或圖片/a二、連結(jié)至文件內(nèi)之某一處（外部連結(jié)）1起點(diǎn)ahref=檔名#名稱(chēng)./a2終點(diǎn)aname=名稱(chēng)三、frame的超連結(jié)【1】開(kāi)啟新的瀏覽器來(lái)顯示連結(jié)文件-_blankahref=URLtarget=_blank【2】顯示連結(jié)文件於目前的frame