HTML代碼匯總詳解

1、HTML代碼說(shuō)明一、文字h?./h?題目字、1最大6最小、（?=16）.字體1、size屬性：字體大小17、語(yǔ)法2、face屬性：字體字形名稱、語(yǔ)法fontface二/font3、color屬性：字體顏色、語(yǔ)法fontcolor二/fontsmall./small顯示小字體big./big顯示大字體em./em強(qiáng)調(diào)文本（一般是斜體）strong./strong加重文本（一般是粗體）cite./cite引用，一般是斜體code./code用來(lái)指出這是一組代碼q=./q短的引用語(yǔ)（以“”雙引號(hào)）顯示文字b./b粗體字i./i斜體字tt./tt打字機(jī)字體u./u下劃線strike./strike刪除

2、線sub./sub下標(biāo)字sup./sup上標(biāo)字blink./blink字體閃爍換行符（回車）span./span標(biāo)簽被用來(lái)組合文檔中的行內(nèi)元素、css樣式表下利用才有成效blockquote./blockquote標(biāo)簽之間的所有文本都會(huì)左右兩邊縮排顯示空格符、不需要尖括號(hào)div./div是一個(gè)塊級(jí)元素、能夠把文檔分割為獨(dú)立的、不同的部份、被包括的文本會(huì)自動(dòng)換行。.分段符1、align屬性：文字對(duì)齊方式、語(yǔ)法palign=/pleft左對(duì)齊center居中對(duì)齊right右對(duì)齊hr水平線1、size屬性：水平線的（粗細(xì)一寬度）、語(yǔ)法hrsize=點(diǎn)數(shù)表示粗細(xì)、百分比表示寬度2、align屬性：水平

3、線對(duì)齊方式、語(yǔ)法hralign二3、color屬性：水平線顏色、語(yǔ)法hrcolor二4、noshade屬性：實(shí)心水平線、語(yǔ)法hrnoshade二center./center居中對(duì)齊pre./pre原始格式顯示body.Y/body文檔內(nèi)容區(qū)1、bgcolor屬性：文本背景顏色、語(yǔ)法bodybgcolor=2、background屬性：文本背景圖案、語(yǔ)法bodybackground二3、bgproperties屬性：設(shè)定背景圖案可不能卷動(dòng)、語(yǔ)法bodybgproperties二fixed4、text屬性：文本內(nèi)容文字顏色、語(yǔ)法bodytext=5、link屬性：超鏈接文字顏色、語(yǔ)法bodylin

4、k=6、vlink屬性：正被點(diǎn)擊的鏈接文字顏色、語(yǔ)法bodyvlink=7、alink屬性：已點(diǎn)擊的鏈接文字顏色、語(yǔ)法bodyalink=二、圖片img./img圖片標(biāo)簽1、src屬性：圖片插入途徑、語(yǔ)法imgsrc二/img二、border屬性：設(shè)定圖框、語(yǔ)法imgsrc=border=3、width屬性：圖片寬度、語(yǔ)法imgsrc=width二4、height屬性：圖片高度、語(yǔ)法imgsrc=height二設(shè)定圖形大小的語(yǔ)法imgsrc=圖片途徑width二寬度height=高度/img五、vspace屬性：下上留空、語(yǔ)法imgsrc=vspace=六、hspace屬性：左右留空、語(yǔ)法im

5、gsrc=hspace=設(shè)定圖像上下左右留空的語(yǔ)法imgsrc=vspace二上下留空hspace二左右留空7、alt屬性值：圖片描述、語(yǔ)法imgsrc=alt二八、usemap屬性：屬性將圖像概念為客戶端圖像映射三、表格.表格題目一、align屬性：表格題目位置、top屬性值：題目置于表格上方、語(yǔ)法captionalign二top、bottom屬性值：題目置于表格下方、語(yǔ)法captionalign二bottonth./th表格頭部(類似題目)通常以粗體居中顯示文字1、align屬性：表格頭部位置、left屬性值：左對(duì)齊、center屬性值：居中對(duì)齊、right屬性值：右對(duì)齊、top屬性值：向

