web网页设计实例作业 ——抗疫-疫情记忆(5页) HTML+CSS大作业: 抗击疫情网页制作作业_疫情防控网页设计...

Posted web领域优质创作者-网页设计

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web网页设计实例作业 ——抗疫-疫情记忆(5页) HTML+CSS大作业: 抗击疫情网页制作作业_疫情防控网页设计...相关的知识,希望对你有一定的参考价值。

web网页设计实例作业 ——抗疫-疫情记忆(5页) html+CSS大作业: 抗击疫情网页制作作业_疫情防控网页设计…

常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

获取更多源码

PC电脑端关注我们

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

一、作品展示






二、文件目录

三、代码实现


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>疫情记忆</title>
<link href="css/style.css" rel="stylesheet" />
<link href="css/slideshow.css" rel="stylesheet" />
</head>

<body>
<div id="top">
  <div id="above">
    <div id="Logo"><a href="index.html"><img src="images/logo.png" width="180" height="50"></a></div>
    <div id="search">
      <label for="textfield"></label>
      <input name="textfield" type="text" id="textfield" value="  搜索" maxlength="15">
    </div>
    <div id="login"><a href="login.html">注册账号</a></div>
  </div>
</div>
 <!-- 导航条代码 开始 -->
 <div class="nav">
   <ul class="list">
     <li><a href="index.html">首页</a></li>
     <li><a href="#">疫情记忆 <img src="images/down.svg" alt="" width="12" height="12"></a>
       <div class="down"> <a href="article.html"> 人物</a> <a href="page.html"> 城市</a> <a href="list.html"> 世界</a></div>
     </li>
     <li><a href="photo.html">相关图库</a></li>
     <li><a href="login.html">注册/登录</a><a href="about.html"></a></li>
   </ul>
 </div>
 <!-- 导航条代码 结束 -->
<div id="main-960">
<!-- 代码 开始 -->
  <div id="yc-mod-slider">
    <div class="wrapper">
            <div id="slideshow" class="box_skitter fn-clear">
                <ul>
                    <li>
                        <img class="cubeRandom" src="images/slider1.jpg" /></li>
                    <li>
                        <img class="cubeRandom" src="images/slider2.jpg" /></li>
                    <li>
                        <img class="cubeRandom" src="images/slider3.jpg" /></li>
                        <li>
                        <img class="cubeRandom" src="images/slider4.jpg" /></li>
                        <li>
                        <img class="cubeRandom" src="images/slider5.jpg" /></li>
                </ul>
            </div>
            <script type="text/javascript" src="js/slideshow.js"></script>
        </div>
    </div>
    <!-- 代码 结束 -->
  <div id="aright">
    <div id="atishi">勠力同心 勇往直前</div>
  </div>
  <div id="aright2">
    <div id="image104"><a href="#"><img src="images/sf01.jpg" width="219" height="104"></a></div>
    
    <div id="image104"><a href="#"><img src="images/sf02.jpg" width="219" height="104"></a></div>
  </div>
</div>
<div id="im01">
  <div id="text002">新型冠状病毒肺炎(Corona Virus Disease 2019,COVID-19),简称“新冠肺炎”,世界卫生组织命名为“2019冠状病毒病” [1-2]  ,是指2019新型冠状病毒感染导致的肺炎。2019年12月以来,湖北省武汉市部分医院陆续发现了多例有华南海鲜市场暴露史的不明原因肺炎病例,证实为2019新型冠状病毒感染引起的急性呼吸道传染病。</div>
    <div id="anniu" class="d_out" onmouseover="this.className='d_over'" onmouseout="this.className='d_out'"><a href="page.html">观看视频</a></div>
    <div id="anniu1" class="d_out" onmouseover="this.className='d_over'" onmouseout="this.className='d_out'"><a href="list.html">了解更多</a></div>
  </div>
  <div class="div_first">
        <div class="div_second">
            <img src="images/slider01.jpg" alt=""><img src="images/slider02.jpg" alt=""><img src="images/slider03.jpg" alt=""><img src="images/slider04.jpg" alt="">
        </div>
</div>
<div id="main-more"><table width="100%" height="318" border="0">
  <tr>
    <td align="left"><a href="article.html"><img src="images/renwu.jpg" width="308" height="307"></a></td>
    <td align="center"><a href="page.html"><img src="images/chengshi.jpg" width="308" height="307"></a></td>
    <td align="right"><a href="list.html"><img src="images/shijie.jpg" width="308" height="307"></a></td>
  </tr>
</table>
</div>

<div id="music"><table width="100%" border="0">
  <tr>
    <td width="38%" height="55" align="center"><audio src="media/music.mp3" controls autoplay></audio></td>
    <td width="62%"><marquee>君をのせて (天空の城ラピュタ)</marquee></td>
  </tr>
</table>
</div>

<!-- footer代码 开始 -->
<footer>
<div id="footer_all">
  <div id="f1170-167">
    <div id="logo-175-40"><a href="index.html"><img src="images/logo.png" width="180" /></a></div>
    <div class="aye" id="login">
      <table width="103" border="0">
        <tr>
          <td width="97" height="37" align="left"><a href=" " class="ayahei">了解更多</a></td>
        </tr>
      </table>
    </div>
    
    <div class="aye" id="login">
      <table width="103" border="0">
        <tr>
          <td width="97" height="37" align="left"><span class="以上是关于web网页设计实例作业 ——抗疫-疫情记忆(5页) HTML+CSS大作业: 抗击疫情网页制作作业_疫情防控网页设计...的主要内容,如果未能解决你的问题,请参考以下文章

抗疫逆行者HTML网页作业 感动人物网页代码成品 最美逆行者网页模板 致敬疫情感动人物网页设计制作

抗疫行动题材网页设计 大学生最美逆行者感动人物网页代码 众志成城万众一心抗击疫情HTML网页设计

飞销CRM推出“抗疫版”!销呗科技与出海企业共渡抗疫难关

工商银行长春分行高效投放700万元“抗疫贷”助力抗击疫情

挑战记忆力-Web前端实现记忆纸牌游戏(JS+CSS)

挑战记忆力-Web前端实现记忆纸牌游戏(JS+CSS)