华为开发者空间 HTML5期末大作业:抗击疫情网页——逆行者(7个页面) 大学生抗疫感动专题网页 疫情防控网页设计HTML模板 大学生抗疫感动专题网页设计作业模板 静态HTML CSS网站制作成品...

HTML5期末大作业:抗击疫情网页——逆行者(7个页面) 大学生抗疫感动专题网页 疫情防控网页设计HTML模板 大学生抗疫感动专题网页设计作业模板 静态HTML CSS网站制作成品...

HTML5期末大作业:抗击疫情网页——逆行者(7个页面) 大学生抗疫感动专题网页 疫情防控网页设计HTML模板 大学生抗疫感动专题网页设计作业模板 静态HTML CSS网站制作成品临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列...

HTML5期末大作业:抗击疫情网页——逆行者(7个页面) 大学生抗疫感动专题网页 疫情防控网页设计HTML模板 大学生抗疫感动专题网页设计作业模板 静态HTML CSS网站制作成品

临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~

原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作,画面精明,非常适合初学者学习使用。

作品介绍

1.网页作品简介方面​​ :HTML期末大学生网页设计作业 ,喜欢的可以下载,文章页支持手机PC响应式布局。主要有:​​ .首页 .英雄人物.精彩瞬间 中西对比​​ 等总共 7 个页面html下载。

2.网页作品编辑方面​​:此作品为学生个人主页网页设计题材,代码为简单学生水平 html+css 布局制作,作品下载后可使用任意HTML编辑软件(例如:​​DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm​​ 所有编辑器均可使用)

3.网页作品布局方面​:网页布局整体为LOGO、导航、主体内容布局。子页面多种布局,兴趣爱好内容使用图片列表布局,成绩页面插入了表格,联系我们使用图片对齐方式设置了左对齐。

4.网页作品技术方面​::Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等,视频音频元素,同时设计了logo(源文件)),基本期末作业所需的知识点全覆盖。

文章目录

一、作品演示

3.精彩瞬间

HTML5期末大作业:抗击疫情网页——逆行者(7个页面) 大学生抗疫感动专题网页 疫情防控网页设计HTML模板 大学生抗疫感动专题网页设计作业模板 静态HTML CSS网站制作成品_学生抗疫感动专题HTML网页

4.中西对比

HTML5期末大作业:抗击疫情网页——逆行者(7个页面) 大学生抗疫感动专题网页 疫情防控网页设计HTML模板 大学生抗疫感动专题网页设计作业模板 静态HTML CSS网站制作成品_学生抗疫感动专题HTML网页_02

二、代码目录

三、代码实现

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>主页</title>
<link rel="stylesheet" href="homePage.css">
<link rel="stylesheet" href="common.css">
</head>
<body>
<base target="_blank">
<div class="box" id="box">
<div class="header">
<img src="images/首页/bg4.png" alt="">
<div class="nav">
<ul class="clearfix c-crt">
<li class="fl"><a href="首页.html">主页</a></li>
<li class="fl"><a href="https://voice.baidu.com/act/newpneumonia/newpneumonia/?from=osari_aladin_banner">疫情地图</a></li>
<li class="fl"><a href="抗疫/人物事迹.html">英雄事迹</a></li>
<li class="fl"><a href="精彩瞬间.html">精彩瞬间</a></li>
<li class="fl"><a href="抗疫/中西对比.html">中西对比</a></li>
<li class="fl"><a href="心得体会.html">心语心愿</a></li>
</ul>
</div>
</div>
<div class="con">
<span class="c-crt">2019年的冬天,一场突如其来的疫情...</span>
<div class="left fl" id="left">
<div class="inner" id="inner">
<ul class="clearfix" id="ul">
<li class="fl">

<li class="fl">
<div>
<img src="images/首页/c7.jpg" alt="">
<a href=" http://news.youjindi.com/news_con_1057_0.html ">致医护人员和科研工作者</a>
<span>二零二零,庚子之初,这片土地,本该张灯结彩,车水马龙...</span>
</div>
<div>
<img src="images/首页/c8.jpg" alt="">
<a href="https://kuaibao.qq.com/s/20200206A0HBSF00?refer=spider ">与疫情“赛跑”!</a>
<span>东北网2月6日讯(张树勇 记者 杨帆)在牡丹江有这样一对夫妻...</span>
</div>
<div>
<img src="images/首页/c9.jpg" alt="">
<a href="http://tyzx.people.cn/n1/2020/0820/c372194-31829512.html">白衣执甲,逆行出征</a>
<span>在医师节到来之际,...</span>
</div>
</li>

</div>
<div class="last com-footer">
<a href="#box">顶部>></a>
</div>
</body>
<script src="common.js"></script>

</html>

四、web前端入门到高级(视频+源码+资料+面试)一整套 (教程)

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)​​

适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站​​

HTML5期末大作业:抗击疫情网页——逆行者(7个页面) 大学生抗疫感动专题网页 疫情防控网页设计HTML模板 大学生抗疫感动专题网页设计作业模板 静态HTML CSS网站制作成品_HTML静态网页作业_03


👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐

  • 浏览量 1758
  • 收藏 0
  • 0

所有评论(0)

查看更多评论 
已为社区贡献35条内容