制作一个简单HTML+CSS个人网页设计（web前端大作业）
2024-06-12 17:06:33
这是一个电影网页制作,非常简单,非常适合大学生网页制作
html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>你好，李焕英</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head><body>
<div class="wrapper">
<p></p>
<div class="nav">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="jianjie.html">剧情简介</a></li>
<li><a href="juese.html">角色介绍</a></li>
<li><a href="zhizuo.html">制作发行</a></li>
<li><a href="pingjia.html">获奖及评价</a></li></ul>
</div><div class="banner">
<center><img src="data:images/banner1.jpg"></center>
</div><div class="main">
<h2>获奖情况</h2>
<hr>
<h3>2021-1-18 2020抖音娱乐年度大赏·抖音最受关注喜剧电影 （获奖）
</h3>
<hr>
<br>
<h2>影片评价</h2>
<hr><h3><img src="data:images/tu5.jpg" > 观众坐在电影院里，一开始被频繁逗笑，后来又潸然泪下，无数次泪奔，电影用温情而真挚的艺术手法呈现了细腻、无私的母爱，感动了无数人的心。正是因为母女间的这份简单、纯粹、诚挚的情感内核触碰了人们内心柔软的地方，打动了千万观众。电影中的“李焕英”也是现实生活里无数母亲的缩影，她们同样平凡而伟大，给予观众温暖和力量（中纪委网站评）<br>导演贾玲的这部处女作是为了纪念妈妈，故事情节简单却耐人寻味。女儿贾晓玲从小就没给妈妈省过心，在妈妈遭遇意外车祸后，她悲痛难言，趴在病床前失声痛哭：“我当你一回女儿，连让你高兴一次都没做过。”处于崩溃状态下的贾晓玲，竟意外穿越回到1981年，和年轻时的妈妈李焕英相遇，成为好姐妹。贾晓玲想尽办法让妈妈更高兴，付出种种努力想要改变妈妈的命运……然而没想到的是，妈妈其实也从2001年穿越了回去，提前晓玲一步，但她没有戳破，而是默默配合着女儿……因此现在的李焕英，就是自己的妈妈，即使重来一遍，妈妈依旧做了同样的选择。<br>正是因为母女间的这份简单、纯粹、诚挚的情感内核触碰了人们内心柔软的地方，打动了千万观众。有网友留言说“哭到口罩全湿”“别画眼妆，记得带纸巾”，而看完电影后也有网友在朋友圈贴出自家“李焕英”的老照片，说明观众从中产生了同频与共振。电影中这场穿越时空的对话，其实是母亲与女儿内心的照视，在穿越、回望的艺术形式中诉说真实心愿，把现实生活中羞于表达的感情淋漓呈现。在很多看不到的地方，妈妈的爱也一直都在。正如网友评价：“你以为你很爱妈妈，结果妈妈比你想象中更爱你。”<br>
<img src="data:images/tu6.jpg" > 电影中的“李焕英”也是现实生活里无数母亲的缩影，她们同样平凡而伟大，给予我们温暖和力量。11年前“春运母亲”的照片感动亿万国人，照片中的这位母亲肩背比人还高的巨大行囊，一手拎着破旧双肩包，一手抱着襁褓中熟睡的孩子，眼神刚毅坚定地望着前方……而11年后记者找到她采访时，她说自己当初之所以做出外出务工的决定，正是为了手中嗷嗷待哺的孩子。“就是希望孩子能过上好日子，不要跟自己一样，永远走不出这座大山。”此外，还有“暴走妈妈”陈玉蓉，为给儿子捐献适合移植的肝脏，每天暴走10公里，让自己的脂肪肝消失；“警察妈妈”蒋晓娟在汶川大地震发生后，敞开警服为受灾婴儿喂奶；“最美妈妈”吴菊萍奋不顾身地用双手接住从10楼坠落的女童，手臂被撞成粉碎性骨折……作为母亲，她们有为母则刚的坚强勇敢，有不求回报的无私奉献，也有无微不至的关怀操劳。<br>每个妈妈都了不起。爱在当下，莫子欲养而亲不待。从现在开始，珍惜妈妈在身边的每一天，像她爱我们那样更爱她，力所能及地陪伴她、体恤她、理解她；同时，也更好地生活，勇往直前、阳光向上、健康开心，让妈妈遂心、放心。
（中央纪委国家监委网站）
</h3>
<center><img src="data:images/tu1.jpg">
<img src="data:images/tu2.jpg" style="margin-left:40px;"> </center>
</div>
<div class="clearit"></div>
<div class="foot">
<h2>你好，李焕英 欢迎你的到来</h2>
</div> </div></body>
</html>css
@charset "utf-8";
/* CSS Document */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{margin: 0; padding: 0; border: 0; outline: none;}
body { font-family: "宋体";font-size: 12px;color:#000000;line-height: 20px;text- align:left; background:#faf0e3;}
td,th {font-family: "宋体";font-size: 12px;color: #000000;}
a {color: #000000;}
A:link {TEXT-DECORATION: none;}
A:visited {TEXT-DECORATION: none;}
A:hover {TEXT-DECORATION: underline;color: #ffffff;}
ul,li{list-style-type:none;}
.clearit{clear:both;}.wrapper{width:1100px; margin:0 auto; padding:10px 20px; background:#FFF;}.wrapper p{width:1100px; height:8px; background:#85190d;}.nav{width:1100px; height:30px; background:#fff; margin-top:10px;}.nav li{width:216px; text-align:center; line-height:30px; float:left; font-size:14px;font-weight:bold;margin-bottom:5px;}.nav li a:hover{color:#F60;}.content h2{text-align:center;font-family:"微软雅黑";line-height:60px;}.content h3{font-size:12px;font-weight:normal;line-height:20px;text-align: center;}.content h4{font-size:14px;font-family:"微软雅黑";margin-top:15px;margin-bottom:5px;margin-left:30px;}.content h5{font-size:12px;font-weight:normal;line-height:30px;margin:0 40px;}.foot{width:1100px;margin-top:10px;}.foot h2{font-size:14px;text-align:center;line-height:36px;background:#85190d;color:#FFF;}.main h2{font-size:16px;font-family:"微软雅黑";margin-top:15px;margin-left:30px;}.main h3{font-size:12px;font-weight:normal;line-height:35px;margin:0 40px;}.main img{float:left;margin:10px 20px;}.main h4{font-size:12px;line-height:40px;font-weight: normal;margin-right:30px;}.main-a h2{font-size:16px;font-family:"微软雅黑";margin-top:15px;margin-left:30px;}.main-a h3{font-size:12px;font-weight:normal;line-height:35px;margin:0 40px;}制作一个简单HTML+CSS个人网页设计（web前端大作业）相关推荐
- HTML5期末大作业：茶叶文化网站设计——茶叶(10页) HTML+CSS+JavaScript 文化主题 dw茶叶网页设计 web前端大作业 web课程设计网页规划与设计 dw学生网页设计
HTML5期末大作业:茶叶文化网站设计--茶叶(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 ...
- HTML5期末大作业：茶叶文化网站设计——茶叶(10页) HTML+CSS+JavaScript 文化主题 dw茶叶网页设计 web前端大作业 web课程设计网页规划与设计 dw学生网页设计...
常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游 ...
- HTML5期末大作业：个人主页网站设计——个人介绍(45页) HTML+CSS+JavaScript 个人设计web前端大作业 HTML期末大作业...
常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游 ...
- HTML5期末大作业：个人主页网站设计——个人介绍(45页) HTML+CSS+JavaScript 个人设计web前端大作业 HTML期末大作业
HTML5期末大作业:个人主页网站设计--个人介绍(45页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题 ...
- 个人设计web前端大作业~响应式游戏网站源码(HTML+CSS+Bootstrap)
HTML期末大作业课程设计游戏主题html5网页~响应式游戏网站(HTML+CSS+Bootstrap) ~个人设计web前端大作业 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头 ...
- HTML期末大作业 ~ 马尔代夫旅游网页设计作业成品 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计...
HTML期末大作业 ~ 大学生旅游官网网页设计作业成品 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计~ 临近期末, 你还在为HTML网页设 ...
- HTML期末大作业课程设计动漫主题html5网页~奇恩动漫首页html模板(HTML+CSS)~个人设计web前端大作业...
HTML期末大作业课程设计动漫主题html5网页~奇恩动漫首页html模板(HTML+CSS) ~个人设计web前端大作业 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...
- HTML期末大作业课程设计动漫主题html5网页~奇恩动漫首页html模板(HTML+CSS)~个人设计web前端大作业
HTML期末大作业课程设计动漫主题html5网页~奇恩动漫首页html模板(HTML+CSS) ~个人设计web前端大作业 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...
- HTML奥运网页5页面文化 ~ 体育学生网页设计作业 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计
HTML奥运网页5页面文化 ~ 体育学生网页设计作业 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计 临近期末, 你还在为HTML网页设计结 ...
最新文章
- android圆形旋转菜单，而对于移动转换功能支持
- mybatis plus 中 EntityWrapper源码解读
- 密码登录错误怎么退出c语言,使用C语言判断密码是否正确，三次失败就退出，超详细教程！！...
- JavaBeans四个作用域 范围
- 【数据结构与算法】之深入解析“学生出勤记录I”的求解思路与算法示例
- bocketmq 多个消费者同时_菜鸟开建“海南跨境物流枢纽”让自贸港消费者海购最快当日达...
- Easy.Ajax 部分源代码， 支持文件上传功能， 兼容所有主流浏览器
- canal mysql从库_canal中间件|数据增量同步解决方案
- 波及1.95亿辆车，黑莓承认系统存在漏洞，大众、宝马纷纷“躺枪”
- （4.5.4）Android測试TestCase单元(Unit test)測试和instrumentationCase单元測试
- 【笔记】Android.mk编译apk不生成ota包或者odex包
- 傻瓜式c语言教程,app制作教程简单易学：傻瓜简单自建app，步骤如下
- android跳转qq群代码,Android app 跳 QQ 群界面
- 基于Yocto构建嵌入式Linux系统U-boot、kernel内核、rootfs文件系统
- [ 利器篇 ] - 升级Ubuntu 18.04系统工具集合
- 钓鱼攻击(kali,花生壳）
- 基于Linux的网络编程——网络聊天程序
- 《浅谈Cache Memory》 学习-第一章
- 苹果手机自带的邮件无法连接服务器,iphone邮箱怎么连接服务器 iphone邮箱无法连接服务器怎么办...
- [NOIP] [线段树] NOIP2012Day2 借教室（classroom）