首先要知道html標簽的一些特點：
1.類似“<關鍵字>”這樣由尖括號包關鍵字組成，例如<html>,<div>……
2.一般是成對出現的，由開始標簽類似“<div>元素內容</div>”，左邊標簽一邊叫開始標簽，右邊</ >叫結束標簽，有始有終，除了一些個別是單閉合標簽的
先記一些個別例外的單閉合標簽，例如：
| <meta /> | 設置頁面信息的 | <param /> | 可為包含它的<object>或<applet>提供參數 | |
| <br /> | 換行 | <keygen /> | 定義生成密鑰 | |
| <hr /> | 水平線 | <source /> | 為媒介元素（如<video>或<audio>）定義媒介源 | |
| <area /> | 圖像映秀區域 | <col /> | 為表格中一個或多個列定義屬性值 | |
| <input /> | 表單元素，type不同輸入字段擁有不同形式 | <frame /> | 定義frameset中的一個特定的窗口（框架） | |
| <link /> | 鏈接樣式表 | <embed /> | 定義嵌入的內容，比如插件 | |
| <basefont /> | 定義基準字體，html5不支持<basefont>標簽，不贊成使用 | ...... |
下面按不同效果將標簽進行分類：
1.字體效果
| <h1>…</h1> | 標題1（最大）一級級往下字體變小，網頁一般從h1~h4，h4之后一般不會用了 | <s>…</s> | 刪除線 | |
| <h6>…</h6> | 標題6（最?。?/td> | <del>…</del> | 刪除線（表示刪除） | |
| <b>…</b> | 粗體字 | <kbd>…</kbd> | 鍵盤文字 | |
| <strong>..</strong> | 粗體字（強調） | <tt>…</tt> | 打字體 | |
| <i>…</i> | 斜體字 | <xmp>…</xmp> | 固定寬度字體（在文件中空白、換行、定位功能有效） | |
| <em>…/em> | 斜體字（強調） | <plaintext>…</plaintext> | 固定寬度字體（不執行標記符號） | |
| <dfn>...</dfn> | 斜體字（表示定義） | <listing>…</listing> | 固定寬度小字體 | |
| <u>…</u> | 底線 | <font color=00ff00>…</font> | 字體顏色（寫成類似color=“#00ff00”也可以） | |
| <ins>...</ins> | 底線（表示插入文字） | <font size=1>…</font> | 最小字體 | |
| <strike>…</strike> | 橫線 | <font style=font-size:100 px></font> | 無限增大(字體大小為100px) |
2.區斷標記
| <hr /> | 水平線 | <nobr>…</nobr> | 禁止換行，No Break的縮寫 | |
| <hr size=9 /> | 水平線（設定大?。?/td> | <p>…</p> | 段落 | |
| <hr width=80% /> | 水平線（設定寬度） | <center>…</center> | 對其包圍的文本進行居中設置 | |
| <hr color=00ff00 /> | 水平線（設定顏色） | |||
| <br /> | 換行 |
3.鏈接
| <base href=地址> | 為頁面上的所有鏈接規定默認地址或默認目標 | <a href=地址 target=_top></a> | 指定超鏈接目標的 URL(全窗口連接) | |
| <a href=地址></a> | 指定超鏈接目標的 URL | <a href=地址 target=頁框名></a> | 指定超鏈接目標的 URL（在指定頁框連接） | |
| <a href=地址 target=_blank></a> | 指定超鏈接目標的 URL(另開新窗口) |
4.圖像/音樂
| <img src=圖片地址 /> | 往網頁貼圖片 | <img src=圖片地址 border=1 /> | 設定貼的圖片邊框 | |
| <img src=圖片地址 width=180 /> | 設定貼的圖片寬度 | <bgsound src=MID音樂文件地址 /> | 背景音樂設定 | |
| <img src=圖片地址 height=30 /> | 設定貼的圖片高度 |
5.表格
| <table aling=left>…</table> | 表格位置，置左 | <table cellpadding=參數>…</table> | 指定網格線與網絡線之間的距離（使用數字） | |
| <table aling=center>…</table> | 表格的位置，置中 | <table cols=參數>…</table> | 指定表格的欄數 | |
| <table background=圖片路徑>…</table> | 背景圖片的URL=就是路徑網址 | <table frame=參數>…</table> | 設定表格外邊框線的顯示方式 | |
| <table border=邊框大小>…</table> | 設定表格邊框大?。ㄊ褂脭底郑?/td> | <table width=寬度>…</table> | 指定表格寬度大?。ㄊ褂脭底郑?/td> | |
| <table bgcolor=顏色碼>…</table> | 設置表格的背景顏色 | <table height=高度>…</table> | 指定表格高度大小（使用數字） | |
| <table bordercolor=顏色碼>…</table> | 設定表格邊框的顏色 | <td colspan=參數>…</td> | 指定儲存格合并欄的欄數(使用數字) | |
| <table bordercolordark=顏色碼>…</table> | 設定表格暗邊框的顏色 | <td rowspan=參數>…</td> | 指定儲存格合并列的列數（使用數字） | |
| <table bordercolorlight=顏色碼>…</table> | 設定表格亮邊框的顏色 |
6.分割窗口
| <frameset col=”20%”,*> | 左右分割，將左邊框架分割大小為20%，右邊框架的大小瀏覽器會自動調整 | <comment>…</comment> | 加上批注 | |
| <frameset rows=”20%,*”> | 上下分割，將上面框架分割大小為20%，下面框架的大小瀏覽器會自動調整 | <dd>…</dd> | 設定定義列表的項目描述 | |
| <frameset cols=”20%,*”> | 分割左右兩個框架 | <dfn>…</dfn> | 顯示"定義"文字 | |
| <frameset cols=”20%,*,20%”> | 分割左中右三個框架 | <dir>…</dir> | 列表文字卷標 | |
| <frameset rows=”20%,*,20%”> | 分割上中下三個框架 | <dl>…</dl> | 設定定義列表的卷標 | |
| <!--…--> | 批注 | <dt>...</dt> | 定義列表中的項目 | |
| <a href target> | 指定超級鏈接的分割窗口 | <em>…</em> | 強調之用 | |
| <a href="#錨的名稱> | 指定錨名稱的超級鏈接 | <font face> | 任意指定所用的字形 | |
| <a href> | 指定超級鏈接 | <font size> | 設定字體大小 | |
| <a name=錨的名稱> | 被連結點的名稱 | <form action> | 設定 | |
| <address>…</address> | 用來顯示電子郵箱地址 | |||
| <b>…</b> | 粗體字 | |||
| <base target> | 指定超級鏈接的分割窗口 | |||
| <bgsound src> | 加入背景音樂 | |||
| <big>…</big> | 呈現大號字體效果 | |||
| <blink> | 顯示閃爍的字符串或文字（IE不支持） | |||
| <body text link vlink> | 設定文字顏色 | |||
| <body>…</body> | 顯示本文 | |||
| <br /> | 換行 | |||
| <capition align> | 設定表格標題位置 | |||
| <caption>…</caption> | 為表格加上標題 | |||
| <center>…</center> | 對包圍的文本進行居中處理，html5不支持此標簽 | |||
| <cite>…<cite> | 用于引經據典的文字 | |||
| <code>…</code> | 用于列出一段程序代碼 |
新聞熱點
疑難解答
