标题标签：h1~h6（一般h4以后不怎么用了）
双标签 无默认属性 块级标签 有默认的上下margin;font-weight：bold；
<hr/>:分隔符：单标签，块级标签，有默认的上下margin：8px border-width:1px;
<p></p>：段落标签，双标签，块级标签，有上下margin：16px；p标签不能嵌套块级标签；如果嵌套的话会出现下图的情况；
列表标签（块级标签 组合标签 双标签 块级）：
<ol></ol>有序列表：和li标签一起用 不能单独使用，ol 与li之间不能出现其他标签，有默认的上下margin：16px; 左padding:40px;
<ul></ul>无序列表:和有序列表一样的，只不过列表项前面是小圆点；
<dl></dl>字典列表：与dt和dd标签相结合 dl有上下margin：16px；dd有margin-left：40px； dt是dd的标签描述；如下图:
a标签（超链接标签）：双标签 行级标签
<a href="" title="" target=""></a>
href=""跳转地址 这是必须的，不能为空 如果没有内容的话，可以写# 或者是### 一个#又被叫做hash（哈希）定位点击会回到顶部 ###就不会；
title=""提示信息 鼠标放上去会产生一个提示信息框；
target=""跳转方式 _self 在本窗口打开 _blank在新的窗口打开；
超链接标签的四种状态：伪类设置
link状态 链接未浏览状态
visited状态 链接已被访问过
hover状态 鼠标悬浮在链接上时的状态
active状态 鼠标点击未松开时的状态
link，visited，active状态不能乱用样式属性，会干扰其他状态，通常可以改变它们的默认字体颜色
a:link{
color:gold;
}
a:visited{
color:blue;
}
可以设置其他的样式
a:hover{
display:block;
width:200px;
height:200px;
background:red;
}
a:active{
border:1px red solid;
}
.test:hover div{
color:red;
}
它们之间的设置有顺序问题
爱恨法则 love && hate
img标签：单标签 行级标签，特殊的行级标签，可以设置宽高尺寸；支持宽高属性，不需要加单位，一般只设置宽高中的一个；
<img width="" src="" alt="">
src=""图片的地址；
alt=""有两个作用：第一个是当图片加载失败了以后alt里面的内容可以起到一个替换的作用；第二个作用是优化su；
关于字体的标签（双标签 行级标签）：
em i (倾斜字体)；默认属性:font-style:italic;
strong b (字体加重):默认属性:font-weight:bold;
big(大号字体) 默认属性:font-size:larger;font-weight:bold;
small（小号字体）默认属性::font-size:smaller;font-weight:bold;
sub（字体居下）默认属性;vertical-align:sub;font-size:smaller;
sup（字体居上）默认属性;vertical-align:sup;font-size:smaller;
del（下划线贯穿文字）默认属性；text-decoration：line-through;