6、上對(duì)齊、middle屬性值：相中對(duì)齊、bottom屬性值：向下對(duì)齊、width屬性值：欄寬度、height屬性值：欄高度(9)語(yǔ)法：thalign=對(duì)齊方式width二寬度height二高度/th.align屬性：表格對(duì)齊方式2、background屬性：表格背景圖案3、bgcolor屬性：表格背景色4、border屬性：表格邊框?qū)挾?、bordercolor屬性：表格邊框顏色6、cellpadding屬性：?jiǎn)卧駜?nèi)容與邊框之間的距離7、cellspacing屬性：表格中單元格之間的距離8、height屬性：表格的高度9、width屬性：表格的寬度./tr表格行.表格列(單元格)屬性與tabl

7、e一樣概念單元格的內(nèi)容1、colspan屬性：歸并表格的列數(shù)2、rowspan屬性：歸并表格的行數(shù)四、框架、視窗.框架集1、rows屬性：垂直(上下)分割視窗大小、(以點(diǎn)數(shù)、百分比、*、)來(lái)表示屬性值2、cols屬性：水平(左右)分割視窗大小、用百分比，各項(xiàng)總和最好為100%語(yǔ)法：framesetrows二點(diǎn)數(shù)或百分點(diǎn)框架視窗內(nèi)容設(shè)定1、src屬性：框架文件名稱2、name屬性：視窗名稱3、marginheight屬性：文件與上下邊框距離4、marginwidth屬性：文件與左右邊框距離5、scrolling屬性：分割視窗卷軸、yes屬性值：固定顯現(xiàn)卷軸、no屬性值：不顯現(xiàn)卷軸、auto屬性值

8、：自動(dòng)判定文件大小需不需要卷軸6、noresize屬性：鎖定分割視窗的大小語(yǔ)法：framesetframesrc二文件名稱/frameset五、文字移動(dòng).文字轉(zhuǎn)動(dòng)1、scrollamount屬性：文字轉(zhuǎn)動(dòng)速度、基數(shù)二一、數(shù)字越大速度越快2、scrolldelay屬性：文字延時(shí)轉(zhuǎn)動(dòng)、基數(shù)二一、1000=1秒3、direction屬性：文字移動(dòng)方向up向上、down向下、left向左、right向右、4、behavior屬性：文字移動(dòng)方式、scroll屬性值：?jiǎn)蜗蛞苿?dòng)、side屬性值：移動(dòng)到邊界停止、alternate屬性值：到邊界后反向移動(dòng)五、loop屬性：循環(huán)移動(dòng)次數(shù)、不設(shè)定此數(shù)那么循環(huán)不止六

9、、hspace屬性：字符左右留空白。語(yǔ)法：marqueebehavior二扌旨令文字區(qū)/marquee六、文檔頭部head./head文檔頭部信息、供閱讀器讀取1、base為頁(yè)面上的所有鏈接規(guī)定默許地址或默許目標(biāo)2、link概念文檔與外部資源的關(guān)系、用途是鏈接樣式表3、script概念客戶端腳本文件、比如JavaScript、type屬性：值：mime-type指示腳本的mime類型、charset屬性：值：charset規(guī)定在外部腳本文件中利用的字符編碼、defer屬性：值：defer規(guī)定是不是對(duì)腳本執(zhí)行進(jìn)行延遲，直到頁(yè)面加載為止、language屬性：值：script不同意利用。規(guī)定腳本語(yǔ)

10、言。請(qǐng)利用type屬性代替它、src屬性：值：URL規(guī)定外部腳本文件的URL、xml:space屬性：值：preserve規(guī)定是不是保留代碼中的空白4、style概念文檔樣式信息、閱讀器中如何呈現(xiàn)html文件5、titletitle網(wǎng)頁(yè)題目6、meta針對(duì)搜索引擎的各項(xiàng)描述與設(shè)置、設(shè)定頁(yè)面格式及刷新、name屬性：指定名稱A、keywords值：(關(guān)鍵字)B、description值：(網(wǎng)站內(nèi)容描述)C、robots值：(索引向?qū)?、告知蜘蛛那些頁(yè)面需要索引、那些不需要索引D、author值：(作者)、標(biāo)注網(wǎng)頁(yè)的作者語(yǔ)法：metaname二keywordscontent二關(guān)鍵詞描述、conte

