HTML標簽大全（常用）

本標記語言，即HTML（Hypertext Markup Language），是用于描述網頁文檔的一種標記語言。以下是小編為大家整理的HTML基本的標簽。

注：HTML 標簽對大小寫不敏感，但推薦使用小寫！

基本

<html>…</html> 定義 HTML 文檔

<head>…</head> 文檔的信息

<title>…</title> 文檔的標題

<body>…</body> 可見的頁面內容

注釋

文本

<h1>...</h1> 標題字大小（h1~h6）

<b>...</b> 粗體字

<strong>...</strong> 粗體字(強調)

<i>...</i> 斜體字

<em>...</em> 斜體字(強調)

<u>...</u> 下劃線

<del>...</del> 刪除線(表示刪除)

<center>…</center> 居中文本

<ul>…</ul> 無序列表

<ol>…</ol> 有序列表

<li>…</li> 列表項目

<a href=”…”>…</a> 超鏈接

<font> 定義文本字體尺寸、顏色、大小

<sub> 下標

<sup> 上標

<br> 換行

<p> 段落

圖形

<img src=’”…”> 定義圖像

<hr> 水平線

表格

<table>…</table> 定義表格

<th>…</th> 定義表格中的表頭單元格

<tr>…</tr> 定義表格中的行

<td>…</td> 定義表格中的單元

其它

<form>…</form> 定義供用戶輸入的 HTML 表單

<frame> 定義框架集的窗口或框架

另加16進制顏色，但僅僅有16種顏色名可用英文字母，其余的要用16進制值。記住哦！

aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow

覽器支持

所有主流瀏覽器都支持 <a> 標簽。

標簽定義及使用說明

<a> 標簽定義超鏈接，用于從一個頁面鏈接到另一個頁面。

<a> 元素最重要的屬性是 href 屬性，它指定鏈接的目標。

在所有瀏覽器中，鏈接的默認外觀如下：

未被訪問的鏈接帶有下劃線而且是藍色的
已被訪問的鏈接帶有下劃線而且是紫色的
活動鏈接帶有下劃線而且是紅色的

提示和注釋

提示：如果沒有使用 href 屬性，則不能使用 hreflang、media、rel、target 以及 type 屬性。

提示：通常在當前瀏覽器窗口中顯示被鏈接頁面，除非規定了其他 target。

提示：請使用 CSS 來改變鏈接的樣式。

HTML 4.01 與 HTML5之間的差異

在 HTML 4.01 中，<a> 標簽既可以是超鏈接，也可以是錨。在 HTML5 中，<a> 標簽是超鏈接，但是假如沒有 href 屬性，它僅僅是超鏈接的一個占位符。

HTML5 有一些新的屬性，同時不再支持一些 HTML 4.01 的屬性。

屬性

New ：HTML5 中的新屬性。

屬性	值	描述
charset	char_encoding	HTML5 不支持。規定目標 URL 的字符編碼。
coords	coordinates	HTML5 不支持。規定鏈接的坐標。
downloadNew	filename	指定下載鏈接
href	URL	規定鏈接的目標 URL。
hreflang	language_code	規定目標 URL 的基準語言。僅在 href 屬性存在時使用。
mediaNew	media_query	規定目標 URL 的媒介類型。默認值：all。僅在 href 屬性存在時使用。
name	section_name	HTML5 不支持。規定錨的名稱。
rel	alternateauthorbookmarkhelplicensenextnofollownoreferrerprefetchprevsearchtag	規定當前文檔與目標 URL 之間的關系。僅在 href 屬性存在時使用。
rev	text	HTML5 不支持。規定目標 URL 與當前文檔之間的關系。
shape	defaultrectcirclepoly	HTML5 不支持。規定鏈接的形狀。
target	_blank_parent_self_topframename	規定在何處打開目標 URL。僅在 href 屬性存在時使用。
typeNew	MIME_type	規定目標 URL 的 MIME 類型。僅在 href 屬性存在時使用。注：MIME = Multipurpose Internet Mail Extensions。

全局屬性

<a> 標簽支持 HTML 的全局屬性。

事件屬性

<a> 標簽支持 HTML 的事件屬性。

創建超級鏈接

本例演示如何在 HTML 文檔中創建鏈接。

將圖像作為鏈接

本例演示如何使用圖像作為鏈接。

在新的瀏覽器窗口打開鏈接

本例演示如何在新窗口打開一個頁面，這樣的話訪問者就無需離開您的站點了。

創建電子郵件鏈接

本例演示如何鏈接到一個郵件。（本例在安裝郵件客戶端程序后才能工作。）

創建電子郵件鏈接 2

本例演示更加復雜的郵件鏈接。

使用錨跳轉到同一個頁面的不同位置

本例演示如何使用錨的 id 屬性跳轉到頁面的不同位置（ HTML5 不支持 name 屬性）

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

例

簡單的 HTML5 文檔：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

文檔內容......

</body>

</html>

瀏覽器支持

所有主流瀏覽器都支持 <html> 標簽。

標簽定義及使用說明

<html> 標簽告知瀏覽器這是一個 HTML 文檔。

<html> 標簽是 HTML 文檔中最外層的元素。

<html> 標簽是所有其他 HTML 元素（除了 <!DOCTYPE> 標簽）的容器。

HTML 4.01 與 HTML5之間的差異

HTML5 中，增加了一個新屬性：manifest。

HTML 與 XHTML 之間的差異

xmlns 屬性在 XHTML 中是必需的，但在 HTML中不是。

然而，即使 XHTML 文檔中的 <html> 沒有使用 xmlns 屬性，W3C 上的 HTML 驗證器也不會報錯。這是因為 "xmlns=http://www.w3.org/1999/xhtml" 是一個固定值，即使您沒有包含它，此值也會被添加到 <html> 標簽中。

屬性

New ：HTML5 中的新屬性。

屬性	值	描述
manifestNew	URL	定義一個 URL，在這個 URL 上描述了文檔的緩存信息。
xmlns	http://www.w3.org/1999/xhtml	HTML 不支持。只有 XHTML 支持。規定 XML 的 namespace 屬性（如果您需要您的內容符合 XHTML，則使用這個屬性。）。

全局屬性

<html> 標簽支持 HTML 的全局屬性。

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

在線咨詢

上一篇：現代CSS：純 CSS 實現飄雪動畫效果
下一篇：用HTML怎么制作網頁呢？

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

HTML標簽大全（常用）

您的項目需求