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

news2024/11/17 8:18:32

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

文章目录

  • 一、作品介绍
  • 二、作品演示
  • 三、代码目录
  • 四、网站代码
    • 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.想要获取本文源码,点击前往吧

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1515411.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

第10集《天台教观纲宗》

请大家打开讲义第十七页。我们讲到己二、结申正义。 己二、结申正义 《法华经》把我们修行人修行的相貌&#xff0c;比喻作一个车乘。车乘就是一种交通工具&#xff0c;它能够让我们从此岸超越到彼岸去。所以修行它是可以超越的&#xff0c;你今天比昨天超越了&#xff0c;就好…

5、Design Script之Class和函数

使用函数作为参数 DesignScript允许使用函数作为参数。例如&#xff0c;你可以在CodeBlock中调用两个函数。 要在单个代码块中多次调用一个函数&#xff0c;你需要在每个函数各自的行上编写它。 startPoint Autodesk.DesignScript.Geometry.Point.ByCoordinates(); endPoin…

从零开始学习深度学习库-2:反向传播

欢迎来到本系列的第二篇文章&#xff0c;我们将从头开始构建一个深度学习库。 本博客系列的代码可以在这个Github仓库中找到。 上一篇文章 在上一篇文章中&#xff08;链接见这里&#xff09;&#xff0c;我们实现了线性层和常见的激活函数&#xff0c;并成功构建了神经网络的…

使用Barrier共享鼠标键盘,通过macos控制ubuntu系统

之前文章写过如何使用barrrier通过windows系统控制ubuntu系统&#xff0c;该文章将详细介绍如何使用barrier通过macos系统控制ubuntu系统 一、macOS安装barrier macOS版本barrier链接 1、双击点开安装包 2、将安装包里的barrier拷贝到macOS的达达->应用程序中 3、在达达…

2024考研计算机考研复试-每日重点(第二十期)

公众号“准研计算机复试”&#xff0c;超全大佬复试资料&#xff0c;保姆级复试&#xff0c;80%的题目都是上岸大佬提供的。 研宝们&#xff0c;App更新啦&#xff01; 计算机组成原理&#xff1a; 10.☆什么是数据存储的大端模式和小端模式&#xff1f; 大端模式&#xff1a;数…

防火墙基础理论(二)

漏洞扫描&#xff0c;设备联动 阻断未知威胁&#xff1a; 基于大数据统计 从运营角度管理设备 采集流量分析上报&#xff0c;探针

零知识玩转AVH(5)—— 怎么玩(4)

接前一篇文章&#xff1a;零知识玩转AVH&#xff08;4&#xff09;—— 怎么玩&#xff08;3&#xff09; 上一回经过了一个艰苦的探索过程&#xff0c;最终完成了“arm-avh-best-practice-project-product-subscription-guide-cn.pdf”即“Arm虚拟硬件实践专题一&#xff1a;产…

【Java系列】OOM 时,JVM 堆栈信息保存和分析

一、前言 在日常开发中&#xff0c;即使代码写得再谨慎&#xff0c;免不了还是会发生各种意外的事件&#xff0c;比如服务器内存突然飙高&#xff0c;又或者发生内存溢出(OOM)。当发生这种情况时&#xff0c;我们怎么去排查&#xff0c;怎么去分析原因呢&#xff1f; 一般遇到…

OneDrive教育版迁移记录

背景 微软再次削减教育版优惠的OneDrive容量&#xff0c;从原先的5T直接砍到100G/人&#xff0c;同时对每个学校保留总共100TB的共享存储容量。 右键Onedrive图标——设置——存储容量可见 100GB对于重度用户显然是不够使用的&#xff0c;为此笔者改换Microsoft Office365家庭…

javascript如何实现继承

文章目录 一、是什么二、实现方式原型链继承构造函数继承组合继承原型式继承寄生式继承寄生组合式继承 三、总结相关链接 一、是什么 继承&#xff08;inheritance&#xff09;是面向对象软件技术当中的一个概念。 如果一个类别B“继承自”另一个类别A&#xff0c;就把这个B称…

