HTML5/CSS3/JavaScript技术大全
上QQ阅读APP看书,第一时间看更新

3.5.1 标题字标签<hn>❹❺

一般文章都有标题、副标题、章和节等结构,HTML中也提供了相应的标题标签<hn>,其中n为标题的等HTML总共提供6个等级的标题,n越小,标题字号就越大。该标签有结束标签</hn>。

语法格式:

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

语法说明:

在该语法中,有6个级别的标题,<h1>是一级标题,使用最大的字号表示……<h6>标签是六级标题,使用最小的字号表示。该标签同时被HTML4和HTML5支持。

应用举例(hn.html):

<!DOCTYPE HTML>  
<head> 
<meta http-equiv="content-type" content= "text/html; charset=gb2312" /> 
<title>标题字标签</title> 
</head> 
<body> 
<h1>好好学习HTML5/CSS3/JavaScript</h1> 
<h2>好好学习HTML5/CSS3/JavaScript</h2> 
<h3>好好学习HTML5/CSS3/JavaScript</h3> 
<h4>好好学习HTML5/CSS3/JavaScript</h4> 
<h5>好好学习HTML5/CSS3/JavaScript</h5> 
<h6>好好学习HTML5/CSS3/JavaScript</h6> 
</body> 
</html> 

代码说明:

以上代码中,加粗的部分通过<hn>标签设置标题文字。

在Chrome浏览器中显示效果如图3-18所示。

47140-00-051-1.jpg

图3-18 标题字标签