div 元素
本课属于 Coddy HTML 学习旅程的“基础知识”单元。第 25 课，共 60 课。
想象一下，你想把网页拆分成多个区块，以便整理内容。在 HTML 中，你可以使用 div 将元素组合在一起。
div 标签非常适合创建布局和分隔不同单元。
以下是基本语法：
<div>
<!-- 内容放在这里 -->
</div>你可以在一个 div 中添加其他 HTML 元素，例如段落、标题、图片，甚至其他 div 元素。
下面是一个示例，展示如何使用 div 标签创建一个简单的布局，其中包含页眉、主要内容区域和页脚：
<div>
<h1>Header</h1>
</div>
<div>
<p>Main content goes here.</p>
</div>
<div>
<p>Footer</p>
</div>
挑战
简单创建 3 个 div 元素，并在 HTML 文档中将它们依次排列。
在每个 div 中添加一个 p 标签，其中写上你喜欢的一部电影的名称。
亲手试试
<!DOCTYPE html>
<html>
<body>
<!-- 在这里编写代码 -->
</body>
</html>
自我测试这节课包含一个小测验。开始学习即可作答，并记录你的进度。
基础知识中的所有课
自己练习： Web 在线编辑器