本文介绍了HTML中的<div>和<span>元素。<div>作为块级元素，常用于创建页面结构和布局，如页面主体、容器和布局。而<span>是行内元素，适用于文本样式化和包裹。示例展示了<div>如何构建包含头部、菜单、内容和底部的页面布局。
1、<div> 是块级元素，它独占一行，可以设置宽度、高度以及边距等样式属性。它适合用于创建页面的大块结构，例如页面的主体区域、容器、布局等。
2、<span> 是行内元素，它不会独占一行，宽度默认由其内容决定。它适合用于对文本或其他行内元素进行样式化、标记或包裹。
3、<div> 用于创建页面结构和布局，而 <span> 用于对文本或行内元素进行样式化或包裹。它们在页面设计和样式设置中有不同的用途和作用。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>布局</title>
</head>
<body>
<div id="container" style="width: 500px;">
<div id="header" style="background-color: #FFA500;">
<h1 style="margin-bottom: 0;">编程语言的讨论</h1>
</div>
<div id="menu" style="background-color: #FFD700;height: 200px;width: 100px;float: left;">
<b>编程语言</b><br>
PHP<br>
JAVA<br>
python
</div>
<div id="content" style="background-color: #EEEEEE;height: 200px;width: 400px;float: left;">
内容：PHP是世界上最好的编程语言！
</div>
<div id="foot" style="background-color: #FFA500;clear: both;text-align: center;">
版权 @ztkdemo.com
</div>
</div>
</body>
</html>
运行结果：；
扫一扫
8484
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
