主頁 > 知識庫 > HTML常用標簽大全及html標簽的特點

HTML常用標簽大全及html標簽的特點

首先要知道html標簽的一些特點：

1.類似“<關鍵字>”這樣由尖括號包關鍵字組成，例如<html>,<div>……

2.一般是成對出現(xiàn)的，由開始標簽類似“<div>元素內容</div>”，左邊標簽一邊叫開始標簽，右邊</ >叫結束標簽，有始有終，除了一些個別是單閉合標簽的

先記一些個別例外的單閉合標簽，例如：

<meta />	設置頁面信息的	<param />	可為包含它的<object>或<applet>提供參數(shù)
<br />	換行	<keygen />	定義生成密鑰
<hr />	水平線	<source />	為媒介元素（如<video>或<audio>）定義媒介源
<area />	圖像映秀區(qū)域	<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>	固定寬度字體（不執(zhí)行標記符號）
<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.區(qū)斷標記

<hr />	水平線	<nobr>…</nobr>	禁止換行，No Break的縮寫
<hr size=9 />	水平線（設定大?。?/td>	<p>…</p>	段落
<hr width=80% />	水平線（設定寬度）	<center>…</center>	對其包圍的文本進行居中設置
<hr color=00ff00 />	水平線（設定顏色）
<br />	換行

3.鏈接

<base href=地址>	為頁面上的所有鏈接規(guī)定默認地址或默認目標	<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=參數(shù)>…</table>	指定網格線與網絡線之間的距離（使用數(shù)字）
<table aling=center>…</table>	表格的位置，置中	<table cols=參數(shù)>…</table>	指定表格的欄數(shù)
<table background=圖片路徑>…</table>	背景圖片的URL=就是路徑網址	<table frame=參數(shù)>…</table>	設定表格外邊框線的顯示方式
<table border=邊框大小>…</table>	設定表格邊框大?。ㄊ褂脭?shù)字）	<table width=寬度>…</table>	指定表格寬度大?。ㄊ褂脭?shù)字）
<table bgcolor=顏色碼>…</table>	設置表格的背景顏色	<table height=高度>…</table>	指定表格高度大小（使用數(shù)字）
<table bordercolor=顏色碼>…</table>	設定表格邊框的顏色	<td colspan=參數(shù)>…</td>	指定儲存格合并欄的欄數(shù)(使用數(shù)字)
<table bordercolordark=顏色碼>…</table>	設定表格暗邊框的顏色	<td rowspan=參數(shù)>…</td>	指定儲存格合并列的列數(shù)（使用數(shù)字）
<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>	呈現(xiàn)大號字體效果
<blink>	顯示閃爍的字符串或文字（IE不支持）
<body text link vlink>	設定文字顏色
<body>…</body>	顯示本文
<br />	換行
<capition align>	設定表格標題位置
<caption>…</caption>	為表格加上標題
<center>…</center>	對包圍的文本進行居中處理，html5不支持此標簽
<cite>…<cite>	用于引經據典的文字
<code>…</code>	用于列出一段程序代碼