break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: justify;">块元素，霸道总裁性格。这类元素无论宽度大小，始终会占据页面中它高度范围内的那一整行空间，不会与其他元素共享。同时你可以任意控制块元素的宽高度，内填充等。常见的块元素有div，p，ul，li，h1~h6系列标签等。

break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: justify;">

2.4.1 标题块元素

为了使网页更具有语义化，经常会在页面中用到标题标记，HTML提供了6个等级的标题，即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>，从<h1>到<h6>重要性递减。其基本语法格式如下：

该语法中n的取值为1到6，align属性为可选属性，用于指定标题的对齐方式，下面例2-6来演示标题标记的使用,效果如图2-6所示。

              例2-6   example6.html

                                   图2-6 标题标记  

 图2-7  段落标记用法和对齐方式

2.4.2段落块元素

最常用的段落块元素有p(段落)元素和pre（原样显示文字）元素，hr(水平线)。

1．P元素

在网页中要把文字有条理地显示出来，离不开段落标记，就如同我们平常写文章一样，整个网页也可以分为若干个段落，而段落的标记就是<p>。其基本语法格式如下：

该语法中align属性为<p>标记的可选属性，和标题标记<h1>~<h6>一样，同样可以使用align属性设置段落文本的对齐方式。下面通过案例2-7来演示段落标记<p>的用法和其对齐方式，效果如图2-7所示。

例2-7   example7.html

从图2-7容易看出，通过使用<p>标记，每个段落都会独占一行，并且段落之间拉开了一定的间隔距离。

注意:在元素内容中用空格或换行符进行排版都是无效的。

2.pre元素

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。pre元素与p元素基本相同，唯一区别是，该元素中的文字内容将保留空格和换行符，并且元素中的英文字符都将统一用等宽字体，以便对齐，格式如下：

下面案例2-8,来演示预格式文本pre的用法，效果如图2-8所示。

例2-8   example8.html

                               图2-8预格式文本pre示例

                                     图2-9hr标记示例

3．hr元素

<hr />标记在 HTML 页面中创建一条水平线，<hr/>标记几个常用的属性如下表2-1所示。

表2-1 hr标记常用属性

下面通过案例2-9来演示其用法。

例2-9  example9.html