Web前端开发——格式化文本与段落（下）

引言：

上一期我们了解了Web页面初步设计和格式化文本标记，这一期我们了解段落与排版标记，也是格式化文本与段落这一章节的重点内容。

段落与排版标记

网页的外观是否美观，在很大成都上取决于排版。当页面中出现大段的文字时，通常采用分段进行规划，对换行也有极其严格的划分。本文从段落的细节设置入手，利用段落与排版标记处理打断的文字。

1.1 段落标记

在HTNL文档中，合理地使用段落会使文字的显示更加美观、表达更加清晰。段落标记记p用来开始一个段落，它是一个块级标记，该标记中不能再包含其他的任何块级标记。

1.1.2 基本语法

<p align="left|center|right|justify">段落正文内容</p>

p标记会自动在其前后创建一些空白。浏览器会自动添加这些空间。段落p标记的align属性有4个可选值，分别表示左对齐、居中对齐、右对齐、两端对齐。

1.2 标记换行

在HTML文档中插人换行标记br的作用和在普通文档中插人回车符的作用一样，都表示强制性换行。 

1.2.1 基本语法

<br>或<br/>

在HTML文档中，换行br标记属于单标记，表示插入换行符。

1.3 水平分隔线标记

水平分隔线标记hr用一条线将页面区域按照功能进行分隔。hr标记是单标记。

<hr width=""size =""color = ""aliqn =""noshade>

 水平分隔线标记 hr的属性、取值及说明如下表所示

1.4 拼音/音标注释标记

ruby标记定义ruby注释(中文注音或字符)。ruby标记与rt标记一同使用。ruby标记由一个或多个字符(需要一个解释/发音)和一个提供该信息的标记组成,还包括可选的rp标记，定义当浏览器不支持ruby标记时显示的内容。

ruby标记用来将需要注释或注音标的文字内容包围住。

rt标记中放置音标或注释,这个标记要跟在需要注释的文本的后面。

rp标记是防备那些不支持ruby标记的浏览器，主要用来放置括号。对于支持这个标记的的浏览器，rp标记的CSS样式是(display:none;)，也就是不可见。

1.4.1 基本语法

<ruby>
    中<rp>(</rp><rt>zhong </rt><rp>)</rp>
    国<rp>(</rp><rt>guo</rt><rp>)</rp>
</ruby>

1.5 段落缩进标记

段落缩进标记blockquote是块级标记，常称为块引用标记。该标记引用的内容能够向右缩进5个英文字符的位置，并在其内容的周围增加外边距。

1.5.1 基本语法

<blockguote>引用的内容</blockquote>

1.6 预格式化标记

在HTML中利用成对的<pre></pre>标记对网页中的文字段落进行预格式化，浏览器会完整保留设计者在源文件中所定义的格式，包括各种空格、缩进以及其他特殊格式。

1.6.1 基本语法

<pre>预格式化文本</pre>

ps：关于格式化文本与段落的内容就到这里啦，下一期将更新列表。