html的常用标签

一、首先来讲第一种：标题标签 h1~h6

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

标题标签的默认样式是自动加粗的；字体大小一级标题最大，六级最小；标题与标题之间有较大的间距 独占一行。

    标题标签代表着一个标题，一级标题的语义最重，六级标题的语义最轻。

    标题标签是块元素。

    标题标签的作用是帮助推广部门进行推广优化的，其重要性仅次于title标签。一般而言一个页面只有一个h1标签。

二、第二种：段落标签 p

<p>段落标签</p>

   段落标签的默认样式是行与行之间有较大间距并独占一行。它代表着一个自然段。

    段落标签也是块元素。

三、第三种：hgroup标签

   <hgroup>
       <h1>登高</h1>
       <h2>杜甫</h2>
   </hgroup>

hgroup标签主要作用是用来为标题分组，可以将一组相关的标题放到hgroup里面。

四、第四种：强调标签 em strong

    你们真<em>帅</em>
    你们真<strong>帅</strong>

em和strong标签都表示强调，但是它们还是有一定的差别的

1. 第一em标签的样式是斜体，而strong标签的样式是加粗
2. 第二em标签是强调语义的，而strong标签是强调内容的

     em标签和strong标签都是行内元素。

五、第五种：引用标签 q blockquote

    老子曰
    <blockquote>孔子说的不对</blockquote>
    孔子曰
    <q>老子才不对</q><br>

 q标签和blockquote标签都是引用，不同的是q标签是短引，用而blockquote标签是长引用会换行的。

六、第六种：换行标签 br

    点点关注<br>
    谢谢你们<br>
    萨瓦迪卡<br>
    外比八不<br>

  br标签的作用是，强制换行，它是一个自结束标签。

七、第七种：hr标签

 hr标签就是给页面加一个分割线。

八、第八种：del标签

     原价 <del>19999</del>
     现价 999

这个del标签就是删除标签，就很常见了，什么不要998，不要997现价只有99！等等的广告，还有淘宝上啊、京东上啊，都有这个标签的存在

九、第九种：center标签

     <center> <hgroup>
        <h1>登高</h1>
        <h2>杜甫</h2>
    </hgroup></center>

 center标签的作用就是剧中，把文字啊图片啊啥的全部居中到页面中间，这可以让页面更美观。

十、第十种：div标签

    <div>
        用来布局
    </div>

  div标签是用来布局的，并没有语义，只是一个区块。

    div标签是块元素

十一、第十一种：span标签

    <span>
        包裹文字
    </span>

    span标签，没有语义，一般用来包裹文字,让文字更好被选中。