抗疫专题网页设计致敬最美逆行者网页制作疫情感动人物静态HTML网页

编程知识行业动态更新时间:2024-06-13 00:21:03

📂文章目录

👨‍🎓网页题目
✍️网页描述
💠网页效果
⚙️ 代码实现
- 🧱HTML结构代码
🎁更多干货

👨‍🎓网页题目

👨‍⚕️ 抗击xx致敬逆行者感人类题材、致敬逆行者网页设计作品、大学生抗疫感动专题网页设计作业模板、等网站的设计与制作。

✍️网页描述

🏷️抗击xx致敬逆行者感人类题材网页设计作品采用DIV CSS布局制作，共多个页面：网站首页、感动人物、动人瞬间、感人视频、感动图集、感动新闻页面。，使用CSS设置了网页背景颜色，制作了导航区域鼠标经过荧光效果。个别页面插入了感人MP4视频。作品代码采用学生简单水平制作，DIV命名合理。

💠网页效果

⚙️ 代码实现

🧱HTML结构代码


<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>x抗xxxx表彰</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="index_list">
  <ul>
    <li> <a href="">首页</a> </li>
    <li> <a href="huojiang.html">xx人物</a></li>
    <li> <a href="zhuce.html">注册</a> </li>
    <li> <a href="login.html">登陆</a> </li>
  </ul>
</div>
<div class="cleaner"></div>
<div id="container">
  <div class="dm"> 
    
    <div id="yc-mod-slider"><img class="cubeRandom" src="picture/dm1.jpg"></div>
     
  </div>
  <div class=" clear"></div>
  <div class="index_main">
    <p>同志们，朋友们：
<br>
<br>在过去8个多月时间里xxx国各族人民，进行了一xx战，经受了一场艰苦卓绝的历xx努力，取得抗击xx，创造了人类同疾病斗争史上又一xx壮举！
<br>
<br>今天，我们xxx，向作出杰出贡献的xxx人物颁授xxx奖章，表彰抗疫先进个人和xx伟大xx神，为决胜全面建成小康x、夺取新时xx主义伟大胜xx！</p>
    <p><br>
      <br>
    </p>
    <p>
        <img src="picture/1.jpg">
      
      
      </p>
      
  </div>
  <div class="share">
   
    <div class="cleaner"></div>
  </div>
  <div id="footer"> Copyright ©全国xxxx表彰</div>
</div>

</body>
</html>