1、DIV
HTML
元素是块级元素,它是可用于组合其他 HTML 元素的容器。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>DIV块元素</title>
</head>
<body>
<div id="d1" style="border: 1px red solid;">
<h1>呵呵</h1>
<h2>嘿嘿</h2>
<p>嘻嘻</p>
</div>
<hr/>
<div id="d2" style="border: 1px blue solid;">
<h1>呵呵2</h1>
<h2>嘿嘿2</h2>
<p>嘻嘻2</p>
</div>
</body>
</html>
运行结果:
2、SPAN
HTML 元素是内联元素,可用作文本的容器。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>SPAN内联元素</title>
</head>
<body>
<p>这是<span style="color: yellow">一个</span><span style="color: red">屁</span>!</p>
</body>
</html>
运行结果: