行内标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>span</title>
</head>
<body>
<!--
行内标签
特点：
1、不换行,一行可以放多个
2、默认宽度内容撑开
代表：
span：作用“为为子提供一个容器”一般结合css修饰字体
-->
<span style="color: brown;font-size: 100px;">
标签演示
</span>
<b style="color: brown;font-size: 100px;">标签演示</b>
</body>
</html>结果
块标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>div</title>
</head>
<body>
<!--
块级标签
特点：
1、前后换行,一行只有一个
代表：
1、div：作用“布局使用”
-->
<div style="width: 300px;height: 300px;background-color: aqua;" >测试内容</div>
<hr>
<div style="width: 300px;height: 300px;background-color: aqua;" >测试内容</div>
</body>
</html>结果
不嫌弃的点点关注，点点赞 ଘ(੭ˊᵕˋ)੭* ੈ✩‧₊˚
![[天天向上] 学习方法论-事半功倍的问题解决方法](https://img-blog.csdnimg.cn/direct/a18944f9efc34c179904387d9aeb086a.png#pic_center)
