看下代码正确么,效果图如下
来源：3-27 自由编程
慕用6234762
2020-11-05 11:20:19
# 具体遇到的问题
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码，切记添加代码注释（请勿截图）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<meta name="Keywords" content="">
<meta name="Description">
</head>
<body>
<!-- 网页的header -->
<div class="header">
<div>
<!-- header的logo -->
<div class="header_logo"></div>
logo
<!-- header的导航区域 -->
<div class="nav">
导航区域
</div>
</div>
</div>
<!-- 网页的banner -->
<div class="banner">
<!-- banner图片 -->
<div class="banner_img">banner图片</div>
<!-- banner遮罩层 -->
<div class="banner_zhezhao">banner遮罩层</div>
<!-- banner表单 -->
<div class="banner_form">banner表单</div>
</div>
<!-- 网页的about -->
<div class="about">
<div class="about_top">about上半部分</div>
<div class="about_footer">about下半部分</div>
</div>
<!-- 网页 的混排区域 -->
<div class="context">
<div>图片1</div>
<div>文字2</div>
<div>图片3</div>
<div>文字4</div>
<div>文字5</div>
<div>图片6</div>
<div>文字7</div>
<div>图片8</div>
</div>
<!-- garrly -->
<div class="">
<div class="garrly_top">garrly上半部分</div>
<div class="garrly_footer">garrly下半部分</div>
</div>
<!-- footer -->
<div class="footer">
<p>© 2016 imooc.com 京ICP备13046642号</p>
</div>
</body>
</html>
通过选择【代码语言】突出显示
1回答
-
同学你好，代码实现是正确的，建议优化：将logo文字放在div标签中，效果会更好。
祝学习愉快~
0
相似问题