HTML標記大全

1、一、HTML標記注釋：紅色字體為標記和其必不可少的屬性；綠色字體為標記中的屬性，可任意選取所需要的屬性；天藍色字體為自由填充的屬性值；黑色字體為補充內容及對標識和描述內容的注解1、HTML 標記的語法是： <標記名稱 屬性1名=屬性1值屬性2名=屬性2值 標記在表示HTML文檔內容結構和含義的時候，通常有兩種方式，我們分別稱單標記和 雙標記。表1:HTML定義的用于描述 頁面整體結構的四種標記VHTML>VHEAD>VTITLE> （加入網(wǎng)頁的標題）v/TITLE>V/HEAD>VBODY> v/BODY>v/HTML>2、VBODY>

2、;的屬性BGCOLOR=" 顏色”（設置背景顏色）BACKGROUND 圖片名”（設置背景圖片）BGPROPERTIESJ'FIXED"（設置背景圖片固定不變 ）TEXT="顏色”（設置文本顏色）LINK="顏色”（默認鏈接）VLINK="顏色”（當鼠標按下時的鏈接）ALINK="鏈接 按鈕"（當鼠標松開后的鏈接）TOPMARGIN= 距離（文本距頂部的距離 ）LEFTMARGIN= 距離（文本距左邊的 距離）3、設置播放器，必須在 BODY的雙標記中存在<BGSOUND SRC=" 地址"

3、（歌名或視頻名）>VEMBDE SRC="地址”（歌名或視頻名）WIDTH=寬度HEIGHT=高度（調整播放器的寬度 和高度）HIDDEN="TRUE"（隱藏播放器）>4、 如何使網(wǎng)頁在網(wǎng)站的排名靠前，其必須在HEAD中存在VMETA NAME ="KEYWORD " CONTENT="描述網(wǎng)站內容 "> （用于標記搜索引擎 在搜索該頁面時所取出的關鍵詞 ）VMETA COUNT=" 描述內容"NAMEM'DESCRIPTION"（用來標記描述內容）VMETA NAME

4、="AUTHOR" CONTENT=" 作者名稱" > （用來標記文檔的作者）VMETA HTTP-EQUIV="CONTENT-TYPE" CONTENT = "TEXT/HTML; CHARSET =GB2312"> （用來標記你的頁面的解碼方式）VMETA HTTP-EQUIV="REFRESH" CONTENT=" 5;URL= Http:/ www.baidu .com "> （用 來自動刷新網(wǎng)頁）5、標題字體表2:語法:<H * ALIGN

5、= “對齊位置 ” > v/H *>說明：其中*可以選擇1 6,且按順序字體從大到小顯示；ALIGN屬性值可以選擇“l(fā)eft、“ cente、” “ right三個中間的一個。一個標題占一個獨立段，字體自動顯示為黑體且不容不冋大小的字體6、文章字體表3:語法:VFONT SIZE= “ 大小” COLOR= “ 顏色” > v/FONT>說明：其中SIZE屬性可以選擇1 7;COLOR屬性值可以選擇 RGB值或者預定義顏色名稱。常用的顏色名稱有：black（黑）,white （白），red （紅）,green （綠）,blue （藍），yellow （黃），aqua （

6、淺綠）fuchsia （紫紅）,gray （灰）丄ime （橙）,maroon （栗色），purple （紫），olive （橄欖）silver （銀色）7、物理字體表4:語法:vB> v/B>vI> v/I>vU> v/U>說明：B標記用來指示以粗體字顯示文本標記用來指示以斜體 子顯示文本U標記用來指示為文本加上下劃線表5:語法:vSUP> v/SUP>vSUB>v/SUB>vSTRIKE> v/STRIKE>說明：SUP標記指示以上標 方式顯示文本SUB標記指示以下標方 式顯示文本STRIKE標記用來指示在文本的正中

