常见标签1

1、标题标签h1~h6：(一级标签~六级标签)双标签 块级标签

有默认样式：上下margin；默认字体大小，默认字重

2、hr标签：(分割线) 单标签 块级标签

默认样式：默认上下margin值和默认border；

3、p标签：(段落标签) 双标签 块标签

默认样式：有默认上下margin值

注意：p标签内不能嵌套块级标签

4、列表标签：双标签 组合标签 块级标签

（1）有序列表：<ol>

                                   <li></li>

                           </ol>

ol 有序列表区域  li 列表项 标签ol与标签li不能单独使用，且标签ol与标签li之间不可以出现其他标签

ol 默认样式：有默认上下margin，有默认左padding，默认list-style-type：decimal；

li 默认样式：默认display：list-item；默认text-align

（2）无序列表：<ul>

                                  <li></li>

                             </ul>

ul 无序列表区域  li 列表项 标签ul与标签li不能单独使用，且标签ul与标签li之间不可以出现其他标签

ul 默认样式：有默认上下margin，有默认左padding，默认list-style-type：disc；

li 默认样式：默认display：list-item；默认text-align

（3）字典列表：<dl>

                                  <dt></dt>

                                  <dd></dd>

                            </dl>

dl 默认样式：有默认上下margin;

dt 无默认样式

dd 默认样式：有默认左margin

5、a标签：(超链接) 双标签 行级

<a href="" title="" target=""></a>

href="" 跳转地址 必须的 而且不能为空；(hash 哈希)当引号里为#点击会回到顶部而为###则不会

title="" 提示信息 

target="" 跳转方式 ：(1)_blank 新窗口打开被链接文档(2)_self 默认。在相同页面打开被链接文档（3）_top 在整个窗口中打开被链接文档（4）_parent 在父框架集中打开被链接文档

超链接标签的四种状态：伪类设置（有顺序）

（1）link状态：链接未浏览状态

（2）visited状态：链接已被访问过

（3）hover状态：鼠标悬浮在链接时的状态

（4）active状态：鼠标点击未松开时的状态

a标签的默认样式：未点击之前字体颜色，点击之后字体颜色，鼠标按下时的字体颜色，有默认下划线 鼠标悬浮时默认指针变为手

6、图片标签<img src="" alt="">：单标签 特殊的行级标签 ，虽然为行标签，但是可以设置尺寸（支持宽高属性 不需要单位 一般宽高只设置一个）

src=""：引号中添加图片地址(在线地址 / 本地地址)

alt=""：(1)当图片加载失败时，显示文字信息;(2)alt属性是搜索引擎判断图片与文字是否相关的重要依据，alt属性添加到img主要的目的才是为了SEO

img无默认样式；

7、粗体加重标签：作用于内容强调 strong 双标签 行级标签 (前身是b标签) 默认样式：有默认字重font-weight

     斜体标签：作用于内容强调 strong 双标签 行级标签 (前身是i标签) 默认样式：font-style：italic；

     大字号：big / 小字号：small  双标签 行级标签   默认样式：有默认字号font-size

     文字偏下：sub标签    文字偏上：sup     默认样式：有默认字号font-size和默认基线对齐方式

     删除文字(文字带有删除线)：del标签    默认样式：有默认text-decoration