編程教程全方位詳解HTML常用標簽
HTML 是所有網頁制作技術的核心和基礎，也是每個網頁制作者必須掌握的基本知識，而 html 標簽是 html 語言中最基本的單位，是 HTML 最重要的組成部分。
初學者首先要知道 HTML 標簽的一些特點：
HTML 標簽是與大小寫無關的，例如“<BODY>”跟<body>表示的意思是一樣的，推薦使用小寫。類似“<p>”這樣由尖括號包關鍵字組成，例如：
實例
<P>P 是段落標簽,HTML標簽不區分大小寫</P>
<p>意思是一樣的，推薦使用小寫。</p>
注：HTML 標簽對大小寫不敏感，但推薦使用小寫！
HTML 標簽一般是成對出現的，由開始標簽如<h1>，左邊標簽一般叫開始標簽，右邊</h1>叫結束標簽，有始有終，除了一些個別是單閉合標簽的，下面列舉 HTML 單閉合標簽。
單閉合標簽
| 標簽 | 功能 |
| <br /> | 插入一個換行簡單的換行符 |
| <hr /> | 定義水平線 |
| <area /> | 定義圖像映射內部的區域 |
| <base /> | 定義頁面中所有鏈接的默認地址或默認目標 |
| <img /> | 定義圖像 |
| <input /> | 定義輸入控件 |
| <link /> | 定義文檔與外部資源的關系 |
| <meta /> | 定義關于 HTML 文檔的元信息 |
| <basefont /> | 不建議使用。定義頁面中文本的默認字體、顏色或尺寸 |
| <param /> | 定義對象的參數 |
| <col /> | 定義表格中一個或多個列的屬性值 |
| <frame /> | 定義框架集的窗口或框架 |
| <embed /> | 定義外部交互內容或插件 |
字體效果
標簽 | 功能 |
| <h1>...</h1> | 標題字(最大) |
| <h6>...</h6> | 標題字(最小) |
| <b>...</b> | 粗體字 |
| <strong>...</strong> | 粗體字(強調) |
| <i>...</i> | 斜體字 |
| <em>...</em> | 斜體字(強調) |
| <dfn>...</dfn> | 斜體字(表示定義) |
| <u>...</u> | 底線 |
| <ins>...</ins> | 底線(表示插入文字) |
| <strike>...</strike> | 橫線 |
| <s>...</s> | 刪除線 |
| <del>...</del> | 刪除線(表示刪除) |
| <kbd>...</kbd> | 鍵盤文字 |
| <tt>...</tt> | 打字體 |
| <xmp>...</xmp> | 固定寬度字體(在文件中空白、換行、定位功能有效) |
| <plaintext>...</plaintext> | 固定寬度字體(不執行標記符號) |
| <listing>...</listing> | 固定寬度小字體 |
| <font color=00ff00>...</font> | 字體顏色 |
| <font size=1>...</font> | 最小字體 |
| <font style =font-size:100 px>...</font> | 無限增大 |
區斷標記
標簽 | 功能 |
| <hr> | 水平線 |
| <hr size=9> | 水平線(設定大小) |
| <hr width=80%> | 水平線(設定寬度) |
| <hr color=ff0000> | 水平線(設定顏色) |
| <br> | (換行) |
| <nobr>...</nobr> | 水域(不換行) |
| <p>...</p> | 水域(段落) |
| <center>...</center> | 置中 |
鏈接
標簽 | 功能 |
| <base href=地址> | (預設好連結路徑) |
| <a href=地址></a> | 外部連結 |
| <a href=地址 target=_blank></a> | 外部連結(另開新窗口) |
| <a href=地址 target=_top></a> | 外部連結(全窗口連結) |
| <a href=地址 target=頁框名></a> | 外部連結(在指定頁框連結) |
圖像/音樂
標簽 | 功能 |
| <img src=圖片地址> | 貼圖 |
| <img src=圖片地址 width=180> | 設定圖片寬度 |
| <img src=圖片地址 height=30> | 設定圖片高度 |
| <img src=圖片地址 alt=提示文字> | 設定圖片提示文字 |
| <img src=圖片地址 border=1> | 設定圖片邊框 |
| <bgsound src=MID音樂文件地址> | 背景音樂設定 |
表格
標簽 | 功能 |
| <table align=left>...</table> | 表格位置,置左 |
| <table align=center>...</table> | 表格位置,置中 |
| <table background=圖片路徑>...</table> | 背景圖片的URL=就是路徑網址 |
| <table border=邊框大小>...</table> | 設定表格邊框大小(使用數字) |
| <table bgcolor=顏色碼>...</table> | 設定表格的背景顏色 |
| <table borderclor=顏色碼>...</table> | 設定表格邊框的顏色 |
| <table borderclordark=顏色碼>...</table> | 設定表格暗邊框的顏色 |
| <table borderclorlight=顏色碼>...</table> | 設定表格亮邊框的顏色 |
| <table cellpadding=參數>...</table> | 指定內容與網格線之間的間距(使用數字) |
| <table cellspacing=參數>...</table> | 指定網格線與網格線之間的距離(使用數字) |
| <table cols=參數>...</table> | 指定表格的欄數 |
| <table frame=參數>...</table> | 設定表格外框線的顯示方式 |
| <table width=寬度>...</table> | 指定表格的寬度大小(使用數字) |
| <table height=高度>...</table> | 指定表格的高度大小(使用數字) |
| <td colspan=參數>...</td> | 指定儲存格合并欄的欄數(使用數字) |
| <td rowspan=參數>...</td> | 指定儲存格合并列的列數(使用數字) |
分割窗口
標簽 | 功能 |
| <frameset cols="20%,* "> | 左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調整 |
| <frameset rows="20%,* "> | 上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調整 |
| <frameset cols="20%,* "> | 分割左右兩個框架 |
| <frameset cols="20%,*,20% "> | 分割左中右三個框架 |
| <frameset rows="20%,*,20% "> | 分割上中下三個框架 |
| <! - - ... - -> | 批注 |
| <a href target> | 指定超級鏈接的分割窗口 |
| <a href=#錨的名稱> | 指定錨名稱的超級鏈接 |
| <a href> | 指定超級鏈接 |
| <a name=錨的名稱> | 被連結點的名稱 |
| <address>....</address> | 用來顯示電子郵箱地址 |
| <b>...</b> | 粗體字 |
| <base target> | 指定超級鏈接的分割窗口 |
| <basefont size> | 更改預設字形大小 |
| <bgsound src> | 加入背景音樂 |
| <big> | 顯示大字體 |
| <blink> | 閃爍的文字 |
| <body text link vlink> | 設定文字顏色 |
| <body> | 顯示本文 |
| <br> | 換行 |
| <caption align> | 設定表格標題位置 |
| <caption>...</caption> | 為表格加上標題 |
| <center> | 向中對齊 |
| <cite>...<cite> | 用于引經據典的文字 |
| <code>...</code> | 用于列出一段程序代碼 |
| <comment>...</comment> | 加上批注 |
| <dd> | 設定定義列表的項目解說 |
| <dfn>...</dfn> | 顯示"定義 "文字 |
| <dir>...</dir> | 列表文字卷標 |
| <dl>...</dl> | 設定定義列表的卷標 |
| <dt> | 設定定義列表的項目 |
| <em> | 強調之用 |
| <font face> | 任意指定所用的字形 |
| <font size> | 設定字體大小 |
| <form action> | 設定戶動式窗體的處理方式 |
| <form method> | 設定戶動式窗體之資料傳送方式 |
| <frame marginheight> | 設定窗口的上下邊界 |
| <frame marginwidth> | 設定窗口的左右邊界 |
| <frame name> | 為分割窗口命名 |
| <frame noresize> | 鎖住分割窗口的大小 |
| <frame scrolling> | 設定分割窗口的滾動條 |
| <frame src> | 將 HTML 文件加入窗口 |
| <frameset cols> | 將窗口分割成左右的子窗口 |
| <frameset rows> | 將窗口分割成上下的子窗口 |
| <frameset>...</frameset> | 劃分分割窗口 |
| <h1>~<h6> | 設定文字大小 |
| <head>...</head> | 標示文件信息 |
| <hr> | 加上分網格線 |
| <html>...</html> | 文件的開始與結束 |
| <i>...</i> | 斜體字 |
| <img align> | 調整圖形影像的位置 |
| <img alt> | 為你的圖形影像加注 |
| <img dynsrc loop> | 加入影片 |
| <img height width> | 插入圖片并預設圖形大小 |
| <img hspace> | 插入圖片并預設圖形的左右邊界 |
| <img lowsrc> | 預載圖片功能 |
| <img src border> | 設定圖片邊界 |
| <img src> | 插入圖片 |
| <img vspace> | 插入圖片并預設圖形的上下邊界 |
| <input type name value> | 在窗體中加入輸入字段 |
| <isindex> | 定義查詢用窗體 |
| <kbd>...</kbd> | 表示使用者輸入文字 |
| <li type>...</li> | 列表的項目 ( 可指定符號 ) |
| <marquee> | 跑馬燈效果 |
| <menu>...</menu> | 條列文字卷標 |
| <meta name="refresh " content url> | 自動更新文件內容 |
| <multiple> | 可同時選擇多項的列表欄 |
| <noframe> | 定義不出現分割窗口的文字 |
| <ol>...</ol> | 有序號的列表 |
| <option> | 定義窗體中列表欄的項目 |
| <p align> | 設定對齊方向 |
| <p>...</p> | 分段 |
| <person>...</person> | 顯示人名 |
| <pre> | 使用原有排列 |
| <samp>...</samp> | 用于引用字 |
| <select>...</select> | 在窗體中定義列表欄 |
| <small> | 顯示小字體 |
| <strike> | 文字加橫線 |
| <strong> | 用于加強語氣 |
| <sub>...</sub> | 下標字 |
| <sup>...</sup> | 上標字 |
| <table border=n> | 調整表格的寬線高度 |
| <table cellpadding> | 調整數據域位之邊界 |
| <table cellspacing> | 調整表格線的寬度 |
| <table height> | 調整表格的高度 |
| <table width> | 調整表格的寬度 |
| <table>...</table> | 產生表格的卷標 |
| <td align> | 調整表格字段之左右對齊 |
| <td bgcolor> | 設定表格字段之背景顏色 |
| <td colspan rowspan> | 表格字段的合并 |
| <td nowrap> | 設定表格字段不換行 |
| <td valign> | 調整表格字段之上下對齊 |
| <td width> | 調整表格字段寬度 |
| <td>...</td> | 定義表格的數據域位 |
| <textarea name rows cols> | 窗體中加入多少列的文字輸入欄 |
| <textarea wrap> | 決定文字輸入欄是自動否換行 |
| <th>...</th> | 定義表格的標頭字段 |
| <title>...</title> | 文件標題 |
| <tr>...</tr> | 定義表格美一行 |
| <tt>...</tt> | 打字機字體 |
| <u>...</u> | 文字加底線 |
| <ul type>...</ul> | 無序號的列表 ( 可指定符號 ) |
| <var>...</var> | 用于顯示變量 |
跑馬燈
標簽 | 功能 |
| <marquee>...</marquee> | 普通卷動 |
| <marquee behavior=slide>...</marquee> | 滑動 |
| <marquee behavior=scroll>...</marquee> | 預設卷動 |
| <marquee behavior=alternate>...</marquee> | 來回卷動 |
| <marquee direction=down>...</marquee> | 向下卷動 |
| <marquee direction=up>...</marquee> | 向上卷動 |
| <marquee direction=right>...</marquee> | 向右卷動 |
| <marquee direction=left>...</marquee> | 向左卷動 |
| <marquee loop=2>...</marquee> | 卷動次數 |
| <marquee width=180>...</marquee> | 設定寬度 |
| <marquee height=30>...</marquee> | 設定高度 |
| <marquee bgcolor=ff0000>...</marquee> | 設定背景顏色 |
| <marquee scrollamount=30>...</marquee> | 設定卷動距離 |
| <marquee scrolldelay=300>...</marquee> | 設定卷動時間 |