前端 HTML常用标签

一、HTML 中常用标签

       1.  p 段落标签 、   h(h1--h6) 标题标签 、div、span

            h (h1--h6): 标题标签 块元素： <h1>我是标题标签</h1>

            特征：①字体有默认的加粗效果和字体大小，h1到h6 字体是依次减小  但是都具有加粗的效果；

                       ② 独占一行；

                       ③  默认的宽度是100%；

                        h1 标签在seo中的权重很高，一个页面最好只出现一次！

              p 段落标签 块元素：<p>我是段落标签</p>

               特征块元素：① 独占一行；

                          ② 默认的宽度是100%；

                         p标签中不能嵌套 块元素标签的！

                div 是块元素  无语义：<div>我是一个div标签</div>

                span 是行元素   无语义：<span>我是一个span标签</span>

                 行内元素：① 宽度是有本身的内容来决定的 

                                   ② 是在同一行内显示的，不独占一行！

                div 和 span 特征：

                          div和span都是用于页面的布局 都是没有任何语义的                  

       2.  格式化标签 ：

            <b>加粗字体</b>

            <strong>加粗字体</strong>  ；

            b和strong 都是有加粗字体的效果，但是strong更具有语义化，权重会比b要高！

            <i>字体倾斜</i>

            <em>字体倾斜</em>

             i 和 em  都是有倾斜字体的效果，但是区别在于em 更具有语义化，具有强调的作用！

             上标 sup  下标 sub

              3² 可以这样写： 3²     上标 

              H₂O 可以这样写： H ₂O  下标

              格式化标签的特征：

                      都是行内元素，都是在同一行显示的，不独占一行，宽度是有内容来决定的！