上QQ阅读APP看书，第一时间看更新
3.1 标题文字的建立
教学录像：光盘\TM\lx\3\标题文字的建立．exe
在浏览器中的正文部分，可以显示标题文字，所谓标题文字就是以某种固定的字号显示文字。HTML文档中的标题文字分别用来指明页面上的1～6级标题。
3.1.1 标题字标记<H>
标题文字共包含6种标记，每一种的标题在字号上有明显的区别，从1～6级依次减小。
语法
1级标题：<h1>…</h1>
2级标题：<h2>…</h2>
依次下去，到6级标题。
语法解释
在该语法中，1级标题使用最大的字号表示，6级标题使用的是最小的字号。
【例3.1】实例代码。（实例位置：光盘\TM\sl\3\1）
<html>
<head>
<title>标题文字的效果</title>
</head>
<body>
<h1>1级明日科技</h1>
<h2>2级明日科技</h2>
<h3>3级明日科技</h3>
<h4>4级明日科技</h4>
<h5>5级明日科技</h5>
<h6>6级明日科技</h6>
</body>
</html>
图3.1 标题文字的效果
运行这段代码，可以看到网页中6种不同大小的标题文字，如图3.1所示。
3.1.2 标题文字的对齐方式——align
默认情况下，标题文字是左对齐的。而在网页制作的过程中，可以对标题文字进行编排设置。在文字标题的属性设置中，最常用的就是关于对齐方式的设置，这就需要使用align参数。
语法
align=对齐方式
语法解释
在该语法中，align属性需要设置在标题标记的后面，标题文字的对齐属性如表3.1所示。
表3.1 标题文字的对齐方式
【例3.2】实例代码。（实例位置：光盘\TM\sl\3\2）
<html>
<head>
<title>标题文字的对齐效果</title>
</head>
<body>
<h1>古诗介绍</h1>
<h2 align="center">作者辛弃疾</h2>
<h3 align="left">三更灯火五更鸡，正是男儿发愤时</h3>
<h4 align="right">黑发不知勤学早，白首方悔读书迟</h4>
</body>
</html>
运行这段代码，可以看到不同对齐方式的标题效果，如图3.2所示。
图3.2 标题文字的对齐效果