HTML常用標(biāo)簽.doc

HTML最常用標(biāo)簽（一）基本文檔結(jié)構(gòu)標(biāo)簽：1) ：注釋標(biāo)簽用來在源文檔中插入注釋。注釋會被瀏覽器忽略。您可使用注釋對您的代碼進(jìn)行解釋，這樣做有助于您在以后的時間對代碼的編輯。2) ： 聲明位于文檔中的最前面的位置，處于 標(biāo)簽之前。此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。3) ：此元素可告知瀏覽器其自身是一個 HTML 文檔。4) ： 標(biāo)簽用于定義文檔的頭部，它是所有頭部元素的容器。5) ： 標(biāo)簽描述了基本的鏈接地址/鏈接目標(biāo)，該標(biāo)簽作為HTML文檔中所有的鏈接標(biāo)簽的默認(rèn)鏈接。6) ： 元素可提供有關(guān)頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞。包含在標(biāo)簽中。7) ： 元素可定義文檔的標(biāo)題。8) ：body 元素定義文檔的主體。body 元素包含文檔的所有內(nèi)容（比如文本、超鏈接、圖像、表格和列表等等。）（二）文本、字體、字號、線條、行控制、超鏈接、圖像相關(guān)標(biāo)簽：9) ：呈現(xiàn)粗體文本效果。10) ：顯示斜體文本效果。11) ： 可插入一個簡單的換行符。12) ： 規(guī)定文本的字體、字體尺寸、字體顏色。13) - ： - 標(biāo)簽可定義標(biāo)題。 定義最大的標(biāo)題。 定義最小的標(biāo)題。14) ： 標(biāo)簽在 HTML 頁面中創(chuàng)建一條水平線。15) ：對其所包括的文本進(jìn)行水平居中。16) ：超連接a) 標(biāo)簽可定義錨。錨 (anchor) 有兩種用法：i. 通過使用 href 屬性，創(chuàng)建指向另外一個文檔的鏈接（或超鏈接）ii. 通過使用 name 或 id 屬性，創(chuàng)建一個文檔內(nèi)部的書簽（也就是說，可以創(chuàng)建指向文檔片段的鏈接）b) 元素最重要的屬性是 href 屬性，它指定鏈接的目標(biāo)。17) ：img 元素向網(wǎng)頁中嵌入一幅圖像。18) ： 標(biāo)簽定義段落。19) ：pre 元素可定義預(yù)格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。常見應(yīng)用就是用來表示計算機(jī)的源代碼。20) ： 標(biāo)簽可定義下劃線文本。21) ： 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）。22) .粗體字(強(qiáng)調(diào))23) .斜體字(強(qiáng)調(diào))24) 閃爍的文字25) 顯示大字體26) . 用于引經(jīng)據(jù)典的文字27) . 用于列出一段程序代碼（三）表單元素相關(guān)標(biāo)簽：28) ： 標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單。29) ： 標(biāo)簽用于搜集用戶信息。根據(jù)不同的 type 屬性值，輸入字段擁有很多種形式。輸入字段可以是文本字段、復(fù)選框、掩碼后的文本控件、單選按鈕、按鈕等等。30) ：select 元素可創(chuàng)建單選或多選菜單。31) ：option 元素定義下拉列表中的一個選項(xiàng)（一個條目）。option 元素位于 select 元素內(nèi)部。32) ： 標(biāo)簽定義多行的文本輸入控件。可以通過 cols 和 rows 屬性來規(guī)定 textarea 的尺寸。33) ： 標(biāo)簽定義一個按鈕。34) ：fieldset 元素可將表單內(nèi)的相關(guān)元素分組。35) ：legend 元素為 fieldset 元素定義標(biāo)題（caption）。36) 補(bǔ)充：a) 客戶端向服務(wù)端發(fā)送數(shù)據(jù)可以有兩種方式：1. 使用表單提交；2. 使用超鏈接傳參數(shù)多個參數(shù)全部用&號連接起來。b) 如： . Method屬性指定提交方式：post方式數(shù)據(jù)以暗文形式提交，即在瀏覽器地址欄上看不到提交的數(shù)據(jù)；get方式提交的數(shù)據(jù)在瀏覽器地址欄上可以看到，所以對敏感數(shù)據(jù)的提交都會選擇post。（四）表格相關(guān)標(biāo)簽：37) ： 標(biāo)簽定義 HTML 表格。38) ： 標(biāo)簽定義表格的表頭。thead 元素應(yīng)該與 tbody 和 tfoot 元素結(jié)合起來使用。39) ： 標(biāo)簽表格主體（正文）。tbody 元素應(yīng)該與 thead 和 tfoot 元素結(jié)合起來使用。40) ： 標(biāo)簽定義表格的頁腳（腳注或表注）。41) ：定義表格內(nèi)的表頭單元格。42) ： 標(biāo)簽定義 HTML 表格中的行。是列。43) ： 標(biāo)簽定義 HTML 表格中的標(biāo)準(zhǔn)單元格。44) ：caption 元素定義表格標(biāo)題。caption 標(biāo)簽必須緊隨 table 標(biāo)簽之后。您只能對每個表格定義一個標(biāo)題。通常這個標(biāo)題會被居中于表格之上。（五）容器相關(guān)標(biāo)簽：DIV + CSS JavaScript45) ：標(biāo)簽可以把文檔分割為獨(dú)立的、不同的部分。 是一個塊級元素。這意味著它的內(nèi)容自動地開始一個新行。46) ： 標(biāo)簽被用來組合文檔中的行內(nèi)元素。（六）框架相關(guān)標(biāo)簽47) : frameset 元素可定義一個框架集。它被用來組織多個窗口（框架）。每個框架存有獨(dú)立的文檔。在其最簡單的應(yīng)用中，frameset 元素僅僅會規(guī)定在框架集中存在多少列或多少行。您必須使用 cols 或 rows 屬性。i. 左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調(diào)整 ii. 上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調(diào)整iii. 分割左中右三個框架48) : 標(biāo)簽定義 frameset 中的一個特定的窗口（框架）。49) ：iframe 元素會創(chuàng)建包含另外一個文檔的內(nèi)聯(lián)框架（即行內(nèi)框架）。（七）序號、列表標(biāo)簽：50) ： 標(biāo)簽定義無序列表。51) ： 標(biāo)簽定義有序列表。52) ： 標(biāo)簽定義列表項(xiàng)目。 標(biāo)簽可用在有序列表 () 和無序列表 () 中。53) ： 標(biāo)簽定義了定義列表。54) ： 標(biāo)簽定義了定義列表中的項(xiàng)目。55) : 標(biāo)簽定義了定義列表中項(xiàng)目的描述。（八）引入外部文件56) ： 標(biāo)簽定義文檔與外部資源的關(guān)系。 標(biāo)簽最常見的用途是鏈接樣式表。57) ： 標(biāo)簽用于為 HTML 文檔定義樣式信息。58) ： 標(biāo)簽用于定義客戶端腳本，比如 JavaScript。以通過 src 屬性指向外部腳本文件。（九） 其它59) .普通卷動60) (預(yù)設(shè)好鏈接路徑)（九） 實(shí)體字符CSS樣式表(一) 樣式規(guī)則：(二) 樣式規(guī)則語法：選擇器 樣式屬性1：樣式值1;樣式屬性2：樣式值2;.(三) 常用的選擇器有以下幾種：a) 類型（標(biāo)簽：如p, a, td）選擇器：p ., a.pcolor:red;font-family:華文彩云;font-size:18px;b) 類選擇器： .class_selector ., input.inputClass., .titlecolor:red; font-size: 12px;使用類樣式c) ID選擇器：#id_name . #mylinke color:#093; font-size:18px; 我的連接d) 包含選擇器：選擇所有被 E1 包含的 E2 。1. E1 E2 sRules table td font-size:14px; e) 子對象選擇器：選擇所有作為 E1 子對象的 E2 。E1 E2 sRules table tr td: p a: f) 樣式分組：P,a,h1 color: red; g) 屬性選擇器：E表示標(biāo)簽元素1. E attr sRules 2. E attr = value sRules 3. E attr = value sRules 4. E attr |= value sRules 示例：1.選擇具有 attr 屬性的 E。 如： tablename2.選擇具有 attr 屬性且屬性值等于 value 的 E。 tablename=”mytbl”3.選擇具有 attr 屬性且屬性值為一個空格分隔的字詞列表，其中一個等于 value 的 E 。這里的 value 不能包含空格。 4.選擇具有 attr 屬性且屬性值為一用連字符分隔的字詞列表，由 value 開始的 E。htitle color: blue; /* 所有具有title屬性的h對象 */ spanclass=demo color: red; divspeed=fastdorun=no color: red; arel=copyright color:black; (四) 常用的樣式屬性：a) 文本文本屬性說 明font-size字體大小font-family字體類型font-style字體樣式color設(shè)置或檢索文本的顏色text-align文本對齊font-weight設(shè)置或檢索對象中的文本字體的粗細(xì)。text-decoration檢索或設(shè)置對象中的文本的裝飾。text-overflow設(shè)置或檢索是否使用一個省略標(biāo)記(.)標(biāo)示對象內(nèi)文本的溢出。word-break設(shè)置或檢索對象內(nèi)文本的字內(nèi)換行行為。word-wrap設(shè)置或檢索當(dāng)當(dāng)前行超過指定容器的邊界時是否斷開轉(zhuǎn)行。b) 背景常用的樣式屬性背景屬性說 明background-color設(shè)置背景顏色background-image設(shè)置背景圖像background-repeat設(shè)置一個指定的圖像如何被重復(fù)可取值repeat-x、 repeat、 no-repeat、repeat-yc) 方框的常用樣式屬性：margin(外補(bǔ)白，外補(bǔ)丁)，padding n(內(nèi)補(bǔ)白，內(nèi)補(bǔ)丁)屬 性CSS名稱說 明邊界屬性（外補(bǔ)?。﹎argin-top設(shè)置對象的上邊距margin-right設(shè)置對象的右邊距margin-bottom設(shè)置對象的下邊距margin-left設(shè)置對象的左邊距margin復(fù)合屬性，分別設(shè)置上下左右外邊距邊框?qū)傩詁order-style設(shè)置邊框的樣式border-width設(shè)置邊框的寬度border-color設(shè)置邊框的顏色填充屬性（內(nèi)補(bǔ)?。﹑adding-top設(shè)置內(nèi)容與上邊框之間的距離padding-right設(shè)置內(nèi)容與右邊框之間的距離padding-bottom設(shè)置內(nèi)容與下邊框之間的距離padding-left設(shè)置內(nèi)容與左邊框之間的距離Padding復(fù)合屬性，分別設(shè)置上下左右內(nèi)邊距d) 元素定位屬性定位屬性說 明Position檢索對象的定位方式: static | absolute | fixed | relativetop檢索或設(shè)置對象與其最近一個具有定位設(shè)置的父對象頂邊相關(guān)的位置。right檢索或設(shè)置對象與其最近一個具有定位設(shè)置的父對象右邊相關(guān)的位置。bottom檢索或設(shè)置對象與其最近一個具有定位設(shè)置的父對象底邊相關(guān)的位置。left檢索或設(shè)置對象與其最近一個具有定位設(shè)置的父對象左邊相關(guān)的位置。z-index檢索或設(shè)置對象的層疊順序。e) 其它常用樣式：1. Width2. Height(五) 偽類的使用規(guī)則：(六) 樣式表優(yōu)先遵循：就近優(yōu)先原則 (七) 樣