html 标签（一）10个常用标签以及块元素行内元素、

目录

一、标题标签 六个标签标题  常用的h1 到 h3

二 、段落标签 p 也是块元素 ，会独占一行

三 hgroup 标题分组 

四 em strong都是强调标签

五 换行标签  br 自结束标签

六分割线 hr 自结束标签

八 div 没有任何语义 只表示一个块元素 

九 span 没有任何语义 只表示一个行内元素，一般用来包裹文字

十 del 删除线标签

块元素行内元素、

---

一、标题标签 六个标签标题  常用的h1 到 h3

    从样式看 h1 ->h6 ,逐步变小，语义也是逐渐变小的 标题标签也是辅助推广部门做推广的

    重要性仅次于title标签

    h1语义最重要，一个页面一般出现一次  

    标题标签是块元素 ，会独占一行  

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

  二 、段落标签 p 也是块元素 ，会独占一行

         从样式看，段落与段落之间有间距

        一般用来包裹文字和图片

 <p>游仃谓。</p>
 <p>羊了</p>

三 hgroup 标题分组 

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

    四 em strong都是强调标签

         em strong 不会独占一行 是行内元素

        em 有斜体 strong 加粗

         em 强调的是语音语调

        strong  强调的是内容的重要性 -->

<em>疾语知</em>
         <strong>郭样他。</strong>
         <p>
             小东西长得真好看<strong>假的</strong>
         </p>

    五 换行标签  br 自结束标签

              况生程。<br>
              绛说冷分。<br>
              一非办<br>
              一侯秦<br>

    六分割线 hr 自结束标签

         <center>
            <h1>登高</h1>
            <h2>杜甫</h2>
            <p>慨娘</p>
            <p>台的承</p>
         </center>

   八 div 没有任何语义 只表示一个块元素 

           <div>路的这。</div>
         <div>在说能司。</div>

    九 span 没有任何语义 只表示一个行内元素，一般用来包裹文字

 <span>的金以。</span> 
         <span>10</span>

十 del 删除线标签

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

块元素行内元素、

      

元素分为 块元素 行内元素

    块元素

        1、会独占一行

        2、块元素的宽度默认是父元素的百分之百

        3、块元素的高度默认是被内容撑开的

    行内元素

       一般用来包裹文字

         1、不会独占一行

         2、行内元素宽高都是被内容撑开的，不可以自定义宽高

    行内块元素

      兼具块元素，行内元素的特点

   

     布局的注意点

        1、块元素里面什么都能放、能放块元素、能放行内、能放行内快

        2、行内元素里面不能放块元素

        3、p标签是一个特殊的块元素里面不能放块元素