前端笔记06—div标签与span标签的区别

最新推荐文章于 2024-07-22 22:25:43 发布

原创最新推荐文章于 2024-07-22 22:25:43 发布 · 1.6k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#html #div #span

前端专栏收录该内容

93 篇文章

订阅专栏

本文详细解释了HTML中div和span标签的区别。div标签用于创建块级元素，占满一行；而span标签则用于创建内联元素，可以与其他span标签并排显示。通过示例代码展示了两种标签的使用场景。

div标签与span标签的区别

div标签是占满一行的，span标签包裹内容两个span标签不用换行。

代码与效果图

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>这是我第一个网页</title>
	</head>
	<body>
		<div>div标签是占满一行的</div>
		<span>span标签包裹内容1</span>
		<span>span标签包裹内容2</span>
	</body>
</html>

在这里插入图片描述