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标签大全（常用）

您的项目需求