HTML中的文字与段落标记之一:标题文字的建立
在网页创作中,文字是最基本的元素之一。增加文字的易读性,让浏览者在短时间内阅读更多、理解更多信息,并达到视觉艺术及传达的功能是网页创作者追求的目标。
在浏览网页时,常常看到一些标题文字,用于对文本中的章节进行划分,它们以固定的字号显示。
HTML文档中的标题文字分别用来指明页面上的1~6 级标题。
1 标题文字标记
标题文字共包含 6 种标记,分别表示6 个级别的标题,每一级别的字体大小都有明显的区别,从1级~6 级依次减小。
语法:
1 级标题:<h1>…</h1>
2 级标题:<h2>…</h2>
依次下去,到6 级标题。
说明:在该语法中,1 级标题使用最大的字号表示;6 级标题使用的是最小的字号。
实例代码:
<!--这是关于标题文字的实例-->
<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>
运行这段代码可以看到网页中6 种不同大小的标题文字。
2 标题文字的对齐方式——align
默认情况下,标题文字是左对齐的。而在网页制作的过程中,可以实现标题文字的编排设置。对于文字标题的属性设置中,最常用的就是关于对齐方式的设置,这需要使用align 参数进行设置。
语法:align=对齐方式
说明:在该语法中,align 属性需要设置在标题标记的后面,其对齐方式的取值为:left 左对齐;center 居中对齐;right 右对齐。
实例代码:
<!--设置标题文字的不同对齐方式-->
<html>
<head>
<title>标题文字的对齐效果</title>
</head>
<body>
<h1>1 级标题的默认对齐效果</h1>
<h2 align=left>2 级标题的左对齐效果</h2>
<h3 align=center>3 级标题的居中对齐效果</h3>
<h4 align=right>4 级标题的右对齐效果</h4>
</body>
</html>
运行这段代码,可以看到不同对齐方式的标题效果。