HTML中的文字与段落标记之一:标题文字的建立

HTML中的文字与段落标记之一:标题文字的建立

在网页创作中,文字是最基本的元素之一。增加文字的易读性,让浏览者在短时间内阅读更多、理解更多信息,并达到视觉艺术及传达的功能是网页创作者追求的目标。

在浏览网页时,常常看到一些标题文字,用于对文本中的章节进行划分,它们以固定的字号显示。

HTML文档中的标题文字分别用来指明页面上的16 级标题。

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>

运行这段代码,可以看到不同对齐方式的标题效果。

html专题相关文章

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.liangtzi.net/index.php/post/268.html