第二章——文本与段落

一、标题

（一）标题文字标记

一共六级标题：

    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    

（二）标题对齐方式

    <h3 align="center">三级标题</h3>
    <h3 align="left">三级标题</h3>
    <h3 align="right">三级标题</h3>

二、设置文字格式

（一）字体、字号和颜色

    <p>文字</p>
    <p style="font-family: 宋体; font-size: 40px; color: red;">字体</p>

各参数使用时查询。

（二）粗体、斜体和下划线

    <p><b>粗体</b></p>
    <p><em>强调</em></p>
    <p><strong>加粗</strong></p>
    <p><i>斜体</i></p>
    <p><u>下划线</u></p>

（三）文字的上标和下标

 <p>勾股定理表达式：a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup></p>

 <p>铁在氧气中燃烧：3Fe+2O<sub>2</sub>=Fe<sub>3</sub>O<sub>4</sub></p>

三、设置段落格式

（一）段落标记

<p></p>

（二）段落换行标记

<p>第一行<br>第二行<br>第三行</p>

（三）段落的原格式标记

   <pre>后面有两个空格  空格出现了，接下来换行
    换了一行
   </pre>

空格，换行等会直接出现：

四、网页的水平线

（一）添加水平线

    <p>下面是一条水平线</p>
    <hr>
    <p>上面有一条水平线，下面有两条</p>
    <hr>
    <hr>

（二）水平线设置宽、高、对齐

默认居中对齐

    <p>下面是一条水平线</p>
    <hr size="20px" width="300px" align="left">

参考：

《HTML5+CSS3网页设计》刘春茂