11、nt屬性指定內(nèi)容、http-equiv屬性：類似于http的頭部協(xié)議、回應(yīng)給閱讀器一些有效的信息，以幫忙正確和精準(zhǔn)地顯示網(wǎng)頁(yè)內(nèi)容。A、expires值：(期限)、設(shè)定網(wǎng)頁(yè)的到期時(shí)刻、一旦網(wǎng)頁(yè)過(guò)時(shí)，必需到效勞器上從頭傳輸B、pragma值：(cache模式)、禁止閱讀器從本地運(yùn)算機(jī)的緩存中訪問(wèn)頁(yè)面內(nèi)容C、refresh值：(刷新)、自動(dòng)刷新并指向新頁(yè)面D、set-cookie值：(cookie設(shè)定)、若是網(wǎng)頁(yè)過(guò)時(shí)，那么存盤的cookie將被刪除E、window-target值：(顯示窗口的設(shè)定)、強(qiáng)制頁(yè)面在當(dāng)前窗口以獨(dú)立頁(yè)面顯示F、content-Type值：(顯示字符集的設(shè)定)、設(shè)定頁(yè)面利用的

12、字符集G、content-Language值：(顯示語(yǔ)言的設(shè)定)、H、metahttp-equiv二contentTypecontent二text/html;charset=gb2312閱讀器語(yǔ)言七、表單form/form表單I、action屬性：概念表單處置程序的位置、url(相對(duì)地址或絕對(duì)地址)2、method屬性：概念處置程序從表單中取得信息的方式、get值:處置程序從當(dāng)前Html文檔中獲取數(shù)據(jù)、利用get傳送的數(shù)據(jù)量是有所限制的，一樣限制在1KB以下。、post值：post方式與get方式相反、它是當(dāng)前的Html文檔把數(shù)據(jù)傳送給處置程序，傳送的數(shù)據(jù)量要比利用GET方式的大的多。3、ta

13、rget屬性：用來(lái)指定目標(biāo)窗口或目標(biāo)幀4、title屬性：用于設(shè)置當(dāng)網(wǎng)站訪問(wèn)者的鼠標(biāo)在表單上任意位置停留超過(guò)幾秒時(shí)，閱讀器用黃色小字體顯示的文本，一樣為是表單的名稱或關(guān)于表單的描述。5、enctype屬性：用于設(shè)置閱讀器利用那種編碼方式將表單數(shù)據(jù)進(jìn)行編碼處置、然后通過(guò)GET或POST方式傳送給效勞器。該屬性有以下兩種取值：、application/x-www-form-urlencoded默許方式、multipart/form-data文件上傳專用input搜集用戶信息、概念輸入域的開始，在其頂用戶可輸入數(shù)據(jù)1、type屬性：表單的輸入類型、button值：概念可點(diǎn)擊按鈕(多數(shù)情形下，用于通過(guò)

14、JavaScript啟動(dòng)腳本)。、checkbox值：概念復(fù)選按鈕、file值：一個(gè)文本框和一個(gè)閱讀按鈕、hidden值：概念隱藏的輸入字段。、image值：概念圖像形式的提交按鈕。、password值：概念密碼字段、以“*”顯示、該字段中的字符被掩碼。、radio值：概念單項(xiàng)選擇按鈕。、reset值：概念重置按鈕、重置按鈕會(huì)清除表單中的所有數(shù)據(jù)。、submit值：概念提交按鈕。提交按鈕會(huì)把表單數(shù)據(jù)發(fā)送到效勞器。、text值：概念單行的輸入字段、用戶可在其中輸入文本、默許寬度為20個(gè)字符。、readonly值：屬性規(guī)定輸入字段只為讀、不能修改、disabled值：規(guī)定應(yīng)該禁用、不能取得光標(biāo)，其

