html中标签分为两大类：
1.块级标签：一行只能有一个(不管标签的宽度是多少)
h1-h6, p, hr, 列表标签，table, form,
2.行内标签：一行可以有多个
a, img, input,下拉列表(select), textarea
div标签，是空白标签，没有任何特殊的意义(无语义标签)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="">
<a href="">百度一下</a>
</div>
<div id="">
<a href="">淘宝</a>
</div>
<div style="background-color: red; width: 100px;">
我是div1 <br />
我是div111
</div>
<span style="background-color: royalblue;">
我是span4
</span>
<div style="background-color: yellow; width: 90px;">
我是div2
</div>
<div style="background-color: palevioletred; width: 120px;">
我是div3
</div>
<span style="background-color: green;">
我是span
</span>
<span style="background-color: gold;">
我是span2
</span>
<span style="background-color: greenyellow;">
我是span3
</span>
<span style="background-color: royalblue;">
我是span4
</span>
</body>
</html>
空白标签
