行内标签
<!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>
结果
不嫌弃的点点关注,点点赞 ଘ(੭ˊᵕˋ)੭* ੈ✩‧₊˚