7、央畫一條刪去線8字符實體在往HTML文檔中寫入特殊字符，如 ”、”、“&”、“等要使用特殊的代碼，瀏覽器會用HTML命令對這些特殊代碼進行翻譯。往網(wǎng)頁中輸入特殊字符，需在HTML代碼中加入以&開頭的字母組合或以 &#開頭的數(shù)字。9、對齊方式表6:vCENTER> v/CENTER>這個標記沒有屬性，其作用是將標記中 間的字符居中對齊，其作用和<DIVALIGN= “ center ” ></DI一樣。語法：vDIV ALIGN= “對齊位置” > v/DIV>說明：ALIGN 屬性可以用 “l(fā)eft、”“center、"

8、; “right，分別對應于將標記中間的字符塊按照左、中、右對齊。表7:語法:VP ALIGN= “對齊位置 ” > v/P>說明：<P>用于換行，意冋于回車兩次。<P>和<DIV>中的ALIGN屬性的屬性值一樣，也是取 left、cen ter、right三個值，分別對應將中間的字體左、中、右對齊。10、文字移動表&語法：VMARQUEE DIRECTION“ 移動方向 ” BEHAVIOR=“ 移動方式 ” LOOP“ 移動次 數(shù)” SCROLLAMOUNT=字體循環(huán)移動的速度 ” SCROLLDELAY= 字體循環(huán)移動的延時” HE

9、IGHT“ 高度” WIDTH ='寬度” BGCOLOR = 背景顏色” </MARQUEE>說明：其中的DIRECTION屬性的屬性值是取 “l(fā)eft、” “righ”，Up”，down”四個值，分別對 應將中間的字體向左、右、上、下移動；BEHAVIOR屬性的屬性值是取 “ scroll、”“ slide、” “ alternated個值，分別對應將中 間的字體循環(huán)移動、只移動一次、在屏幕中間來回移動；_00P屬性的屬性值是取一個數(shù)值，表示將中間的字體循環(huán)移動的次數(shù)； SCROLLAMOUNT屬性的屬性值是取數(shù)字值，對應將中間的字體循環(huán)移動的速度， 數(shù)值越大，表示速度

10、越快；SCROLLDELAY 屬性的屬性值是取數(shù)字值，對應將中間的字體循環(huán)移動的延時， 設置這個參數(shù)也會影響到文字移動的速度；HEIGHT屬性的屬性值是取數(shù)字值，這個屬性控制了文字移動面積的高度； WIDTH屬性的屬性值是取數(shù)字值，這個屬性控制了文字移動面積的寬度；BGCOLOR屬性的屬性值可以取 RGB值，或者用預定義值，它控制了移動文字的 背景顏色；11、文字中行的控制表9:語法:<P ALIGN“ 對齊位置”v/P>說明：其中ALIGN屬性的屬性值可以取“l(fā)eft、” “center、” “right三個值中的值，這個屬性控制了段落中的文字在Web頁面中的對齊方式。需要注意的

11、是有些瀏覽器不支持右對齊方式。表10:語法:<BR>說明：這個標記是單標記。換仃標記，意冋于回車一次。12、列表無序列表表11：語法:<UL TYPE=“ 強調符類型 ” COMPACTv/UL>說明：TYPE屬性可以分別取三個值“disc、” “square” “circle ,（在某些瀏覽器中，TYPE屬性的值必須使用小寫瀏覽器才可以識別）它是用來控制強調符風格的屬性，三個 值分別對應實心圓點，實心方塊，空心圓圈。需要說明的是有些瀏覽器不支持該屬 性。COMPACT屬性是個無值屬性（名稱標記），用來使列表的表項用緊湊格式顯示。有序列表 表12:語法:<OL T

