HTML標(biāo)記大全.docx

一、HTML標(biāo)記注釋：紅色字體為標(biāo)記和其必不可少的屬性；綠色字體為標(biāo)記中的屬性，可任意選取所需要的屬性； 天藍(lán)色字體為自由填充的屬性值； 黑色字體為補(bǔ)充內(nèi)容及對標(biāo)識和描述內(nèi)容的注解1、HTML標(biāo)記語法：標(biāo)記在表示HTML文檔內(nèi)容結(jié)構(gòu)和含義的時候，通常有兩種方式，我們分別稱單標(biāo)記和雙標(biāo)記。表1：HTML定義的用于描述頁面整體結(jié)構(gòu)的四種標(biāo)記 (加入網(wǎng)頁的標(biāo)題) 2、的屬性BGCOLOR= 顏色 (設(shè)置背景顏色) BACKGROUND= 圖片名 (設(shè)置背景圖片) BGPROPERTIES=FIXED (設(shè)置背景圖片固定不變) TEXT=顏色 (設(shè)置文本顏色) LINK=顏色 (默認(rèn)鏈接) VLINK=顏色 (當(dāng)鼠標(biāo)按下時的鏈接) ALINK=鏈接按鈕 (當(dāng)鼠標(biāo)松開后的鏈接) TOPMARGIN=距離 (文本距頂部的距離) LEFTMARGIN=距離 (文本距左邊的距離)3、設(shè)置播放器，必須在BODY的雙標(biāo)記中存在設(shè)置背景音樂：插入視頻音頻文件：（FLASH等）4、如何使網(wǎng)頁在網(wǎng)站的排名靠前，其必須在HEAD中存在 (用于標(biāo)記搜索引擎在搜索該頁面時所取出的關(guān)鍵詞)（用來標(biāo)記描述內(nèi)容）（用來標(biāo)記文檔的作者）（用來標(biāo)記你的頁面的解碼方式）(用來自動刷新網(wǎng)頁)5、標(biāo)題字體表2：語法: 說明:其中*可以選擇16，且按順序字體從大到小顯示；ALIGN屬性值可以選擇“l(fā)eft”、“center”、“right”三個中間的一個。一個標(biāo)題占一個獨(dú)立段，字體自動顯示為黑體且不容不同大小的字體6、文章字體表3：語法: 說明:其中SIZE屬性可以選擇17；COLOR屬性值可以選擇RGB值或者預(yù)定義顏色名稱。常用的顏色名稱有：black（黑）,white（白）,red（紅）,green（綠）,blue（藍(lán)）,yellow（黃）,aqua（淺綠）,fuchsia（紫紅）,gray（灰）,Lime（橙）,maroon（栗色）,purple（紫）,olive（橄欖）,silver（銀色）FACE 屬性值為設(shè)置不同的字體，必須是在瀏覽器中安裝相應(yīng)字體后才可以使用7、物理字體表4：語法: 或 或em或cite 說明:B標(biāo)記用來指示以粗體字顯示文本I標(biāo)記用來指示以斜體字顯示文本 U標(biāo)記用來指示為文本加上下劃線語法: 說明:SUP標(biāo)記指示以上標(biāo)方式顯示文本SUB標(biāo)記指示以下標(biāo)方式顯示文本STRIKE標(biāo)記用來指示在文本的正中央畫一條刪去線語法: 說明:BIG標(biāo)記指示增大文字的字號SMALL 標(biāo)記只是減小文字字號8、字符實(shí)體在往HTML文檔中寫入特殊字符，如“”、“”、“&”、“ ”等要使用特殊的代碼，瀏覽器會用HTML命令對這些特殊代碼進(jìn)行翻譯。往網(wǎng)頁中輸入特殊字符，需在HTML代碼中加入以&開頭的字母組合或以&#開頭的數(shù)字。9、對齊方式表6：語法: 說明:ALIGN屬性可以用“l(fā)eft”、“center”、“right”，分別對應(yīng)于將標(biāo)記中間的字符塊按照左、中、右對齊。這個標(biāo)記沒有屬性，其作用是將標(biāo)記中間的字符居中對齊，其作用和一樣。表7：語法: 說明:用于換行，意同于回車兩次。和中的ALIGN屬性的屬性值一樣，也是取“l(fā)eft”、“center”、“right”三個值，分別對應(yīng)將中間的字體左、中、右對齊。10、文字移動表8:語法: 說明:DIRECTION屬性的屬性值是取“l(fā)eft”、“right”, “up”, “down”四個值，分別對應(yīng)將中間的字體向左、右、上、下移動；BEHAVIOR屬性的屬性值是取“scroll”、“slide”、“alternate”三個值，分別對應(yīng)將中間的字體循環(huán)移動、只移動一次、在屏幕中間來回移動；LOOP屬性的屬性值是取一個數(shù)值，表示將中間的字體循環(huán)移動的次數(shù)；SCROLLAMOUNT屬性的屬性值是取數(shù)字值，對應(yīng)將中間的字體循環(huán)移動的速度，數(shù)值越大，表示速度越快；SCROLLDELAY屬性的屬性值是取數(shù)字值，對應(yīng)將中間的字體循環(huán)移動的延時，設(shè)置這個參數(shù)也會影響到文字移動的速度；HEIGHT屬性的屬性值是取數(shù)字值，這個屬性控制了文字移動面積的高度；WIDTH屬性的屬性值是取數(shù)字值，這個屬性控制了文字移動面積的寬度；BGCOLOR屬性的屬性值可以取RGB值，或者用預(yù)定義值，它控制了移動文字的背景顏色；HSPACE和VSPACE：滾動對象周圍的文字或圖像是與滾動背景緊密連接的，使用它們用來設(shè)置它們之間的空白空間11、文字中行的控制表9:語法: 說明:其中ALIGN屬性的屬性值可以取“l(fā)eft”、“center”、“right”三個值中的值，這個屬性控制了段落中的文字在Web頁面中的對齊方式。需要注意的是有些瀏覽器不支持右對齊方式。 表10：語法:說明:這個標(biāo)記是單標(biāo)記。換行標(biāo)記，意同于回車一次。12、列表l 無序列表表11：語法: 說明:TYPE屬性可以分別取三個值“disc”、“square”、“circle”，（在某些瀏覽器中，TYPE屬性的值必須使用小寫瀏覽器才可以識別）它是用來控制強(qiáng)調(diào)符風(fēng)格的屬性，三個值分別對應(yīng)實(shí)心圓點(diǎn)，實(shí)心方塊，空心圓圈。需要說明的是有些瀏覽器不支持該屬性。COMPACT屬性是個無值屬性（名稱標(biāo)記），用來使列表的表項(xiàng)用緊湊格式顯示。l 有序列表表12：語法: 說明:TYPE屬性可以分別取五個值“1”、“a”、“A”、“i”、“I”，用來控制強(qiáng)調(diào)符風(fēng)格的屬性，五個值分別對應(yīng)數(shù)字、小寫字母、大寫字母、小寫羅馬數(shù)字、大寫羅馬數(shù)字。START屬性是一個數(shù)字，表示從第幾個數(shù)字（字母）開始計(jì)數(shù)。COMPACT屬性是個無值屬性（名稱標(biāo)記），用來使列表的表項(xiàng)用緊湊格式顯示。表13：語法: 說明:TYPE屬性是可選的，一般情況下是不需要的，因?yàn)樵谡w列表定義時應(yīng)該已經(jīng)定義完畢，只有在極少數(shù)情況下，需要使不同表項(xiàng)的強(qiáng)調(diào)符不同，才有必要在這里定義這個屬性。屬性值的選擇和前面列表的屬性選項(xiàng)一致。l 定義列表：表14：語法: 說明:COMPACT屬性是個無值屬性（名稱標(biāo)記），用來使列表的表項(xiàng)用緊湊格式顯示。表15：語法: 說明:標(biāo)記用于標(biāo)注需要定義的術(shù)語表16：語法: 說明:標(biāo)記用于標(biāo)注該術(shù)語的定義表17：無序列表有序列表定義列表 13、預(yù)格式化表18：語法: 說明:標(biāo)記用于使瀏覽器原封不動地顯示預(yù)先編排好格式的一段文本14、鏈接超鏈接是WWW的基礎(chǔ)，也是其核心。表19：語法:說明:HREF部分中url后邊跟的“name”部分是指定頁面的指定部分的標(biāo)識，用“#”分割url和指定部分標(biāo)識。TARGET參數(shù)定義了鏈接打開的位置。TARGET 取值：target=_blank 將鏈接的內(nèi)容打開在新的瀏覽器窗口中。target=_new將鏈接的內(nèi)容打開在新的瀏覽器窗口中。 target=_parent將鏈接的內(nèi)容當(dāng)成文件的上一個畫面。 target=_self將鏈接的內(nèi)容顯示在當(dāng)前窗口中。(默認(rèn)值) target=_top 將框架中鏈接的畫面內(nèi)容，顯示在沒有框架的視窗中。（即除去了框架）target=myLocation myLocation的取值可以是 frameName/IframeName/ChildWindowName其意義是：將鏈接的內(nèi)容在某個框架的頁面打開，或者在已經(jīng)打開的某個子窗口打開。定義頁內(nèi)錨點(diǎn) 建立某位置錨點(diǎn) 連接到該位置錨點(diǎn)A、相對地址：描述了從一個頁面到另一個頁面的路徑，而不是Internet的完整地址。B、絕對地址：描述的不是兩個文件相對的路徑關(guān)系，它描述的是兩個文件相對于根的關(guān)系C、物理地址：是使用文件存放在硬盤上的位置的路徑來描述文件的方式。15、插入圖片大多數(shù)的瀏覽器都支持兩種圖形格式：GIF（圖形互換格式）和JPEG（聯(lián)合圖像專家組）。表20：語法: 飛WIDTH=“圖寬” HEIGTH=“圖高” VSPACE=“與文字的垂直邊距” HSPACE=“與文字的水平邊距”說明:SRC表示圖片的來源（存放路徑）；ALIGN屬性標(biāo)識了圖片在頁面中的對齊方式；BORDER屬性標(biāo)識了圖片的邊框線的寬度；ALT屬性是在圖片顯示后，對圖片的一段描述。16、水平線表21：語法:說明:ALIGN屬性用來設(shè)置水平標(biāo)尺線的對齊方式WIDTH屬性用來設(shè)置水平標(biāo)尺線在水平方向上的寬度SIZE屬性設(shè)置水平標(biāo)尺線的粗細(xì)，單位是像素?cái)?shù)NOSHADE屬性是一個名稱記號，用于取消水平標(biāo)尺線的陰影。17、表格表格中由行和列分隔成的格子稱為表元（cell）,是矩形區(qū)域，它可以包含文本，圖像和HTML標(biāo)記。用以分隔表元的行列線則稱為表格的邊框線（border）,表元的內(nèi)容分成兩類，一類是表頭，一類是表數(shù)據(jù)。l 表格的定義表22：語法: 說明:TABLE 標(biāo)記定義了一個表格的開始，表格的所有內(nèi)容，都在這一對雙標(biāo)記中間。BORDER屬性設(shè)置表格的邊框的粗細(xì)；BORDERCOLOR屬性表示邊框線的顏色；BGCOLOR屬性控制表格的背景顏色；BACKGROUND屬性定義了表格的背景圖片；ALIGN屬性控制表格在頁面中的位置；WIDTH和HEIGHT屬性表示表格的寬度和高度；CELLSPACING表示的是表元和表元之間的距離；CELLPADDING表示表元內(nèi)部內(nèi)容和這個表元邊框之間的距離。l 標(biāo)題的定義表23：語法:說明:CAPTION標(biāo)記定義了一個表格的標(biāo)題ALIGN屬性設(shè)置表格標(biāo)題的水平對齊,取值有l(wèi)eft、right、center；VALIGN屬性設(shè)置表格標(biāo)題的垂直對齊，取值有top、bottom，分別是將標(biāo)題設(shè)置在表格的上部和下部。l 表行定義表24：語法: 說明:TR標(biāo)記定義了一個表行，這行表的內(nèi)容都寫在這對雙標(biāo)記中間。l 表頭的定義表25:語法: 說明:TH標(biāo)記定義了一個表頭，表頭的內(nèi)容都寫在這對雙標(biāo)記中間。表頭可以看作是行或列的標(biāo)題。標(biāo)記中的WIDTH和HEIGHT屬性分別設(shè)置了表頭的寬度和高度；BACKGROUND和BGCOLOR屬性定義了表頭的背景圖形和背景顏色；ALIGN、VALIGN屬性表示表頭內(nèi)容在本表頭中的水平和垂直對齊方式；COLSPAN和ROWSPAN兩個屬性定義了和表頭相鄰的表頭（表元）的合并方法，在需合并的表頭的最左上角的表頭的標(biāo)記中定義。l 表單元的定義表26：語法: 說明:TD標(biāo)記定義了一個表數(shù)據(jù)，表數(shù)據(jù)的內(nèi)容都寫在這對雙標(biāo)記中間。WIDTH和HEIGHT屬性分別設(shè)置了表數(shù)據(jù)的寬度和高度BACKGROUND和BGCOLOR屬性定義了表數(shù)據(jù)的背景圖形和背景顏色ALIGN、VALIGN屬性表示表數(shù)據(jù)內(nèi)容在本表數(shù)據(jù)中的水平對齊方式和垂直對齊方式。COLSPAN和ROWSPAN兩個屬性定義了和表數(shù)據(jù)相鄰的表數(shù)據(jù)（表元）的合并方法。l 列表的基本結(jié)構(gòu)表27：列表的基本結(jié)構(gòu) 或者 . 或者 18、表單l 表單定義表28：語法: 說明:FORM標(biāo)記定義一個頁面中的一個表單。NAME用于命名；ACTION屬性用來指定當(dāng)表單被提交時要接受的文件的路徑；METHOD屬性用于指定提交表單的方法，其取值為GET或POST，默認(rèn)為GET，GET為地址傳值，將數(shù)據(jù)放在URL后面?zhèn)鬟f，長度有限，但會自動保存數(shù)據(jù)，POST 傳輸數(shù)據(jù)安全，但不能保存數(shù)據(jù)。get的方式是將表單控件的name/value信息經(jīng)過編碼之后，通過URL發(fā)送(你可以在地址欄里看到)。而post則將表單的內(nèi)容通過http發(fā)送，你在地址欄看不到表單的提交信息。那什么時候用get，什么時候用post呢？一般是這樣來判斷的，如果只是為取得和顯示數(shù)據(jù)，用get；一旦涉及數(shù)據(jù)的保存和更新，那么建議用post。ENTYPE 可以取值application/x-www-form-urlencoded表示默認(rèn)編碼形式 Multipart/form-data 表示MIME編碼，上傳文件的表單必須選擇該項(xiàng)l 表單域定義表29：語法:說明:INPUT是表單中功能最為豐富的一個標(biāo)記，使用INPUT標(biāo)記可以創(chuàng)建按鈕、文本輸入框、選擇框等各種類型的輸入字段。NAME 屬性標(biāo)識表單域的名稱；TYPE 屬性標(biāo)識表單域的類型VALUE屬性定義表單域的值，其他屬性根據(jù)TYPE的不同而有所變化。Input可選屬性屬性值描述DTDacceptmime_type規(guī)定通過文件上傳來提交的文件的類型。STFalignleftrighttopmiddlebottom不贊成使用。規(guī)定圖像輸入的對齊方式。TFalttext定義圖像輸入的替代文本。STFcheckedchecked規(guī)定此 input 元素首次加載時應(yīng)當(dāng)被選中。STFdisableddisabled當(dāng) input 元素加載時禁用此元素。STFmaxlengthnumber規(guī)定輸入