HTML静态网页成品作业(HTML+CSS)——电影肖申克的救赎介绍设计制作(1个页面)

本文主要是介绍HTML静态网页成品作业(HTML+CSS)——电影肖申克的救赎介绍设计制作(1个页面),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

🎉不定期分享源码,关注不丢失哦

文章目录

  • 一、作品介绍
  • 二、作品演示
  • 三、代码目录
  • 四、网站代码
    • HTML部分代码
  • 五、源码获取


一、作品介绍

🏷️本套采用HTML+CSS,未使用Javacsript代码,共有1个页面

二、作品演示

在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码


<header>肖申克的救赎</header><div class="tu"><img src="./img/a1.jpg" alt=""></div><main><h2><span></span>剧情简介</h2><p>1947年,银行家安迪·杜佛兰(蒂姆·罗宾斯饰)被指控枪杀了妻子及其情人,安迪被判无期徒刑,这意味着他将在肖申克监狱中渡过余生。</p><p>埃利斯·“瑞德”·雷丁(摩根·弗里曼饰)1927年因谋杀罪被判无期徒刑,数次假释都未获成功。他成为了肖申克监狱中的“权威人物”,只要你付得起钱,他几乎有办法搞到任何你想要的东西:香烟、糖果、酒,甚至是大麻。每当有新囚犯来的时候,大家就赌谁会在第一个夜晚哭泣。瑞德认为弱不禁风、书生气十足的安迪一定会哭,结果安迪的沉默使瑞德输掉了两包烟,但同时也使他对安迪刮目相看。很长时间以来,安迪不和任何人接触,在大家抱怨的同时,他在院子里很悠闲地散步,就像在公园里一样。一个月后,安迪请瑞德帮他搞的第一件东西是一把小的鹤嘴锄,他的解释是他想雕刻一些小东西以消磨时光,并说他会自己想办法逃过狱方的例行检查。不久,瑞德就玩上了安迪雕刻的国际象棋。之后,安迪又搞了一幅影星丽塔·海华丝的巨幅海报贴在了牢房的墙上。</p><table><tr><td><img src="./img/1.jpg" alt=""></td><td><img src="./img/2.jpg" alt=""></td><td><img src="./img/3.jpg" alt=""></td></tr></table><p>一次,安迪和另几个犯人外出劳动,他无意间听到监狱官(克兰西·布朗饰)在讲有关上税的事。安迪说他有办法可以使监狱官合法地免去这一大笔税金,做为交换,他要为十几个犯人朋友每人争取三瓶啤酒。两天后,他们坐在夕阳下的屋顶,喝着啤酒,瑞德说多年来,他第一次感受到了自由的感觉。由于安迪精通财务制度方面的知识,很快使他摆脱了狱中繁重的体力劳动和其它变态囚犯的骚扰。不久,声名远扬的安迪开始为越来越多的狱警处理税务问题,甚至孩子的升学问题也来向他请教。同时安迪也逐步成为肖恩克监狱长诺顿(鲍勃·冈顿饰)洗黑钱的重要工具。由于安迪不停地写信给州长,终于为监狱申请到了一小笔钱用于监狱图书馆的建设。监狱生活非常平淡,总要自己找一些事情来做。安迪听说瑞德原来很喜欢吹口琴,就买了一把口琴送给他。夜深人静之后,瑞德试吹了一下他的新礼物。</p><p>一个年轻犯人汤米(吉尔·贝罗斯饰)的到来打破了安迪平静的狱中生活,这个犯人以前在另一所监狱服刑时听到过安迪的案子,他知道谁是真凶。但当安迪向监狱长提出要求重新审理此案时,却遭到了拒绝,并受到了单独禁闭两个月的严重惩罚。而为了防止安迪获释,监狱长设计害死了这个年轻犯人。面对残酷的现实,安迪变得很消沉。有一天,他对瑞德说:“如果有一天,你可以获得假释,一定要到某个地方替我完成一个心愿。那是我第一次和妻子约会的地方,把那里一棵大橡树下的一个盒子挖出来。到时你就知道是什么了。”当天夜里,风雨交加,雷声大作,已得到灵魂救赎的安迪越狱成功。</p><p>原来二十年来,安迪每天都在用那把小鹤嘴锄挖洞,然后用海报将洞口遮住。安迪出狱后,领走了部分监狱长存的黑钱,并告发了监狱长贪污受贿的真相。监狱长在自己存小账本的保险柜里见到的是安迪留下的一本圣经,第一页写到“救赎之道,就在其中”,另外圣经里边还有个挖空的部分,用来藏匿挖洞的鹤嘴锄。经过40年的监狱生涯,瑞德终于获得假释,他在与安迪约定的橡树下找到了一个铁盒,里面有一些现金和一封安迪的亲笔信,两个老朋友终于在蔚蓝色的太平洋海滨重逢了。</p>

