# HTML常用标签

## 文字相关
* HTML标题
  *  h1~h6
     *  ``` <h1>这是h1</h1>
        <h2>这是h2</h2>
        <h3>这是h3</h3>
        <h4>这是h4</h4>
        <h5>这是h5</h5>
        <h6>这是h6</h6>

     *  <h1>这是h1</h1>
        <h2>这是h2</h2>
        <h3>这是h3</h3>
        <h4>这是h4</h4>
        <h5>这是h5</h5>
        <h6>这是h6</h6>

    从h1到h6 字逐渐变小
* HTML段落
  * p(块级元素)
    * 实例：

        ```
        <p>不是一个人的王者，而是五个人的荣耀</p>
        ```
         <p>不是一个人的王者，而是五个人的荣耀</p>

         ```
         <p>人生若只如初见，何事秋风悲画扇</p>
         <p>等闲变却故人心，却道故人心易变</p>
         ```
          <p>人生若只如初见，何事秋风悲画扇</p>
         <p>等闲变却故人心，却道故人心易变</p>

         p+h1
         ```
            <h1>三国演义</h1>

            <p>罗贯中</p>

            <h2>第一回 宴桃园豪杰三结义 斩黄巾英雄首立功</h2>

            <p>话说天下大势，分久必合，合久必分。周末七国分争，并入于秦。及秦灭之后，楚、汉分争，又并入于汉……</p>

            <h2>第二回 张翼德怒鞭督邮 何国舅谋诛宦竖</h2>

            <p>且说董卓字仲颖，陇西临洮人也，官拜河东太守，自来骄傲。当日怠慢了玄德，张飞性发，便欲杀之……</p>

            <h3>却说张飞</h3>

            <p>却说张飞饮了数杯闷酒，乘马从馆驿前过，见五六十个老人，皆在门前痛哭。飞问其故，众老人答曰：“督邮逼勒县吏，欲害刘公；我等皆来苦告，不得放入，反遭把门人赶打！”……</p>

         ```

         <h1>三国演义</h1>

        <p>罗贯中</p>

        <h2>第一回 宴桃园豪杰三结义 斩黄巾英雄首立功</h2>

        <p>话说天下大势，分久必合，合久必分。周末七国分争，并入于秦。及秦灭之后，楚、汉分争，又并入于汉……</p>

        <h2>第二回 张翼德怒鞭督邮 何国舅谋诛宦竖</h2>

        <p>且说董卓字仲颖，陇西临洮人也，官拜河东太守，自来骄傲。当日怠慢了玄德，张飞性发，便欲杀之……</p>

        <h3>却说张飞</h3>

        <p>却说张飞饮了数杯闷酒，乘马从馆驿前过，见五六十个老人，皆在门前痛哭。飞问其故，众老人答曰：“督邮逼勒县吏，欲害刘公；我等皆来苦告，不得放入，反遭把门人赶打！”……</p>
  * span(内联元素)
    *   ```
        <p>不是一个人的王者，而是五个人的荣耀</p>
        ```
         <p>不是一个人的王者，而是五个人的荣耀</p>
    

    *
         ```
         <p>
            <span>人生若只如初见，</span>
            <span>何事秋风悲画扇</span>
          </p>
         <p>
            <span>等闲变却故人心，</span>
            <span>却道故人心易变</span>
         </p>
         ```
        <p>人生若只如初见，何事秋风悲画扇</p>
         <p>等闲变却故人心，却道故人心易变</p>
  * 
* HTML 链接sn