12、YPE=“ 強調符類型 ” START=“” COMPACT> v/OL>說明：TYPE屬性可以分別取五個值“ 1” “a、 “A”、 “i、” “ 1,”用來控制強調符風格的屬性，五個值分別對應數(shù)子、小與子母、大與子母、小與羅馬數(shù)子、大與羅馬數(shù)子。 START屬性是一個數(shù)字，表示從第幾個數(shù)字（字母）開始計數(shù)。COMPACT屬性是個無值屬性（名稱標記），用來使列表的表項用緊湊格式顯示。表13:語法:<LI TYPE“強調符類型”v/LI>說明：TYPE屬性是可選的，一般情況下是不需要的，因為在整體列表定義時應該已經(jīng)定 義完畢，只有在極少數(shù)情況下， 需要使不冋表項的強調符

13、不冋，才有必要在這里定義這個屬性。屬性值的選擇和前面列表的屬性選項一致。定義列表:表14:語法:<DL COMPACT > v/DL>說明：COMPACT屬性是個無值屬性（名稱標記），用來使列表的表項用緊湊格式顯示。表15:語法:<DT> v/DT>說明：<DT>標記用于標注需要定義的術語表16:語法:<DD> v/DD>說明:<DD>標記用于標注該術語的定義表17:無序列表有序列表定義列表<UL TYPE= “強調符類型”vOL TYPE= “強調符類型”vDL>vLI TYPE=“ 強調符類型 ”v/

14、LI>START= “從哪開始計數(shù)” >vDT><LI> v/LI> vLI TYPE= “ 強調符類型 ”v/LI>vDD>vLI > v/LI>vLI> v/LI> v/DD>v/UL>vLI > v/LI>v/DT>v/OL>v/DL>13、預格式化表18:語法:vPRE> v/PRE>說明:<PRE>標記用于使瀏覽器原封不動地顯示預先編排好格式的一段文本14、鏈接超鏈接是 WWW的基礎，也是其核心。表19:語法:vA HREF=“ url#name

15、” TARGET“ 鏈接打開的位置 ” x/A>說明：HREF部分中url后邊跟的“name部分是指定頁面的指定部分的標識，用“#分割url和指定部分標識。TARGET參數(shù)定義了鏈接打開的位置。A、 相對地址：描述了從一個頁面到另一個頁面的路徑，而不是In ternet的完整地址。B、絕對地址：描述的不是兩個文件相對的路徑關系，它描述的是兩個文件相對于根的關系C、物理地址：是使用文件存放在硬盤上的位置的路徑來描述文件的方式。15、加入圖片大多數(shù)的瀏覽器都支持兩種圖形格式：GIF （圖形互換格式）和 JPEG （聯(lián)合圖像專家組）表20：語法：<IMG SRC=“圖片來源” ALIGN

16、=“對齊方式” BORDER= 邊框線寬度” ALT= “鼠 標放在圖片上時，框內顯示的內容”說明：SRC表示圖片的來源（存放路徑）； ALIGN屬性標識了圖片在頁面中的對齊方式； BORDER屬性標識了圖片的邊框線的寬度； ALT屬性是在圖片顯示后，對圖片的一段描述。16、水平線表21：語法:<HR ALIGN =對齊方式” WIDTH= “ 寬度” SIZE=粗細” NOSHADE>說明：ALIGN屬性用來設置水平標尺線的對齊方式，WIDTH屬性用來設置水平標尺線在水平方向上的寬度，SIZE屬性設置水平標尺線的粗細，單位是像素數(shù)，NOSHADE屬性是一個名稱記號，用于取消水平標

17、尺線的陰影。17、表格表格中由行和列分隔成的格子稱為表兀（cell），是矩形區(qū)域，它可以包含文本，圖像和HTML標記。用以分隔表元的行列線則稱為表格的邊框線（border），表元的內容分成兩類，一類是表頭，一類是表數(shù)據(jù)。表格的定義表22：語法:<TABLE BORDER= 邊框的粗細” BORDERCOL0'R= 邊框線的顏色” BGCOLOR= 背景顏色” BACKGROUND%背景 圖片” ALIGN= “位置”WIDTH= “ 寬度” HEIGHT= “ 高度” CELLSPACING=“ 表元間距” CELLPADDING=“ 表元內容與邊框的距離 ”v/TABLE>

