HTML5开发学习之快速掌握标题标签的应用

  浏览新闻类网页时,经常能看见文章的标题,如图所示。

图片1

  标题就是用HTML中的标题标签来实现的,HTML中使用<h1>、<h2>、<h3>、<h4>、<h5>、<h6>等标签来定义标题部分,其语法格式如下:

  <hn 属性=“属性值”>标题文本</hn>

  接下来通过案例来演示标题标签,如例2-1所示。

2

  运行结果如图所示。

图片2

  从上例运行结果可以看出,默认情况下标题文字的显示方式是加粗左对齐,并且从<

h1>到<h6>字号递减,如果想改变标题的对齐方式,需要用到align属性,其取值如表。

3

  接下来通过案例来演示标题标签对齐方式的设置及效果,如例所示。

4

  运行结果如图所示。

图片3

  标题很重要,它有利于网页搜索引擎的优化,其中标题的重要性最高,<h6>标题的重要性最低,一般一个页面只能有一个<h1>,而<h2>~<h6>可以有多个。

posted @ 2020-02-22 16:41  千锋程序员日记  阅读(312)  评论(0编辑  收藏  举报