webveuje/demos/html/html常用标签.md

HTML常用标签

文字相关

• HTML标题

  • h1~h6

    • <h2>这是h2</h2>
      <h3>这是h3</h3>
      <h4>这是h4</h4>
      <h5>这是h5</h5>
      <h6>这是h6</h6>
      
      

    • 这是h1

      这是h2

      这是h3

      这是h4

      这是h5

      这是h6

  从h1到h6 字逐渐变小

• HTML段落

  • 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>
      
      

      三国演义

      罗贯中

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

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

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

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

      却说张飞

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

  • span(内联元素)

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

      不是一个人的王者，而是五个人的荣耀

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

      人生若只如初见，何事秋风悲画扇

      等闲变却故人心，却道故人心易变

• HTML 链接sn