首先要知道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(最小) <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 /> 水平線(設定大小) <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> 設定表格邊框大小(使用數字) <table width=寬度>…</table> 指定表格寬度大小(使用數字) <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> 用於列出一段程序代碼