HTML（五）：div 和 span 标签

div 和 span 标签

<div> 和 <span> 是没有语义的，它们就是一个盒子，用来装内容的。

基本语法

 <div> 我是div标签</div>
<span> 我是span标签</span>

div 是 division 的缩写，表示分割、分区。span意为跨度、跨距。
特点：
- <div>标签用来布局，但是现在一行只能放一个。可以理解为一个大盒子
- <span>标签用来布局，一行上可以多个。可以理解为一个小盒子

示例代码

 <!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <title>div 和 span 标签</title>
</head>
 
<body>
    <div>我是一个div标签我一个人单独占一行</div>
    <div>我是一个div标签我一个人单独占一行</div>
    <span>百度</span>
    <span>新浪</span>
    <span>搜狐</span>
</body>
 
</html>

posted @ 2022-04-07 10:39 pure3417 阅读(402) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· HTML（四）：段落标签和换行标签

· HTML（十一）：列表标签

· div和span标签

· HTML_div和span标签和HTML_语义化标签

· html元素中div和span区别

公告

昵称： pure3417
园龄： 3年11个月
粉丝： 31
关注： 0

+加关注

2025年3月

日

一

二

三

四

五

六

pure3417

HTML（五）：div 和 span 标签

div 和 span 标签

基本语法

示例代码

公告

搜索

积分与排名

随笔分类 (150)

个人blog网址

阅读排行榜

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<title>div 和 span 标签</title>
	</head>

	<body>
	<div>我是一个div标签我一个人单独占一行</div>
	<div>我是一个div标签我一个人单独占一行</div>
	<span>百度</span>
	<span>新浪</span>
	<span>搜狐</span>
	</body>

	</html>