HTML標簽及屬性.docx

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