HTML网页格式化：标题标签、段落标签和水平标签

一篇结构清晰的文章通常都会通过标题、段落、分割线等对文章进行结构排列，HTML网页也不例外，为了使网页中的文字有条理地显示出来，HTML提供了相应的页面格式化标签，如标题标签、段落标签、水平线标签和换行标签，对它们的具体介绍如下。

1.标题标签

为了使网页更具有语义化（语义化是指赋予普通网页文本特殊的含义），我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>，从<h1>到<h6>标题的重要性依次递减。标题标签的基本语法格式如下。

<hn align="对齐方式">标题文本</hn>

在上面的语法中n的取值为1到6，代表1~6级标题。align属性为可选属性，用于指定标题的对齐方式。

默认情况下标题文字是加粗左对齐显示的，并且从<h1>到<h6>标题字号依次递减。如果想让标题文字右对齐或居中对齐，就需要使用align属性设置对齐方式，其取值如下：

●left：设置标题文字左对齐（默认值）

●center：设置标题文字居中对齐

●right：设置标题文字右对齐

注意：

1、一个页面中只能使用一个<h1>标签，常常被用在网站的logo部分。

2、由于h标签拥有特殊的语义，请慎重选择恰当的标签来构建文档结构。初学者切勿为了设置文字加粗或更改文字的大小而使用文字标签。

3、HTML中一般不建议使用h标签的align对齐属性，可使用CSS样式设置。

2.段落标签

在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们平常写文章一样，整个网页也可以分为若干个段落。在网页中使用<p>标签来定义段落。<p>标签是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。<p>标签的基本语法格式如下。

<p align="对齐方式">段落文本</p>

在上面的语法中align属性为<p>标签的可选属性，和标题标签<h1>~<h6>一样，同样可以使用align属性设置段落文本的对齐方式。

3.水平线标签

在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。水平线可以通过<hr />标签来定义，基本语法格式如下。

<hr 属性="属性值" />

<hr />是单标签，在网页中输入一个<hr />，就添加了一条默认样式的水平线。此外通过为<hr />标签设置属性和属性值，可以更改水平线的样式，其常用的属性如表1所示。
表1<hr />标签的常用属性

注意：

在实际工作中，并不赞成使用<hr />的所有外观属性，最好通过CSS样式进行设置。

4.换行标签

在word中，按【Enter】键可以将一段文字换行显示，但在网页中，如果想要将某段文本强制换行显示，就需要使用换行标签<br />。
使用换行标签<br />的段落实现了强制换行的效果，而使用回车键换行的段落在浏览器实际显示效果中并没有换行，只是多出了一个空白字符。

注意：

<br />标签虽然可以实现换行的效果，但并不能取代结构标签<h>、<p>等。

HTML5页面头部信息相关标签是如何编辑的？

嵌入视频如何为video标签添加宽高？

nav标签怎么用？nav标签的有什么作用？

JSTL标签有哪些？常用JSTL标签介绍

黑马程序员前端培训