<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>div标签</title>
</head>
<body>
<!--
div标签是布局容器 页面的布局主要是使用div标签 用来划分网页区域
div标签是块元素
-->
<!-- 头部开始 -->
<div style="background-color:pink;width:400px;height: 400px;">
<!-- 头部的左侧 -->
<div>我是头部的左侧</div>
<!-- 头部的右侧 -->
<div>我是头部的右侧</div>
</div>
<!-- 头部结束 -->
<!-- 中间内容开始 -->
<div style="background-color:blue">
<h1>我是中间内容的标题</h1>
<p>我是中间内容的段落</p>
</div>
<!-- 中间内容结束 -->
<!-- 底部开始 -->
<div style="background-color:green">
<p>版权所有........</p>
</div>
<!-- 底部结束 -->
</body>
</html>
11div标签
最新推荐文章于 2024-09-14 08:09:14 发布