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容器_html 

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

<!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容器_HTML容器_02

 

2.SPAN

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

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