1.DIV

HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。

DIV当做容器使用，本身没有实际效果，可以独占一行；

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<div>举个例子</div>
	<div>举个例子</div>
	<div>举个例子</div>
</body>
</html>

运行效果：

HTML（七）——html容器_● Web前端基础篇 

但是可以当做容器对里面的元素进行统一封装修饰功能；

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<!-- 将容器里面的内容全部设置为红色，就可以用到div -->
	<div style="color:#f40">
		<strong>举个例子</strong><br/>
		<em>举个例子</em><br/>
		<del>举个例子</del>
	</div>	
</body>
</html>

运行效果：

HTML（七）——html容器_● Web前端基础篇_02

 

2.SPAN

HTML <span> 元素是内联元素，可用作文本的容器。

span标签起到也是容器的作用，和div一样，本身没有实际效果，不能独占一行；