HTML-HTML块

最新推荐文章于 2025-06-09 06:03:38 发布

娃娃救葫芦爷

最新推荐文章于 2025-06-09 06:03:38 发布

阅读量351

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML基础

本文链接：https://blog.youkuaiyun.com/cc098818/article/details/99311281

HTML基础专栏收录该内容

7 篇文章

订阅专栏

1、DIV
HTML

元素是块级元素，它是可用于组合其他 HTML 元素的容器。


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>DIV块元素</title>
</head>
<body>
<div id="d1" style="border: 1px red solid;">
<h1>呵呵</h1>
<h2>嘿嘿</h2>
<p>嘻嘻</p>
</div>
<hr/>
<div id="d2" style="border: 1px blue solid;">
<h1>呵呵2</h1>
<h2>嘿嘿2</h2>
<p>嘻嘻2</p>
</div>
</body>
</html>

运行结果：
在这里插入图片描述
2、SPAN
HTML 元素是内联元素，可用作文本的容器。


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>SPAN内联元素</title>
</head>
<body>
<p>这是<span style="color: yellow">一个</span><span style="color: red">屁</span>！</p>
</body>
</html>

运行结果：
在这里插入图片描述