15、中的內(nèi)容也可不能發(fā)送給效勞器。2、name屬性：表單輸入框名稱3、value屬性：指定顯示在按鈕上的文本4、size屬性：指定那個(gè)文本框的長(zhǎng)度5、maxlength屬性：指定最多輸入的字符個(gè)數(shù)select./select概念一個(gè)下拉菜單列表option./option概念下拉列表中的選項(xiàng)textarea/textarea概念文本域(一個(gè)多行的輸入控件)1、name屬性：概念表單名稱2、cols屬性：字符個(gè)數(shù)單位3、rows屬性：指定文本框的列數(shù)和行數(shù)label概念標(biāo)注(標(biāo)記)fieldset/fieldset將表單內(nèi)容的一部份打包，生成一組相關(guān)表單的字段、legend/legend概念表單題目

16、optgroup14、align屬性：操縱面板和當(dāng)前行中的對(duì)象的對(duì)齊方式（1）、center值：操縱面板居中（2）、right值：操縱面板居右（3）、left值：操縱面板居左（4）、top值：操縱面板的頂部與當(dāng)前行中的最高對(duì)象的頂部對(duì)齊（5）、bottom值：操縱面板的底部與當(dāng)前行中的對(duì)象的基線對(duì)齊（6）、baseline值：操縱面板的底部與文本的基線對(duì)齊（7）、texttop值：操縱面板的頂部與當(dāng)前行中的最高的文字頂部對(duì)齊（8）、middle值：操縱面板的中間與當(dāng)前行的基線對(duì)齊（9）、absmiddle值：操縱面板的中間與當(dāng)前文本或?qū)ο蟮闹虚g對(duì)齊（10）、absbottom值：操縱面板的底部

17、與文字的底部對(duì)齊九、圖像地圖圖像映射地圖1、name屬性：地圖名稱2、id屬性：地圖名稱area圖像映射中的區(qū)域（注：圖像映射指得是帶有可點(diǎn)擊區(qū)域的圖像）1、shape屬性：概念圖像形狀（1）、rect值：矩形（2）、circle值：圓形（3）、poly值：多邊形2、coords屬性：概念區(qū)域（1）、矩形：必需利用四個(gè)數(shù)字，前兩個(gè)數(shù)字為左上角座標(biāo)，后兩個(gè)數(shù)字為右下角座標(biāo)例（2）、圓形：必需利用三個(gè)數(shù)字，前兩個(gè)數(shù)字為圓心的座標(biāo)，最后一個(gè)數(shù)字為半徑長(zhǎng)度例、（3）、任用意形（多邊形）：將圖形之每一轉(zhuǎn)折點(diǎn)座標(biāo)依序填入例3、href屬性：鏈接點(diǎn)（url地址）十、列表li./li概念列表項(xiàng)目dir目錄列表

18、、它的格式和無(wú)序列表一樣menu菜單列表、它的格式和無(wú)序列表ul一樣dl概念了概念列表、通常dt、dd一路利用dt概念、名詞dd概念、說(shuō)明ul./ul無(wú)序列表、以“黑色圓點(diǎn)”排列顯示1、type屬性：序號(hào)的顯示方式、disc值：實(shí)心園、circle值：空心園、square值：小方塊ol./ol有序列表、以“數(shù)字排列顯示1、start屬性：編號(hào)開始的數(shù)字2、type屬性：序號(hào)的顯示方式(1)、屬性值：“1數(shù)字、A字母、I字母、”三種值。十一、字符“”符號(hào)&“&”符號(hào)“”符號(hào)“”符號(hào)“X”符號(hào)“”符號(hào)“空格”符號(hào)十二、鏈接a./a超鏈接1、href屬性：鏈接的目標(biāo)途徑2、target屬性：鏈接的打

19、開方式、_blank值：在新窗口中打開鏈接、_parent值：在父窗體中打開鏈接、_self值：在當(dāng)前窗體打開鏈接，此為默許值、_top值：在當(dāng)前窗體打開鏈接，并替換當(dāng)前的整個(gè)窗體(框架頁(yè))3、title屬性：顯示該超鏈接的文字說(shuō)明注釋。4、name屬性：概念錨點(diǎn)連接、創(chuàng)建一個(gè)文檔內(nèi)部的書簽5、href二mailto:概念郵件鏈接HTML標(biāo)簽速查表基本標(biāo)簽創(chuàng)建一個(gè)HTML文檔head/head設(shè)置文檔標(biāo)題和其它在網(wǎng)頁(yè)中不顯示的信息body/body設(shè)置文檔的主體部分標(biāo)題標(biāo)簽title/title將文檔的題目放在瀏覽器的標(biāo)題欄中文檔整體屬性標(biāo)簽設(shè)置背景顏色。使用名字或RGB的十六進(jìn)制值設(shè)置文本顏

