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

相关文章

网页解析 lxml 库--实战

lxml库使用流程 lxml 是 Python 的第三方解析库,完全使用 Python 语言编写,它对 XPath表达式提供了良好的支 持,因此能够了高效地解析 HTML/XML 文档。本节讲解如何通过 lxml 库解析 HTML 文档。 pip install lxml lxm| 库提供了一个 etree 模块,该模块专门用来解析 HTML/XML 文档,下面来介绍一下 lxml 库

Vue3 的 shallowRef 和 shallowReactive:优化性能

大家对 Vue3 的 ref 和 reactive 都很熟悉,那么对 shallowRef 和 shallowReactive 是否了解呢? 在编程和数据结构中,“shallow”(浅层)通常指对数据结构的最外层进行操作,而不递归地处理其内部或嵌套的数据。这种处理方式关注的是数据结构的第一层属性或元素,而忽略更深层次的嵌套内容。 1. 浅层与深层的对比 1.1 浅层(Shallow) 定义

不懂推荐算法也能设计推荐系统

本文以商业化应用推荐为例,告诉我们不懂推荐算法的产品,也能从产品侧出发, 设计出一款不错的推荐系统。 相信很多新手产品,看到算法二字,多是懵圈的。 什么排序算法、最短路径等都是相对传统的算法(注:传统是指科班出身的产品都会接触过)。但对于推荐算法,多数产品对着网上搜到的资源,都会无从下手。特别当某些推荐算法 和 “AI”扯上关系后,更是加大了理解的难度。 但,不了解推荐算法,就无法做推荐系

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

性能测试介绍

性能测试是一种测试方法,旨在评估系统、应用程序或组件在现实场景中的性能表现和可靠性。它通常用于衡量系统在不同负载条件下的响应时间、吞吐量、资源利用率、稳定性和可扩展性等关键指标。 为什么要进行性能测试 通过性能测试,可以确定系统是否能够满足预期的性能要求,找出性能瓶颈和潜在的问题,并进行优化和调整。 发现性能瓶颈:性能测试可以帮助发现系统的性能瓶颈,即系统在高负载或高并发情况下可能出现的问题

水位雨量在线监测系统概述及应用介绍

在当今社会,随着科技的飞速发展,各种智能监测系统已成为保障公共安全、促进资源管理和环境保护的重要工具。其中,水位雨量在线监测系统作为自然灾害预警、水资源管理及水利工程运行的关键技术,其重要性不言而喻。 一、水位雨量在线监测系统的基本原理 水位雨量在线监测系统主要由数据采集单元、数据传输网络、数据处理中心及用户终端四大部分构成,形成了一个完整的闭环系统。 数据采集单元:这是系统的“眼睛”,

【 html+css 绚丽Loading 】000046 三才归元阵

前言:哈喽,大家好,今天给大家分享html+css 绚丽Loading!并提供具体代码帮助大家深入理解,彻底掌握!创作不易,如果能帮助到大家或者给大家一些灵感和启发,欢迎收藏+关注哦 💕 目录 📚一、效果📚二、信息💡1.简介:💡2.外观描述:💡3.使用方式:💡4.战斗方式:💡5.提升:💡6.传说: 📚三、源代码,上代码,可以直接复制使用🎥效果🗂️目录✍️

Hadoop数据压缩使用介绍

一、压缩原则 (1)运算密集型的Job,少用压缩 (2)IO密集型的Job,多用压缩 二、压缩算法比较 三、压缩位置选择 四、压缩参数配置 1)为了支持多种压缩/解压缩算法,Hadoop引入了编码/解码器 2)要在Hadoop中启用压缩,可以配置如下参数

作业提交过程之HDFSMapReduce

作业提交全过程详解 (1)作业提交 第1步:Client调用job.waitForCompletion方法,向整个集群提交MapReduce作业。 第2步:Client向RM申请一个作业id。 第3步:RM给Client返回该job资源的提交路径和作业id。 第4步:Client提交jar包、切片信息和配置文件到指定的资源提交路径。 第5步:Client提交完资源后,向RM申请运行MrAp

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06