五、源码获取

🥇 ~ 关注我,点赞博文~ 每天带你涨知识!
🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。
💙2.想要获取本文源码,点击前往吧

这篇关于HTML静态网页成品作业(HTML+CSS)——电影肖申克的救赎介绍设计制作(1个页面)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/808024

相关文章

Java实现Excel与HTML互转

《Java实现Excel与HTML互转》Excel是一种电子表格格式,而HTM则是一种用于创建网页的标记语言,虽然两者在用途上存在差异,但有时我们需要将数据从一种格式转换为另一种格式,下面我们就来看看... Excel是一种电子表格格式,广泛用于数据处理和分析,而HTM则是一种用于创建网页的标记语言。虽然两

Python进阶之Excel基本操作介绍

《Python进阶之Excel基本操作介绍》在现实中,很多工作都需要与数据打交道,Excel作为常用的数据处理工具,一直备受人们的青睐,本文主要为大家介绍了一些Python中Excel的基本操作,希望... 目录概述写入使用 xlwt使用 XlsxWriter读取修改概述在现实中,很多工作都需要与数据打交

java脚本使用不同版本jdk的说明介绍

《java脚本使用不同版本jdk的说明介绍》本文介绍了在Java中执行JavaScript脚本的几种方式,包括使用ScriptEngine、Nashorn和GraalVM,ScriptEngine适用... 目录Java脚本使用不同版本jdk的说明1.使用ScriptEngine执行javascript2.

vue解决子组件样式覆盖问题scoped deep

《vue解决子组件样式覆盖问题scopeddeep》文章主要介绍了在Vue项目中处理全局样式和局部样式的方法,包括使用scoped属性和深度选择器(/deep/)来覆盖子组件的样式,作者建议所有组件... 目录前言scoped分析deep分析使用总结所有组件必须加scoped父组件覆盖子组件使用deep前言

Python中的可视化设计与UI界面实现

《Python中的可视化设计与UI界面实现》本文介绍了如何使用Python创建用户界面(UI),包括使用Tkinter、PyQt、Kivy等库进行基本窗口、动态图表和动画效果的实现,通过示例代码,展示... 目录从像素到界面:python带你玩转UI设计示例:使用Tkinter创建一个简单的窗口绘图魔法:用

VUE动态绑定class类的三种常用方式及适用场景详解

《VUE动态绑定class类的三种常用方式及适用场景详解》文章介绍了在实际开发中动态绑定class的三种常见情况及其解决方案,包括根据不同的返回值渲染不同的class样式、给模块添加基础样式以及根据设... 目录前言1.动态选择class样式(对象添加:情景一)2.动态添加一个class样式(字符串添加:情

Python实现NLP的完整流程介绍

《Python实现NLP的完整流程介绍》这篇文章主要为大家详细介绍了Python实现NLP的完整流程,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 编程安装和导入必要的库2. 文本数据准备3. 文本预处理3.1 小写化3.2 分词(Tokenizatio

使用JavaScript将PDF页面中的标注扁平化的操作指南

《使用JavaScript将PDF页面中的标注扁平化的操作指南》扁平化(flatten)操作可以将标注作为矢量图形包含在PDF页面的内容中,使其不可编辑,DynamsoftDocumentViewer... 目录使用Dynamsoft Document Viewer打开一个PDF文件并启用标注添加功能扁平化

React实现原生APP切换效果

《React实现原生APP切换效果》最近需要使用Hybrid的方式开发一个APP,交互和原生APP相似并且需要IM通信,本文给大家介绍了使用React实现原生APP切换效果,文中通过代码示例讲解的非常... 目录背景需求概览技术栈实现步骤根据 react-router-dom 文档配置好路由添加过渡动画使用

SpringBoot如何访问jsp页面

《SpringBoot如何访问jsp页面》本文介绍了如何在SpringBoot项目中进行Web开发,包括创建项目、配置文件、添加依赖、控制层修改、测试效果以及在IDEA中进行配置的详细步骤... 目录SpringBoot如何访问JSP页python面简介实现步骤1. 首先创建的项目一定要是web项目2. 在