HTML <h1> 到 <h6> 标签

发表于2015-05-25 13:33:18| --次阅读| 来源webkfa| 作者小五

摘要：<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题

实例
六个不同的 HTML 标题：

		html代码
	

运行代码

<html>

<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

<p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p>

</body>
</html>

<html>

<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

<p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p>

</body>
</html>

浏览器支持
所有浏览器都支持 <h1> - <h6> 标签。

定义和用法
<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。
由于 h 元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。相反，我们应当使用层叠样式表定义来达到漂亮的显示效果。

HTML 与 XHTML 之间的差异
在 HTML 4.01 中，h1 - h6 元素的 "align" 属性不被推荐使用。
在 XHTML 1.0 Strict DTD 中，h1 - h6 元素的 "align" 属性不被支持。

可选的属性

		代码
	

//不推荐使用。请使用样式替代它。
//规定标题中文本的排列。
align=left|center|right|justify

标准属性

		代码
	

id, class, title, style, dir, lang, xml:lang

如需完整的描述，请访问标准属性。
事件属性

		代码
	

onclick, ondblclick, onmousedown, onmouseup, onmouseover, 
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

如需完整的描述，请访问事件属性。

更多实例
标题
本例演示在 HTML 文档中显示标题的标签。

		html代码
	

运行代码

<html>

<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

<p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p>

</body>
</html>

<html>

<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

<p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p>

</body>
</html>

居中排列的标题
本例演示一个居中排列的标题。

		html代码
	

运行代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>

<body>

<h1 align="center">This is heading 1</h1>

<p>上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。</p>

</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>

<body>

<h1 align="center">This is heading 1</h1>

<p>上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。</p>

</body>
</html>

HTML <h1> 到 <h6> 标签

发表于2015-05-25 13:33:18| --次阅读| 来源webkfa| 作者小五

相关文章

html标题快速浏览101

相关文章