HTML+CSS+JavaScript网页制作实用教程
上QQ阅读APP看书,第一时间看更新

2.5 标题字

HTML文档中包含各种级别的标题,各种级别的标题由<h1>到<h6>标记来定义。其中,<h1>代表最高级别的标题,依次递减,<h6>级别最低。

<h1>到<h6>标记中的字母h是英文headline的简称。作为标题,它们的重要性是有区别的,其中<h1>标题的重要性最高,<h6>的重要性最低。

语法:


<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

说明:有6个级别的标题,<h1>是一级标题,使用最大的字号表示,<h6>是六级标题,使用最小的字号表示。

举例:


<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>标题字标记</title>
</head>
<body>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
</body>
</html>

在代码中加粗的部分是6种不同级别的标题,在浏览器中可以看到效果,如图2.15所示。

图2.15 不同级别的标题

提示

对于不同的显示器,其确切的点阵尺寸的大小也不相同,但<h1>标题大约是标准文字高度的2到3倍,<h6>标题则比标准字体略小。