20、色。使用名字或RGB的十六進(jìn)制值設(shè)置鏈接顏色。使用名字或RGB的十六進(jìn)制值設(shè)置已使用的鏈接的顏色。使用名字或RGB的十六進(jìn)制值設(shè)置正在被擊中的鏈接的顏色。使用名字或RGB的十六進(jìn)制值格式標(biāo)簽p/p創(chuàng)建一個(gè)段落pre/pre預(yù)先格式化文本，原樣顯示文字標(biāo)簽center/center居中對(duì)齊標(biāo)簽palign=將段落按左、中、右對(duì)齊插入一個(gè)回車換行符加入一條水平線hrsize=”設(shè)置水平線的厚度hrwidth=設(shè)置水平線的寬度?？梢允前俜直然蚪^對(duì)像素點(diǎn)沒(méi)有陰影的水平線blockquote/blockquote從兩邊縮進(jìn)文本address/address署名標(biāo)簽定義列表放在每個(gè)定義術(shù)語(yǔ)詞前放在每個(gè)定義

21、之前ul/ul創(chuàng)建一個(gè)標(biāo)有無(wú)順序符號(hào)的列表ol/ol創(chuàng)建一個(gè)標(biāo)有有順序編號(hào)的列表放在每個(gè)列表項(xiàng)之前，若在ol/ol之間則每個(gè)列表項(xiàng)加上一個(gè)數(shù)字，若在ul/ul之間則每個(gè)列表項(xiàng)加上一個(gè)圓點(diǎn)dir/dir目錄標(biāo)簽，用法同ul/ulmenu/menu菜單標(biāo)簽，用法同ul/ulspan/span/div用來(lái)排版大塊HTML段落，也用于格式化表文本標(biāo)簽h?/h?最大的標(biāo)題到最小的標(biāo)題hl/hlYh6/h6b/b粗體字斜體字下劃線tt/tt打字機(jī)風(fēng)格的字體em/em強(qiáng)調(diào)文本（通常是斜體）strong/strong加重文本（通常是粗體）cite/cite引用，通常是斜體code/code用來(lái)指出這是一組代碼

22、small/small規(guī)定文本以小號(hào)字顯示big/big規(guī)定文本以大號(hào)字顯示顯示一段計(jì)算機(jī)常用的字體，即寬度相等的字體kbd/kbd由用戶輸入文本，通常顯示為較粗的寬體字var/var用來(lái)表示變量，通常顯示為斜體字dfn/dfn表示一個(gè)定義或說(shuō)明，通常顯示為斜體字sup/sup12sup2/sup=144sub/sub硫酸亞鐵的分子式是Fesub2/subS0sub4/subfontface=/font設(shè)置文字使用的字體fontsize=/font設(shè)置字體大小，從1到7/font設(shè)置字體的顏色，使用名字或RGB的十六進(jìn)制值圖像標(biāo)簽imgsrc=name在HTML文檔中嵌入一個(gè)圖像imgsrc=namealign二排列對(duì)齊一個(gè)圖像:左、中、右或上、中、下imgsrc=nameborder=設(shè)置圖像的邊框的大小表格標(biāo)簽table/table創(chuàng)建一個(gè)表格tr/tr表格中的每一行td/td表格中一行中的每一個(gè)格子th/th設(shè)置表格頭:通常是黑體居中文字tableborder=設(shè)置邊框的寬度tablecellspacing二設(shè)置表格格子之間空間的大小tablecellpadding=設(shè)置表格格子邊框與其內(nèi)部?jī)?nèi)容之間空間的大小tablewidth=設(shè)置表格的寬度。用絕對(duì)像素值或總寬度的百分比設(shè)置表格格子的水平對(duì)齊方式（左中右）設(shè)置表格格子的垂直對(duì)