HTML標簽：
? <html lang="en">/*告訴搜索引擎爬蟲，
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 我們的網站是關于什么內容的，en:代表英文*/
? </html>
<meta content="這是一個衣服" name="description">/*SEO技術*/
<meta content="服裝" name="keywords">
<del></del>：劃到原來的內容
<address></address>：地址標簽
<div></div>：快級標簽
<span></span>：化為整體
<bdo></bdo>:定義文本排序顯示方向，必須要與其屬性值dir一起使用。
? ? ? 取值為ltr，則文本從左向右書寫，若取值為rtl，則文本從右向左顯示
? ? ? 。
<blockquote></blockquote>：定義大塊內容引用
border屬性：定義邊框線，例：border:3px solid green;
padding屬性：定義內間距 例：padding:10px;
<cite></cite>：
? ? ? ? ? 定義用法:<cite>標簽通常表示它所包含的文本對某個參考文獻的
? ? ? ? ? ? ? ? ? ? ? ? 引用，比如書籍或者雜志的標題，被引用部分將 以斜
? ? ? ? ? ? ? ? ? ? ? ? 體顯示，一般包含在<a>標簽內。
<pre></pre>：被包圍在<pre>標簽元素中的文本通常會保留空格和
? ? ? ? ? ? ? ? ? ? ? ? 換行。而文本也會呈現為等寬字體。
<code></code>：將文本變成等寬字體；暗示這段文本是源程序代碼，
? ? ? ? ? ? ? ? ? ? ? ? ? ? 瀏覽器可以做出自己的樣式處理，而<pre>則沒有這
? ? ? ? ? ? ? ? ? ? ? ? ? ? 向功能。
<ins></ins>：定義已經被插入文檔中的文本，一般與<del></del>一
? ? ? ? ? ? ? ? ? ? ? 起使用，表示文本的更新和修正。
<dfn></dfn>：標簽可標記那些對特殊術語或短語的定義。
? ? ? ? ? ? ? ? 現在流行的瀏覽器通常用斜體來顯示<dfn>中的文本。將來，
? ? ? ? ? ? ? ? <dfn>還可能有助于創建文檔的索引或術語表。
? ? ? ? ? ? ? ? 與其他許多基于內容的樣式和物理樣式標簽一樣，<dfn>標
? ? ? ? ? ? ? ? 簽盡量少用為秒。作為一種通用樣式，尤其在技術文檔中，
? ? ? ? ? ? ? ? 當第一次新的術語時，應該將它們與普通文本分開，而從哪
? ? ? ? ? ? ? ? 以后就不需要在用任何標記了。
<hr />標簽：分隔線(橫向分隔線）
<br />標簽：換行
<strong></strong>標簽：加粗
<b></b>標簽：加粗
<i></i>標簽：斜體效果
<em></em>標簽：表示強調，顯示效果為斜體。
<u></u>：下劃線
<kbd></kbd>標簽：定義鍵盤文本。它表示文本是從鍵盤上鍵入的。其
? ? ? ? ? ? ? ? ? 經常用在與計算機相關的文檔或手冊中。
<mark></mark>標簽：將“標簽內容”以高亮顯示的方式突出那些要
? ? ? ? ? ? ? ? ? ? ? ? ? 在視覺上向用戶說明其重要性的文字內容。mark元
? ? ? ? ? ? ? ? ? ? ? ? ? 素當前比較常見的用法，就是在搜索結果中以高亮的
? ? ? ? ? ? ? ? ? ? ? ? ? 視覺效果標示用戶所指定的關鍵詞。
<p></p>標簽：段落標簽，帶有自動換行功能。自成一段。
<div></div>標簽：一個容器，可稱為塊。
<q></q>標簽：分離文本中的引語，定義一個引用。表現形式為雙引號。
? ? ? ? ? ? ? ? ? ? ? 常用cite將引用來源標注清楚。
<：小于號或顯示標記（左尖括號）
>：大于號或顯示標記（右尖括號）
&：可用于顯示其他特殊字符
"：引號
®：已注冊
©：版權
&trade：商標
&ensp：半個空白位
&emsp：一個空位白
 ：不斷行的空白
<ruby></ruby>標簽：定義ruby注釋
<rp></rp>標簽：定義若瀏覽器不支持ruby元素顯示的內容。
<rt></rt>標簽：定義ruby注釋的解釋，如：<rt>hua zi</rt>
<table></table>標簽：定義HTML表格
<tr></tr>標簽：定義表格的行
<td></td>標簽：定義表格中的列
表格屬性：
? ? ? ? border：邊框寬度
? ? ? ? rowspan：縱向合并
? ? ? ? colspan：橫向合并
<caption></caption>標簽：指定表格外面正上方的標題。需寫
? ? ? ? ? ? ? ? 在<table></table>標簽的內部方可。
? ? caption-side屬性：定義caption內容的上下位置。
<th></th>標簽：定義表格中的表頭單元格，字體加粗。
? cellpadding屬性：指定表格單元格內文字距邊框的距離
? cellspacing屬性：指定單元格之間的距離。
<col></col>標簽：規定了<colgroup></colgroup>元素內部的每
? ? ? ? ? ? ? ? 一列的列屬性。widthing規定了每一列的寬度。
? ? ? ? ? ? ? span屬性：規定<col><col>應該橫跨的列數。
? ? ? ? ? ? ? valign屬性：設置垂直對齊方式。
? ? ? ? ? ? ? align屬性：設置水平對齊方式。
? ? border-collapse屬性：設置表格的邊框是否被合并為一個單一的
? ? ? ? ? ? ? ? ? ? ? ? 邊框，還是在HTML中分開顯示，效果為顏色填充完
? ? ? ? ? ? ? ? ? ? ? ? ? 整個表格。
? ? ? ? ? ? ? 屬性值：
? ? ? ? ? ? ? ? ? ? separate：默認值，邊框會被分開。不會忽略
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? border-sapcing和empty-cells屬性
? ? ? ? ? ? ? ? ? ? inherit：規定應該從父元素繼承border-collapse屬性的值。
? ? ? ? ? ? ? ? ? ? collapse：如果可能，邊框會合并為一個單一的邊框，會忽
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 略 border-sapcing和empty-cells屬性
? ? ? empty-cells屬性：設置是否顯示表格中的空單元格。
? ? ? border-spacing屬性：設置表格單元格之間的距離。
? ? ? ? ? ? ? cellspacing屬性的區別為：border-spacing屬性為CSS屬性。
? ? ? ? ? ? ? ? ? ? ? 而cellspacing屬性為HTML屬性，在應用行內樣式時，
? ? ? ? ? ? ? ? ? ? ? ? border-spacing屬性應該放在style屬性內。
? ? align屬性：設置水平方向的對齊方式。
? ? valign屬性：設置垂直方向的對齊方式。
<samp></samp>標簽：定義計算機代碼樣本。
? ? ? ? ? ? ? ? ? ? 如：<samp>Http 403 禁止</samp>
<small></small>標簽：定義小號文本。
<sub></sub>標簽：定義下標文本。如化學式當中的下角數字
<sup></sup>標簽：定義上標文本。如數學表達式中的指數。
<time></time>標簽：定義時間/日期。
<var></var>標簽：定義變量。
<frameset></frameset>標簽：HTML5不支持此標簽，但有些瀏覽器
? ? ? ? ? 還是支持的，此標簽定義一個框架，其被用來組織一個或多個
? ? ? ? <frame>元素。每個frame有各自獨立的文檔。
<frame></frame>標簽：用于在框架集<frameset>里定義一個窗格(
? ? ? ? ? ? ? ? ? 框架)。每個窗格都可以具有不同的屬性，比如邊框、滾動條
? ? ? ? ? ? ? ? ? 、可否調整大小等。
? ? ? ? ? ? 注：為了讓包含框架的頁面符合W3C標準，需將文檔類型設置為
? ? ? ? ? ? ? ? ? "Frameset DTD"。
? ? ? ? ? ? 要點：如果使用了<frameset></frameset>標簽，就不能再使
? ? ? ? ? ? ? ? ? 用<body></body>標簽！反之亦然。它們不能同時使用。
? ? ? ? ? ? ? ? 不過，假如你為不支持框架的瀏覽器定義了<noframes>
? ? ? ? ? ? ? ? </noframes>的話，那么在<noframes></noframes>標
? ? ? ? ? ? ? ? 簽之間，你需要將內容放在<body></body>標簽里。
rows屬性：rows屬性規定<frameset>中行的尺寸和數量，
frameborder屬性：設置是否顯示邊框。
<noframes><noframes>標簽：可為那些不支持框架的瀏覽器顯示文本
? ? ? ? ? ? ? 。noframes標簽位于frameset元素內部。
name屬性：用于在JavaScript中引用元素，或者作為連接的目標。
&diams：方片
大方片：Ctrl+Shift+Z；搜狗輸入法特殊字符。◆
<object></object>標簽：調用對象，定義一個嵌入的對象，請使用此
? ? ? ? ? ? ? 元素向您的XHTML頁面添加多媒體。此元素允許您規定插入
? ? ? ? ? ? ? HTML文檔中的對象的數據和參數，以及可用來顯示和操作數
? ? ? ? ? ? ? 據的代碼。
? ? ? ? 用法示例：<object data="img/P1050373.JPG"
? ? ? ? ? ? ? ? ? ? ? ? type="image/jpeg" width="400" height="300">
? ? ? ? ? ? ? ? ? ? ? ? 花的圖片</object>
a:visited：表示點擊過后的顏色的選擇器
a:hover：鼠標浮動在上面的顏色的選擇器
a:link：正常情況下默認的顏色選擇器。
a標簽的id屬性值通常用于定義快速定位如：
? ? <a href="#name">*****</a>
? 則定位的id部分應該寫為：
? ? ? <a id="name"></a>
<base>標簽及其href屬性：規定頁面上的所有的相對鏈接訪問的默認
? ? ? ? ? ? ? URL或默認目標。在一個文檔中，最多能使用一個<base>標簽
? ? ? ? ? ? ，請把<base>標簽排在<head></head>元素中第一個元素的
? ? ? ? ? ? 位置，這樣head區域中其他元素就可以使用<base>元素中的信
? ? ? ? ? ? 息了。如果使用此標簽，則必須具有href或者target屬性或者兩
? ? ? ? ? ? 者都具備。
target屬性：指定所鏈接的頁面在瀏覽器中的打開方式，其值主要有以下
? ? ? ? ? 幾種：
? ? ? ? ? ? _blank：在新瀏覽器窗口中打開鏈接文件。
? ? ? ? ? ? _parent：將鏈接的文件載入含有該鏈接框架的父框架集或父窗
? ? ? ? ? ? ? ? ? ? ? ? ? ? 口中
? ? ? ? ? ? _self：在同一框架或窗口中打開所鏈接的文檔
? ? ? ? ? ? _top：在當前的整個瀏覽器窗口中打開所鏈接的文檔，因而會刪
? ? ? ? ? ? ? ? ? ? ? 除所有框架
a:active：用來定義超鏈接被鼠標點擊時的顏色。
a:visited：用來定義被訪問過的顏色
a:hover：用來定義鼠標懸浮于超鏈接上時的顏色。
<link />標簽：是用來與外部文件建立鏈接。例如：
? ? ? 引入外部CSS樣式表：
? ? ? ? ? ? ? ? <link href="style.css" type="text/css" rel="stylesheet" />
? ? ? href屬性：用來指定文件路徑
? ? ? charset屬性：規定了被鏈接文檔的字符編碼方式，在HTML5中已
? ? ? ? ? 被淘汰。
? ? ? hreflang屬性：規定被鏈接文檔的語言，如：hreflang="zh"代表是
? ? ? ? ? 個中文網站。
? ? ? type屬性：指定所鏈接文檔的MIME類型，CSS的MIME類型是
? ? ? ? ? ? ? type/css，
? ? ? media屬性：媒體類型，設定被鏈接文檔將顯示在什么設備上。
? ? ? ? ? ? 屬性值有{screen,tty,tv,projection,handheld,print,braille
? ? ? ? ? ,aural,all}。
? ? ? rel屬性：規定鏈接類型，值當前文檔與被鏈接文檔之間的關系。
? ? ? ? ? ? 屬性值：Alternate,appendix,bookmark,chapter,contents,
? ? ? ? ? ? copyright,glossary,help,home,index,next,prev,section,start,
? ? ? ? ? ? stylesheet,subsection
? ? ? rev屬性：指定被鏈接文檔與當前文檔之間的關系，在html5中已被
? ? ? ? ? ? 淘汰。屬性值與上面相同。
<caption></caption>標簽：指定表格外面正上方的標題。
<textarea><textarea>標簽：定義一個文本區域 (text-area) （一個多
? ? ? ? ? ? 行的文本輸入區域）。用戶可在此文本區域中寫文本。在一個文
? ? ? ? ? ? 本區中，您可輸入無限數量的文本。文本區中的默認字體是等寬
? ? ? ? ? ? 字體 (fixed pitch)。
? ? cols屬性：規定文本區域內可見的列數。
? ? rows屬性：規定文本區域內可見的行數。
? ? name屬性：為此文本區規定一個名稱。
<button></button>標簽：<button> 標簽定義按鈕。您可以在
? ? ? ? ? ? button 元素中放置內容，比如文檔或圖像。這是該元素與由
? ? ? ? ? ? input 元素創建的按鈕的不同之處。
? ? name屬性：為按鈕規定唯一的名稱。
? ? type屬性：定義按鈕的類型。
? ? value屬性：為按鈕規定初始值，該值可通過腳本改變。
? ? onClick事件屬性：例子:onClick="所調用函數等"
<form><form>標簽：創建供用戶輸入的表單。
? ? action屬性：定義一個 URL。當點擊提交按鈕時，向這個 URL 發送數
? ? ? ? ? ? 據。
多選框示例：
? ? <input type="search" name="search" list="yuYan" />
? ? <input type="submit" value="搜索" />
? ? <datalist id="yuYan">
? ? ? ? <option value="">*****</option>
? ? ? ? .......
? ? ? ? <option value="">*****</option>
? ? </datalist>