基于SpringBoot+MYSQL+Vue的校园管理系统

目录 1、前言介绍 2、主要技术 3、系统流程分析 3.1、操作流程 3.2、添加信息流程 3.3、删除信息流程 4、系统设计 4.1 系统体系结构 4.2开发流程设计 4.3 数据库设计原则 4.4 数据表 5、运行截图(部分) 5.1管理员功能模块 5.2用户功能模块 5.3院校管理员功能模块…

【django framework】ModelSerializer+GenericAPIView,如何在提交前修改某些字段值

【django framework】ModelSerializerGenericAPIView&#xff0c;如何在提交前修改某些字段值 我们经常会遇到下面这种情况&#xff1a; 序列化器用的是ModelSerializer&#xff0c;写视图的时候继承的是generics.CreateAPIView。现在我想在正式提交到数据库(perform_create)之…

使用Java自带的VisualVM监控远程服务器部署在Docker容器中的Java项目并使用Mat在线工具排查服务器内存泄露或内存溢出的原因

事情是这样的&#xff0c;我们项目最近应业主的要求迁移到了新的服务器&#xff0c;起初一切正常&#xff0c;部署、上线、测试都没有问题&#xff0c;项目大概运行了一周的工作日时间都没出现问题&#xff0c;直到周六那天&#xff0c;项目经理打电话过来说服务器崩了&#xf…

websocket逆向案例

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 前言一、案例地址二、分析流程三、逆向参数四、webSocket 交互位置总结 前言 本文章中所有内容仅供学习交流使用&#xff0c;不用于其他任何目的&#xff0c;不提供…

第六篇【传奇开心果系列】Python的自动化办公库技术点案例示例:大学生数据全方位分析挖掘经典案例

传奇开心果博文系列 系列博文目录Python的自动化办公库技术点案例示例系列 博文目录前言一、Pandas库全方位分析挖掘大学生数据能力介绍二、大学生学生成绩数据分析数据挖掘示例代码三、大学生选课数据分析数据挖掘示例代码四、大学生活动参与数据分析数据挖掘示例代码五、大学…

VsCode免密登录

创建本地密匙 按下WinR输入cmd&#xff0c;输入 ssh-keygen -t rsa然后连续回车直到结束 找到Your public key has been saved in C:\Users\Administrator/.ssh/id_rsa.pub&#xff0c;每个人都不一样找到密匙所在地 打开id_rsa.pub这个文件&#xff0c;可以用记事本打开&am…

Parade Series - WebRTC ( < 300 ms Low Latency ) T.B.D

Parade Series - FFMPEG (Stable X64) 延时测试秒表计时器 ini/config.ini [system] homeserver storestore\nvr.db versionV20240312001 verbosefalse[monitor] listrtsp00,rtsp01,rtsp02 timeout30000[rtsp00] schemartsp ip127.0.0.1 port8554 usr pwd context/cam08001…

锐科达高速公路智慧隧道应急通讯网络广播解决方案

锐科达高速公路智慧隧道应急通讯网络广播解决方案 我国已是世界上公路隧道里程最长、规模最大、发展最快的国家。面对数量庞大的公路隧道&#xff0c;如何严防在隧道内发生重特大交通安全事故以及保障发生紧急情况下的应急通讯&#xff0c;是各地交通运输主管部门、各级指挥中心…

在ubuntu20通过docker部署zabbix6

部署Zabbix 6.x服务器在Ubuntu 20.04 LTS系统上使用Docker的方式可以简化安装过程并实现容器化管理。以下是一个简化的步骤指南&#xff1a; 步骤1&#xff1a;安装Docker和Docker Compose 确保你的Ubuntu系统已经安装了Docker和Docker Compose。如果没有&#xff0c;请执行以…

创建SpringCloudGateWay

创建SpringCloudGateWay 本案例基于尚硅谷《谷粒商城》项目&#xff0c;视频27 创建测试API网关 1、创建module 2、引入依赖 <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:x…