3-27自由编程作业,麻烦老师检查一下,谢谢
来源:3-27 自由编程
转行学习中_阶段一
2022-07-05 23:40:03
<!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>Document</title>
</head>
<body>
<!-- 网页头部 -->
<div class="header">
<!-- 网页的logo -->
<div class="logo">
<h1>Career Builder</h1>
</div>
<!-- 网页导航 -->
<div class="nav">导航区域</div>
</div>
<!-- 网页Banner区域 -->
<div class="banner">
<div class="images">banner图片</div>
<div class="mask">banner遮罩层</div>
<div class="forms">banner表单</div>
</div>
<div class="content">
<!-- 网页的about区域 -->
<div class="about">
<!-- 上半部分区域 -->
<div class="core">
about上半部分
</div>
<!-- 下半部分 -->
<div class="all">
about下半部分
</div>
</div>
<!-- 图文混排区域 -->
<div class="words-and-picture">
<!-- 图片1 -->
<div class="picture-1">图片1</div>
<!-- 文字2 -->
<div class="words2">文字2</div>
<!-- 图片3 -->
<div class="picture-3">图片3</div>
<!-- 文字4 -->
<div class="words-4">文字4</div>
<!-- 文字5 -->
<div class="words-5">文字5</div>
<!-- 图片6 -->
<div class="picture-6">图片6</div>
<!-- 文字7 -->
<div class="words-7">文字7</div>
<!-- 图片8 -->
<div class="picture-8">图片8</div>
</div>
<!-- gallery部分 -->
<div class="gallery">
<!-- gallery上半部分 -->
<div class="gallery-up">gallery上半部分</div>
<!-- gallery下半部分 -->
<div class="gallery-down">gallery下半部分</div>
</div>
</div>
<!-- 网页页脚 -->
<div class="footer">
<p>©2016 imooc.com 京ICP备13046642号</p>
</div>
</body>
</html>
1回答
好帮手慕星星
2022-07-06
同学你好,代码结构是可以的,很棒!祝学习愉快~
相似问题