HTML標(biāo)簽及屬性.docx

1. 詳解HTML標(biāo)簽和屬性在HTML中，通常標(biāo)簽都是由開始標(biāo)簽和結(jié)束標(biāo)簽組成的，開始標(biāo)簽用“”表示，結(jié)束標(biāo)簽用“”表示。元素指的是包含標(biāo)簽在內(nèi)的整體，除去標(biāo)簽的部分叫做內(nèi)容。屬性要在開始標(biāo)簽中指定，用來表示該標(biāo)簽的性質(zhì)和特性。通常都是以“屬性名=”值”的形式來表示，用空格隔開后，還可以指定多個(gè)屬性。指定多個(gè)屬性時(shí)不用區(qū)分順序顏色的指定方法用HTML指定顏色有兩種方法1、用16進(jìn)制數(shù)值來指定：在#號(hào)的后面，把RGB的各個(gè)選項(xiàng)用十六進(jìn)制的數(shù)值來表示，數(shù)值保持兩位數(shù)。2、指定顏色的名稱：可以對(duì)基本的16色用名稱來指定其顏色指定文件的位置在對(duì)某部分設(shè)置鏈接的時(shí)候，需要指定鏈接端HTML文件的位置；同樣，如果想在該處顯示圖像也需要指定圖像的位置。在HTML中，這個(gè)位置用URL來表示，有以下兩種表示方法：1、絕對(duì)URL：絕對(duì)URL就是用Web瀏覽器查看網(wǎng)頁時(shí)，地址欄中顯示的以http:/開頭的路徑2、相對(duì)URL：相對(duì)URL是在同一站點(diǎn)內(nèi)進(jìn)行設(shè)置，類似于在同一磁盤上管理文件的形式。這種方法是以當(dāng)前文件的位置為基準(zhǔn)。使用相對(duì)URL時(shí)，如果要指定的文件在當(dāng)前文件的下級(jí)，就從目錄名開始一直寫到要指定的文件名，中間用“/”符號(hào)隔開。如果在當(dāng)前文件的上級(jí)，每上一級(jí)就加一個(gè)“./”符號(hào)2、基本內(nèi)容顯示HTML的版本HTML的版本表明HTML文件是按照哪個(gè)版本進(jìn)行編寫的（標(biāo)明該HTML文件遵循的DTD文件），不同的版本和種類都有固定的書寫格式，要按照固定的格式輸入文件開頭，然后在文件開頭處寫明版本，按照這種版本的規(guī)定格式進(jìn)行編寫必須使用的標(biāo)簽HTML文件的開頭寫有的部分，代表HTML的版本，其后是必須存在的四種標(biāo)簽首先，后面的整個(gè)都要用html標(biāo)簽()括起來，其中要按照head標(biāo)簽(/head)和body標(biāo)簽的順序()的順序進(jìn)行排列。在head標(biāo)簽中填寫與該文件相關(guān)的信息，body標(biāo)簽中填寫世紀(jì)要在瀏覽器上顯示的內(nèi)容。另外，在head標(biāo)簽中，只能有一個(gè)代表文件標(biāo)題的title標(biāo)簽設(shè)置頁面的文字顏色設(shè)置頁面的背景顏色設(shè)置頁面的背景圖像按照目的設(shè)定范圍插入注釋3、設(shè)置文件信息添加標(biāo)題title標(biāo)簽用來給HTML文件添加標(biāo)題這個(gè)標(biāo)簽一定要位于圈定的范圍內(nèi)。在這里指定的標(biāo)題除了可以在通常的瀏覽器窗口的標(biāo)題欄中顯示以外，還可以作為加入收藏夾時(shí)的標(biāo)題顯示文件編碼meta標(biāo)簽的charset屬性表示該HTML文件是用什么文字編碼編寫的注意，該標(biāo)簽一定要位于范圍內(nèi)添加關(guān)鍵字、內(nèi)容介紹及作者姓名這些信息都不會(huì)在畫面上顯示出來，但是搜索引擎在收集信息時(shí)要用到注意，該標(biāo)簽一定要位于范圍內(nèi)設(shè)置樣式表和腳本語言的種類在HTML文件內(nèi)可以設(shè)置樣式表和腳本的默認(rèn)語言注意，該標(biāo)簽一定要位于范圍內(nèi)設(shè)置進(jìn)入網(wǎng)頁rel：在本頁看到的，與URL標(biāo)明的網(wǎng)頁之間的關(guān)系rev：在URL標(biāo)明的網(wǎng)頁中看到的，與本頁之間的關(guān)系link標(biāo)簽表示的是該文件和與其相關(guān)的其他文件之間的關(guān)系注意，該標(biāo)簽一定要位于范圍內(nèi)設(shè)置標(biāo)準(zhǔn)URLbase標(biāo)簽用來設(shè)置將該頁中使用的相對(duì)URL的標(biāo)準(zhǔn)指向成絕對(duì)URL，指定了這個(gè)標(biāo)簽之后，在該頁指定的相對(duì)URL就會(huì)全部認(rèn)定為已在這里指定的絕對(duì)URL。如果不進(jìn)行這項(xiàng)設(shè)置，就以當(dāng)前頁的位置為標(biāo)準(zhǔn)，如果指定了Target屬性，就可以指定打開鏈接地址網(wǎng)頁的默認(rèn)框架和窗口注意，該標(biāo)簽一定要位于范圍內(nèi)設(shè)置自動(dòng)倒入網(wǎng)頁功能在經(jīng)過數(shù)秒后，自動(dòng)開始導(dǎo)入網(wǎng)頁。如果指定了要移動(dòng)到的URL，就會(huì)導(dǎo)入U(xiǎn)RL指定的網(wǎng)頁。如果沒有指定，就會(huì)再次導(dǎo)入相同的頁注意，該標(biāo)簽一定要位于范圍內(nèi)4、設(shè)置文本類型設(shè)置各級(jí)標(biāo)題設(shè)置段落p標(biāo)簽表示的是該部分為一個(gè)段落設(shè)置聯(lián)系地址address標(biāo)簽表示的內(nèi)容是該網(wǎng)頁制作者的聯(lián)系地址和有關(guān)網(wǎng)頁內(nèi)容的咨詢地址等信息設(shè)置強(qiáng)調(diào)內(nèi)容這兩個(gè)標(biāo)簽所圈內(nèi)容表示該部分是強(qiáng)調(diào)的內(nèi)容設(shè)置較短的引用文字q標(biāo)簽代表的意思是該部分為較短的引用文，在引用段落的某一部分的時(shí)候使用，如果使用cite屬性，還能夠把引用頁的URL顯示出來設(shè)置較長的引用文章設(shè)置文字內(nèi)容的出處設(shè)置縮略語title：不處于省略狀態(tài)下的詞匯（字符串）設(shè)置添加的內(nèi)容設(shè)置需要?jiǎng)h除的內(nèi)容突出顯示段落中的術(shù)語表示與程序關(guān)聯(lián)的文本：輸入文本：輸出樣本：源代碼：變量顯示特殊符號(hào)<："：”&：&5、設(shè)置顯示方式設(shè)置文字的換行添加了br標(biāo)簽之后，文本就會(huì)再該處換行。即使在HTML代碼中已經(jīng)換行了，在瀏覽器上顯示的時(shí)候卻反映不出來，因此如果想在瀏覽器上換行的話，就要使用br標(biāo)簽添加不同橫線效果加入了hr標(biāo)簽后，就可以在其標(biāo)注的地方顯示橫線設(shè)置文本格式：黑體字：斜體字：等大字體：上標(biāo)：下標(biāo)：下劃線：刪除線設(shè)置空格和換行標(biāo)簽可以保留文字在源代碼中的格式，使得頁面中顯示的內(nèi)容和源代中的格式完全一致設(shè)置居中效果center標(biāo)簽用于將指定范圍內(nèi)的內(nèi)容設(shè)置為居中設(shè)置行對(duì)齊方式使用align屬性可以設(shè)置標(biāo)題、段落以及指定范圍內(nèi)的行對(duì)齊方式設(shè)置文字顏色設(shè)置字體類型字體名”設(shè)置字體字號(hào)相對(duì)改變字體大小：增大：減?。涸龃髇號(hào)：減小n號(hào)設(shè)置字號(hào)的基本大小size：176、設(shè)置鏈接相關(guān)的屬性鏈接到其他頁面a標(biāo)簽的href屬性能把指定的范圍鏈接到其他頁面上，鏈接部分的詞語要設(shè)置得讓人看到這個(gè)部分就能聯(lián)想到鏈接網(wǎng)頁上的具體內(nèi)容另外，在鏈接圖像的時(shí)候，一定要插入替代的文字（alt=”）使用戶能夠很明確的了解到鏈接的目標(biāo)鏈接到當(dāng)前頁的特定位置：指定鏈接文件（從什么位置開始鏈接）：指定鏈接的地址（要鏈接的位置）如果一頁上的內(nèi)容非常多，可以在一個(gè)網(wǎng)頁中給特定的位置命名，然后再鏈接到該位置（跳轉(zhuǎn)）。在給鏈接對(duì)象位置命名的時(shí)候要使用name屬性。然后，在鏈接的時(shí)候，要用href屬性在鏈接地址名稱的前面加上#號(hào)設(shè)置鏈接到其他頁面的特定位置：指定鏈接源（從什么位置開始鏈接）：指定鏈接的地址（要鏈接的位置）在鏈接到其他網(wǎng)頁上的時(shí)候，可以先給那一頁上特定的位置命名，然后鏈接到該位置。在給鏈接對(duì)象位置命名的時(shí)候要使用name屬性。然后，在鏈接的時(shí)候，要用href屬性設(shè)置成”URL+#+位置名”這樣一種格式設(shè)置鏈接文字的顏色link：還沒有看見的鏈接部分的文字顏色vlink：已經(jīng)看見的鏈接部分的文字顏色alink：鼠標(biāo)單擊鏈接部分的文字顏色body標(biāo)簽用于設(shè)置網(wǎng)頁整體鏈接部分的文字顏色在新窗口中打開鏈接網(wǎng)頁利用target屬性可以設(shè)置打開鏈接窗口的方式通過設(shè)置鏈接來啟動(dòng)郵箱7、制作不同類型的列表為列表添加不同類型的標(biāo)記列表項(xiàng)目1列表項(xiàng)目2ul標(biāo)簽的作用是將列表（條款形式）加上圓點(diǎn)或方括號(hào)的標(biāo)記。列表的整體要在標(biāo)簽范圍內(nèi)，在這之間的各個(gè)項(xiàng)目要在標(biāo)簽之內(nèi)更改列表標(biāo)記標(biāo)記的種類包括disc、cicle和square制作帶序號(hào)的列表列表項(xiàng)目1列表項(xiàng)目2改變序號(hào)的樣式改變序號(hào)的順序制作包含專用語和解釋的列表專用語對(duì)其解釋8、設(shè)置表格表格的基本形式：整個(gè)表格：?jiǎn)为?dú)一行：?jiǎn)卧瘢簶?biāo)題用：?jiǎn)卧瘢簲?shù)據(jù)用表格的整體要圈在之間顯示，表格當(dāng)中某一個(gè)單元格用表示或者表示。每個(gè)單元格都在表的單獨(dú)以行，放置在中。也就是說，table標(biāo)簽的內(nèi)容是由tr標(biāo)簽構(gòu)成的。各個(gè)tr標(biāo)簽的內(nèi)容是由表示單元格的th或者td標(biāo)簽構(gòu)成的。th標(biāo)簽代表這個(gè)單元格的內(nèi)容是標(biāo)題。td標(biāo)簽代表這個(gè)單元格的內(nèi)容是數(shù)據(jù)為表格添加標(biāo)題caption標(biāo)簽用來給表格添加標(biāo)題該標(biāo)簽一定要放在table標(biāo)簽的緊后面。標(biāo)題的顯示位置（即對(duì)齊方式）可以指定在表格的上部，或者表格的下部指定表格的大小寬度：針對(duì)像素或者窗口的百分比指定單元格大小合并單元格垂直方向的合并數(shù)：從當(dāng)前單元格開始向下合并的單元格數(shù)水平方向的合并數(shù)：從當(dāng)前單元格開始向右合并的單元格數(shù)設(shè)置單元格之間的距離設(shè)置單元格邊框與內(nèi)容之間的距離設(shè)置單元格中的行對(duì)齊方式和列對(duì)齊方式align屬性用于設(shè)置單元格內(nèi)的行對(duì)齊方式，valign屬性用來設(shè)置單元格內(nèi)的列對(duì)齊方式禁止在單元格內(nèi)換行設(shè)置表格和單元格的背景顏色bgcolor屬性用于指定表格和單元格中的背景顏色設(shè)置表格和單元格的背景圖像background屬性用于指定表格和單元格中的背景圖像設(shè)置表格外框的寬度設(shè)置表格外框的顯示形式設(shè)置表格內(nèi)補(bǔ)邊框線的顯示形式定義表格中的橫行：表頭部分：表體部分：表底部分thead標(biāo)簽、tbody標(biāo)簽和tfoot標(biāo)簽都是用來定義表格的橫行（tr標(biāo)簽）的這樣組合之后，就可以針對(duì)該組合的整體來應(yīng)用屬性和樣式表。使用這些標(biāo)簽的時(shí)候，一定要以thead標(biāo)簽、tfoot標(biāo)簽和tbody標(biāo)簽的順序進(jìn)行排列。在一個(gè)表格里，只能放置一個(gè)thead標(biāo)簽和一個(gè)tfoot標(biāo)簽，而tbody標(biāo)簽可以根據(jù)需要放置多個(gè)利用縱列設(shè)置表格屬性和樣式表col標(biāo)簽不僅可以用來改變表格的縱列結(jié)構(gòu)，還可以用來根據(jù)縱列，來綜合指定寬和行對(duì)齊方式等屬性以及樣式表該標(biāo)簽放置的位置要在caption標(biāo)簽的緊后面（如果沒有caption標(biāo)簽，就放在table標(biāo)簽的開始標(biāo)簽的緊后面），以及thead標(biāo)簽和tr標(biāo)簽的前面設(shè)置表格居中將表格嵌入到文本中位置：left,right將table標(biāo)簽的align屬性指定為left或者right后，就可以將表格以居左或居右的方式嵌入到文字中間如果想要解除嵌入狀態(tài)，可以使用標(biāo)簽的clear屬性解除表格的嵌套left：解除左側(cè)表格的嵌套right：解除右側(cè)表格的嵌套all：解除兩側(cè)表格的嵌套設(shè)置表格與嵌套文字之間的距離垂直距離：表格的上下框與文字間的距離水平距離：表格的左右框與文字間的距離9、設(shè)置圖像與多媒體插入圖像使用img標(biāo)簽，可以把圖像插入到HTML文件中圖像的格式一般可以使用GIF格式、JPEG格式和PNG格式不管圖像實(shí)際的大小如何，都會(huì)按照在這里所指定的寬度和高度來顯示alt屬性是在不能顯示圖像的情況下，指定替代圖像所使用的文字設(shè)置圖像的邊框設(shè)置圖像與文字的垂直位置關(guān)系在同一行中，如果有圖像和文字，那么就可以用align屬性來設(shè)置圖像和文字的垂直位置關(guān)系制作圖像熱區(qū)在map標(biāo)簽中，用來設(shè)置實(shí)際單擊的區(qū)域和鏈接地址的是area標(biāo)簽在area標(biāo)簽中，一定要指定表示鏈接地址的替代文字，之后要用image標(biāo)簽的usemap屬性指定定義后的image map的名稱（名稱前面要加#），這樣圖像就可以作為image map產(chǎn)生相應(yīng)的效果將圖像嵌套在文本中位置：left,right解除圖像的嵌套設(shè)置圖像與周圍文字之間的距離放置Java小程序applet標(biāo)簽是嵌入Java小程序時(shí)要使用的標(biāo)簽如果使用param標(biāo)簽，在執(zhí)行java小程序時(shí)，需事先指定一些必要值。這時(shí)，param標(biāo)簽要位于范圍的最開始部分10、制作不同類型的表單制作填寫表單URL：用來處理發(fā)送后表格的程序的URL發(fā)送形式：get,postMIME類型：以post方式發(fā)送內(nèi)容時(shí)的MIME類型窗口名稱：先是發(fā)送結(jié)果的窗口或框架名form標(biāo)簽表示在表單中填寫的內(nèi)容是可以發(fā)送的制作發(fā)送按鈕標(biāo)簽：在按鈕上顯示的文字名稱：按鈕的名稱將input標(biāo)簽的type屬性設(shè)置為submit，再根據(jù)form標(biāo)簽的設(shè)置，可以制作發(fā)送填寫在表單中數(shù)據(jù)的按鈕制作重置按鈕制作通用按鈕通用按鈕通常與JavaScript等腳本語言組合使用利用圖像來制作發(fā)送按鈕通常，發(fā)送按鈕都使用input type=”submit”代碼，不過圖像也可以作為發(fā)送按鈕，具有發(fā)送功能。這時(shí)，圖像被單擊的位置將和表單的內(nèi)容一起被發(fā)送制作不同功能的發(fā)送按鈕類型：submit,reset,buttonbutton標(biāo)簽是用來制作按鈕專用的通過指定type屬性值，就可以產(chǎn)生具有不同功能的按鈕，包括發(fā)送按鈕、重置按鈕和通用按鈕。另外，在中放置相應(yīng)的內(nèi)容，可以作為按鈕的標(biāo)簽顯示出來。在需要進(jìn)行其他處理并設(shè)置多個(gè)發(fā)送按鈕的情況下，根據(jù)name屬性和value屬性所顯示的值，接受方就可以分辨出單擊的是哪一個(gè)發(fā)送按鈕制作單行文本框制作多行文本框制作輸入密碼的文本框插入隱藏域制作單選按鈕將input標(biāo)簽的type屬性設(shè)置為radio，可以用來制作單選按鈕。單選按鈕是多個(gè)選項(xiàng)當(dāng)中只能選擇其一的按鈕。作為公共項(xiàng)目的選項(xiàng)而使用的單選按鈕，要把它們都指定為同一名稱。另外，發(fā)送數(shù)據(jù)的時(shí)候，為了識(shí)別所選的是哪一項(xiàng)，要用value屬性來指定相應(yīng)的值制作復(fù)選框?qū)nput標(biāo)簽的type屬性設(shè)置為checkbox，可以用來制作復(fù)選框。復(fù)選框可以在多個(gè)選項(xiàng)當(dāng)中進(jìn)行多項(xiàng)選擇。作為公共項(xiàng)目的選項(xiàng)而使用的復(fù)選框，要把它們都指定為同一名稱。另外，發(fā)送數(shù)據(jù)的時(shí)候，為了識(shí)別所選的是哪一項(xiàng)，要用value屬性來指定相應(yīng)的值制作菜單：菜單整體：菜單項(xiàng)：菜單項(xiàng)select標(biāo)簽用來制作菜單菜單的整體要在范圍之內(nèi)顯示，然后按需要的數(shù)量在其中放置表示選項(xiàng)的。范圍之內(nèi)要寫上實(shí)際菜單要顯示的選項(xiàng)的名稱。另外，如果省略了value屬性，在這里記錄的文字本身就會(huì)作為所選值發(fā)送組合菜單選項(xiàng)：制作組合菜單：組合內(nèi)的選項(xiàng)組合名稱：第一級(jí)顯示的組合標(biāo)題次選項(xiàng)：對(duì)應(yīng)組合名稱下面的在第二級(jí)顯示出來的選項(xiàng)制作的菜單選項(xiàng)可以利用標(biāo)簽組合起來制作下拉列表：下拉列表框：菜單項(xiàng)：菜單項(xiàng)在用于制作菜單的select標(biāo)簽中指定了size屬性后，就可以顯示下拉列表框添加選擇文件的功能將input標(biāo)簽的type屬性設(shè)置為file，可以自動(dòng)做成能夠選擇發(fā)送表單數(shù)據(jù)的文件按鈕和文本框綜合利用菜單選項(xiàng)：組合：組合的標(biāo)題field標(biāo)簽用來把填寫在表單中需要包含的輸入內(nèi)容和選項(xiàng)組合起來在的最開始部分放置legend標(biāo)簽，并且給該組合加上標(biāo)題將標(biāo)簽文字與項(xiàng)目一體化參照ID：添加了標(biāo)簽的對(duì)象的id屬性值lable標(biāo)簽的作用是在輸入項(xiàng)和選項(xiàng)及其標(biāo)簽文字之間建立起明確的關(guān)聯(lián)，并使其一體化11、利用框架布局網(wǎng)頁設(shè)置框架整體結(jié)構(gòu)高度：在垂直方向上分布的多個(gè)框架的高度，按從上到下的順序依次用逗號(hào)隔開來指定寬度：在水平方向上分布的多個(gè)框架的寬度，按從左到右的順序依次用逗號(hào)隔開來指定URL：作為框架內(nèi)容顯示的HTML文件的URL框架名稱：在指定鏈接等顯示目標(biāo)的時(shí)候使用的名稱使用框架功能可以把窗口橫豎切割開，然后在不同的塊區(qū)域中顯示其他的HTML文件。在指定了框架的文件中，原來body標(biāo)簽所在的位置，要放置frameset標(biāo)簽，這主要是由于在框架頁面中不能使用bo