18、;說明：TABLE標記定義了一個表格的開始，表格的所有內容，都在這一對雙標記中間。BORDER屬性設置表格的邊框的粗細；BORDERCOLOR屬性表示邊框線的顏色；BGCOLOR屬性控制表格的背景顏色；BACKGROUND 屬性定義了表格的背景圖片；ALIGN屬性控制表格在頁面中的位置；WIDTH和HEIGHT屬性表示表格的寬度和高度；CELLSPACING表示的是表元和表元之間的距離；CELLPADDING表示表元內部內容和這個表元邊框之間的距離。標題的定義表23：語法:vCAPTION ALIGN = 水平對齊方式” ALIGN = 垂直對齊方式”x/CAPTION>說明：CAPTI

19、ON標記定義了一個表格的標題 ,ALIGN屬性設置表格標題的水平對齊，取值 有l(wèi)eft、right、center； VALIGN 屬性設置表格標題的垂直對齊， 取值有top、bottom, 分別是將標題設置在表格的上部和下部。表行定義表24:語法:<TR ALIGN =水平對齊方式 ” WIDTH“ 寬度” HEIGHT= “高度”v/TR>說明：TR標記定義了一個表行，這行表的內容都寫在這對雙標記中間。表頭的定義表25:語法:<TH WIDTH“ 寬度 ” HEIGHT“ 高度 ” BACKGROUND背景圖片”3GCOLOR- 背景顏色 COLSPAN“行合并格數(shù)ALIG

20、N= 水平對齊方式VALIGN= 垂直對齊方式” ROWSPAN“ 列合并格數(shù) ”> v/TH>說明：TH標記定義了一個表頭，表頭的內容都寫在這對雙標記中間。表頭可以看作是行 或列的標題。標記中的 WIDTH和HEIGHT屬性分別設置了表頭的寬度和高度；BACKGROUND 和BGCOLOR屬性定義了表頭的背景圖形和背景顏色；ALIGN、VALIGN 屬性表示表頭內容在本表頭中的水平和垂直對齊方式；COLSPAN和ROWSPAN兩個屬性定義了和表頭相鄰的表頭（表元）的合并方法，在需合并的表 頭的最左上角的表頭的 <TH>標記中定義。表單元的定義表26:語法：<TD

21、 WIDTH= “ 寬度” HEIGHT= “ 高度” BACKGROUND=背景圖片”BGCOLORN 背景顏色” ALIGN= “水平對齊方式” VALIGN= “垂直對方式”COLSPANN 行合并格數(shù)” ROWSPAN“列合并格數(shù)”v/TD>說明：TD標記定義了一個表數(shù)據(jù)，表數(shù)據(jù)的內容都寫在這對雙標記中間。標記中的WIDTH和HEIGHT屬性分別設置了表數(shù)據(jù)的寬度和高度，BACKGROUND 和BGCOLOR屬性定義了表數(shù)據(jù)的背景圖形和背景顏色，ALIGN、VALIGN屬性表示表數(shù)據(jù)內容在本表數(shù)據(jù)中的水平對齊方式和垂直對齊方式。COLSPAN和ROWSPAN兩個屬性定義了和表數(shù)據(jù)

22、相鄰的表數(shù)據(jù)（表元）的合并方法。列表的基本結構表27:列表的基本結構<TABLE><TR> <TH> v/TH> 或者 vTD>v/TD> v/TR> vTR> vTH> v/TH> 或者 vTD> v/TD> v/TR> v/TABLE>18表單表單定義表 28:語法:_I<FORM_NAME“ 命 名” ACTION“ 提交 路徑” METHOD = 傳遞方 式” </FORM>說明：FORM標記定義一個頁面中的一個表單。NAME用于命名；ACTION屬性用來指定當表單被

