辛苦老师检查下代码，谢谢
相关代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>慕课网3-24 编程练习</title>
<style>
.page-head{
width: 600px;
height: 200px;
border: 1px solid red;
}
.page-body{
width: 600px;
height: 200px;
border: 1px solid yellowgreen;
}
.page-footer{
width: 600px;
height: 200px;
border: 1px solid blue;
}
</style>
</head>
<body>
<!-- 页面头部 -->
<div class="page-head">
<h1>网页logo</h1>
<p>导航</p>
<p>banner图</p>
</div>
<!-- 页面主体 -->
<div class="page-body">
<p>文章内容</p>
<a href="#">链接区</a>
</div>
<!-- 页面页脚 -->
<div class="page-footer">
<p>页脚内容</p>
</div>
</body>
</html>
26
收起
正在回答
1回答
同学你好，代码实现效果是可以的，但是页面头部和页面主体这两部分的内部结构，建议使用div标签来进行布局，不建议使用p标签（p标签一般用于放置段落文字，不用于布局），可参考以下代码：
祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星