编程笔记 html5&css&js 012 HTML分块
在HTML中,分块通常意味着将页面内容划分为不同的部分,每个部分可以通过HTML元素进行标记。以下是一个简单的HTML分块示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>分块示例</title>
<style>
.section {
padding: 20px;
margin: 10px 0;
border: 1px solid #ddd;
}
</style>
</head>
<body>
<div class="section">
<h2>第一部分标题</h2>
<p>第一部分的内容...</p>
</div>
<div class="section">
<h2>第二部分标题</h2>
<p>第二部分的内容...</p>
</div>
<div class="section">
<h2>第三部分标题</h2>
<p>第三部分的内容...</p>
</div>
</body>
</html>
在这个例子中,我们使用了<div>
元素来创建分块布局,并通过CSS为.section
类添加了边框和内边距。每个<div class="section">
都是页面上的一个独立区块。这种方法可以用于构建更复杂的页面结构。
评论已关闭