23、提交時要接受的文件的路徑；METHOD屬性用于指定提交表單的方法，其取值為 GET或POST，默認為GET， GET為地址傳值，將數(shù)據(jù)放在URL后面?zhèn)鬟f，長度有限，但會自動保存數(shù)據(jù)，POST 傳輸數(shù)據(jù)安全，但不能保存數(shù)據(jù)。表單域定義表29:語法:<INPUT TYPE=“類型” NAME“ 命名” VALUE=“取值” SIZE= 表單框的長度”說明：NPUT是表單中功能最為豐富的一個標記，使用INPUT標記可以創(chuàng)建按鈕、文本輸入框、選擇框等各種類型的輸入字段。NAME屬性標識表單域的名稱；TYPE屬性標識表單域的類型，它可以是文本EXT、口令 PASSWORD、復選框 CHECKBOX

24、、單選框 RADIO、隱藏表單 HIDDEN、 提交表單SUBMIT和復位鍵RESET ；VALUE屬性定義表單域的值，其他屬性根據(jù)TYPE的不同而有所變化。注：TYPE的最終目的是將寫好的的數(shù)據(jù)傳遞出去;文本TEXT為一行，不可換行；要想使單選和復選可以選擇其中的部分選項，再做相應的選項標記時，同一選擇中， 各選項的標記相對應的那么也必須完全相同；VALUE的值最好與INPUT雙標記中間的內容相同表30：語法:vSELECT NAME=命名” SIZE= “ 選項個數(shù)” MULTIPLE > </SELECT>說明：SELECT標記用來在表單內生成一個選擇列表，用戶從這個列

25、表中可以選擇一個 或多個選項。NAME屬性是必須的，它用作 SELECT單元選擇列表的名稱， SIZE 屬性用來設置列表窗口中可見的選項的個數(shù)，MULTIPLE是一個名稱記號，設置了這一屬性，可以在選項列表中選擇多個選擇項，默認為單選。表31：語法:vOPTION VALUE=“ 命名” SELECTED ></OPTION>說明：OPTION標記定義列表中的內容， 且只能用在SELECT單元內部，其內容只 能是 普通文本。OPTION單兀有兩個可選的屬性：VALUE 和 SELECTED。VALUE屬性是選項的值，其取值是唯一的，其默認取值為OPTION雙標記間的描述內容；

26、 SELECTED屬性表示這一項為缺省的（即默認選項）。注：要實現(xiàn)下拉菜單至少要有SELECT和POTION 這兩個雙標記;下拉單的寬度有VALUE的最長取值決定表32：語法:vTEXTAREA NAME= 命名 ” COLS“高度 ” ROWS“ 寬度 ” x/TEXTAREA>說明：TEXTAREA標記用來在表單中建立一個文本輸入窗口， 文本。NAME屬性用來設置文本輸入表單域的名稱， 來設置文本輸入窗口的高度和寬度，單位是字符。用戶可以在其中輸入多行ROWS屬性和COLS屬性用19、幀集和幀有時我們需要在瀏覽窗口中同時顯示多個頁面，即將整個瀏覽的頁面劃分為多個獨立的窗 口，每個窗口就稱為一幀，這些窗口的集合就成為幀集。表33：語法：VFRAMESETCOLS “”ROWS=“” FRAMEBORD“R=BORDERCOLO“=' FRAMESPACING“”></FRAMESET>說明：FRAMESET標記定義一個幀集。屬性 COLS設置縱向排列多個幀窗口，屬性 ROWS設置橫向排列多個幀窗口，F(xiàn)RAMEBORDER 代表是否有邊框，BORDERCOLOR設置邊框顏色，F(xiàn)RAMESPACING屬性取值為數(shù)字，表示邊 框的