网页效果：
帮助：
1、点击图片是可以直接跳转到可以观看电影的网页，
2、光标移动到图片时，光标的右下角是会显示出该电影的名字
3、点击左下角的作者可以出现弹框
代码1
<html>
<head>
<title>影评</title>
<script type="text/javascript">
function zz()
{window.alert("软件工程2班 小王 201140299");}
</script>
</head>
<body text="orange">
<font color="green" size="6" align="center"><marquee behavior="slide" direction="left"><em>电影影评</em></marquee><br/></font>
<h2 >影片简介</h2>
<a href="dyht.html" target="_main">大鱼海棠</a>
<a href="fkdwc.html" target="_main">疯狂动物城</a>
<a href="zqbg.html" target="_main">忠犬八公的故事</a>
<a href="xskdjs.html" target="_main">肖申克的救赎</a>
<hr>
<iframe width="600" height="500" name="_main" ></iframe>
<iframe width="600" height="500"src="书签链接.html" ></iframe>
<br/>
<br/>
<table border="1" width="1200" align="center">
<tr>
<td colspan="2" height="50"><h1 align="center" >影片评分</h1></td>
</tr>
<tr>
<td width="150" height="250" valign="top">
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
</tr>
<td height="25%"><font size="4" >大鱼海棠<br/></font></td>
</tr>
<tr>
<td height="25%"><font size="4" >疯狂动物城<br/></font></td>
</tr>
<tr>
<td height="25%"><font size="4" >忠犬八公的故事<br/></font></td>
</tr>
<tr>
<td height="25%"><font size="4" >肖申克的救赎<br/></font></td>
</tr>
</table>
</td>
<td>
<img src="14.jpg" width="17%" height="25%"><br/>
<img src="13.jpg" width="17%" height="25%"><br/>
<img src="12.jpg" width="17%" height="25%"><br/>
<img src="11.jpg" width="17%" height="25%">
</td>
</tr>
<tr>
<td colspan="2" height="30" align="center"><a href="https://movie.douban.com/" title="豆瓣电影" target="_blank">版权：豆瓣电影 https://movie.douban.com/"</a></td>
</tr>
</table>
<font size="5" >此处点击电影海报可以选择你想观看的的电影<br/></font>
<br/>
<a href="https://www.bilibili.com/bangumi/play/ss11890?bsource=douban" title="大鱼海棠" target="_blank">
<img src="3.jpg" width='270px' height='350px'>
</a>
<a href="https://www.miguvideo.com/mgs/website/prd/detail.html?cid=701106113" title="疯狂动物城" target="_blank">
<img src="4.jpg" width='270px' height='350px'>
</a>
<a href="https://movie.douban.com/subject/3011091/" title="忠犬八公的故事" target="_blank">
<img src="5.jpg" width='270px' height='350px'>
</a>
<a href="https://www.bilibili.com/bangumi/play/ss28274?bsource=douban" title="肖申克的救赎" target="_blank">
<img src="6.jpg" width='270px' height='350px'>
</a>
<br/><br/>
<font size="5" >选择你要下载的电影</font><br/>
<a href="大鱼海棠.rar">大鱼海棠</a><br/>
<a href="疯狂动物城.rar">疯狂动物城</a><br/>
<a href="忠犬八公的故事.rar">忠犬八公的故事</a><br/>
<a href="肖申克的救赎.rar">肖申克的救赎</a>
<hr/>
<input type="button" name="zz" value="作者" onclick="zz();">
<font>            </font>
<font color="black">联系方式:11111111</font>
<font>            </font>
<a href="mailto:itwangwu@sina.com?cc=Tom&subject=邮件标题&body=邮件内容">点击发送电子邮件</a><br>
</body>
</html>
代码2：书签链接
<iframe width="600" height="500"src="书签链接.html" ></iframe> 引用书签链接
<!DOCTYPE html>
<html>
<head>
<title>电影影评</title>
</head>
<body background="1.jpg" >
<a name="zero"></a>
<h2>电影影评</h2>
<a href="#one">大鱼海棠</a><br/>
<a href="#two">疯狂动物城</a><br/>
<a href="#three">忠犬八公的故事</a><br/>
<a href="#four">肖申克的救赎</a><br/>
<hr/>
<p><a name="one">大鱼海棠</a></p>
<ol type="1">
<li >如诗如画的生命礼赞。人生就是一场旅行，有从此岸穿越而出的诞生，也有到达彼岸后依依不舍的挥泪告别。要相信，生命是个奇迹。</li>
<li>画面音乐好美，剧情还行。湫总是燃烧自己成全她人，让我想起韩剧永恒的男二号。另外这部动画说明一件事，鱼长肥了就不太好飞。</li>
<li>只要你的心是善良的，对与错是别人的。</li>
</ol>
<p align="right"><a href="#zero">返回</a></p>
<p><a name="two">疯狂动物城</a></p>
<ul>
<li>看过了这一部，我好像能够更坚定地说我会当迪士尼一辈子的粉丝。迪士尼给我们营造的乌托邦就是这样，永远善良勇敢，永远出乎意料。</li>
<li>做冰棍那机智的不像话！！！全片最爱！！！想吃！！！</li>
</ul>
<p align="right"><a href="#zero">返回</a></p>
<p><a name="three">忠犬八公的故事</a></p>
<ol type="1">
<li >八公的主人，也在天堂的门口等了它很久吧。</li>
<li>“永远都不能忘记你所爱的人” 狗尚如此，人何以堪？5星给动情的真实故事。</li>
<li>狗比人更有情意。我们若是怀念一个人，也许只有短短一段时间。</li>
</ol>
<p align="right"><a href="#zero">返回</a></p>
<p><a name="four">肖申克的救赎</a></p>
<ul>
<li>从哪个角度看都觉得好。改用《偷心》里的名台词：某些境况下人的悲剧，却让电影看起来更无可挑剔</li>
<li>经典不愧是经典，印象最深的一句话，谁都可能沾染霉运，刚好轮到我。男主即使在监狱里，也能把日子过得有声有色，建图书馆，帮人获得高中文凭，还挖通了地道，他就是眼睛里始终有光的人，没有被体制化的人，特别的人。</li>
</ul>
<p align="right"><a href="#zero">返回</a></p>
</body>
</html>代码3：各个电影的简介，使用浮动框架时需要使用，如下代码所示：
<a href="dyht.html" target="_main">大鱼海棠</a>
<a href="fkdwc.html" target="_main">疯狂动物城</a>
<a href="zqbg.html" target="_main">忠犬八公的故事</a>
<a href="xskdjs.html" target="_main">肖申克的救赎</a>
<html>
<head>
<title>大鱼海棠</title>
</head>
<body background="8.jpg">
<h2>大鱼海棠</h2>
<p align="left">
所有活着的人类，都是海里一条巨大的鱼；出生的时候他们从海的此岸出发。
他们的生命就像横越大海，有时相遇，有时分开……死的时候，他们便到了岸，
各去各的世界。</p>
<p align="left">
四十五亿年前，这个星球上，只有一片汪洋大海，和一群古老的大鱼。
在与人类世界平行的空间里，生活着一个规规矩矩、遵守秩序的族群，
他们为神工作，掌管世界万物运行规律，也掌管人类的灵魂。
他们的天空与人类世界的大海相连。他们既不是神，也不是人，
他们是“其他人”。</p>
<p align="left">
十六岁生日那天，居住在“神之围楼”里的一个名叫椿（季冠霖 配音）的女孩变
作一条海豚到人间巡礼，被大海中的一张网困住，一个人类男孩因为救她而落入
深海死去。为了报恩，为了让人类男孩复活，她需要在自己的世界里，历经种种困难
与阻碍，帮助死后男孩的灵魂——一条拇指那么大的小鱼，成长为一条比鲸更
巨大的鱼并回归大海。</p>
</body>
</html><html>
<head>
<title>疯狂动物城</title>
</head>
<body background="8.jpg">
<h2>疯狂动物城</h2>
<p align="left">
故事发生在一个所有哺乳类动物和谐共存的美好世界中，兔子朱迪（金妮弗·古德温 Ginnifer Goodwin 配音）
从小就梦想着能够成为一名惩恶扬善的刑警，凭借着智慧和努力，朱迪成功的从警校
中毕业进入了疯狂动物城警察局，殊不知这里是大型肉食类动物的领地，
作为第一只，也是唯一的小型食草类动物，朱迪会遇到怎样的故事呢？</p>
<p align="left">
近日里，城中接连发生动物失踪案件，就在全部警员都致力于调查案件真相之时，
朱迪却被局长（伊德瑞斯·艾尔巴 Idris Elba 配音）发配成为了一名无足轻重的交警。
某日，正在执勤的兔子遇见了名为尼克（杰森·贝特曼 Jason Bateman 配音）的狐狸，
两人不打不相识，之后又误打误撞的接受了寻找失踪的水獭先生的任务，
如果不能在两天之内找到水獭先生，朱迪就必须自愿离开警局。
朱迪找到了尼克，两人联手揭露了一个隐藏在疯狂动物城之中的惊天秘密。</p>
</body>
</html><html>
<head>
<title>肖申克的救赎</title>
</head>
<body background="8.jpg">
<h2>肖申克的救赎</h2>
<p align="left">
一场谋杀案使银行家安迪（蒂姆•罗宾斯 Tim Robbins 饰）蒙冤入狱，谋杀妻子及其情人的指控将囚禁他终生。在肖申克监狱的首次现身就让监狱“大哥”瑞德（摩根•弗里曼 Morgan Freeman 饰）对他另眼相看。瑞德帮助他搞到一把石锤和一幅女明星海报，两人渐成患难 之交。很快，安迪在监狱里大显其才，担当监狱图书管理员，并利用自己的金融知识帮助监狱官避税，引起了典狱长的注意，被招致麾下帮助典狱长洗黑钱。偶然一次，他得知一名新入狱的小偷能够作证帮他洗脱谋杀罪。燃起一丝希望的安迪找到了典狱长，希望他能帮自己翻案。阴险伪善的狱长假装答应安迪，背后却派人杀死小偷，让他唯一能合法出狱的希望泯灭。沮丧的安迪并没有绝望，在一个电闪雷鸣的风雨夜，一场暗藏几十年的越狱计划让他自我救赎，重获自由！老朋友瑞德在他的鼓舞和帮助下，也勇敢地奔向自由。
</p>
<p align="left">
本片获得1995年奥斯卡10项提名，以及金球奖、土星奖等多项提名。
</p>
</body>
</html><html>
<head>
<title>忠犬八公的故事</title>
</head>
<body background="8.jpg">
<h2>忠犬八公的故事</h2>
<p align="left">
八公（Forest 饰）是一条谜一样的犬，因为没有人知道它从哪里来。
教授帕克（理查·基尔 Richard Gere 饰）在小镇的火车站拣到一只走失的小狗，
冥冥中似乎注定小狗和帕克教授有着某种缘分，帕克一抱起这只小狗就再也放不下来，
最终，帕克对小狗八公的疼爱感化了起初极力反对养狗的妻子卡特
（琼·艾伦 Joan Allen 饰）。八公在帕克的呵护下慢慢长大，
帕克上班时八公会一直把他送到车站，下班时八公也会早早便爬在车站等
候，八公的忠诚让小镇的人家对它更加疼爱。有一天，八公在帕克要上班时表
现异常，居然玩起了以往从来不会的捡球游戏，八公的表现让帕克非常满意，
可是就是在那天，帕克因病去世。帕克的妻子、女儿安迪（萨拉·罗默尔 Sarah Roemer
饰）及女婿迈克尔（罗比·萨布莱特 Robbie Sublett 饰）怀着无比沉痛的心情
埋葬了帕克，可是不明就里的八公却依然每天傍晚五点准时守候在小站的门前，
等待着主人归来……</p>
<p align="left">
本片根据上个世纪30年代发生在日本的真实故事改编，1987年在日本拍成电影后创造了40亿日元的票房。</p>
</body>
</html>注：
所有的网页、图片、下载链接我均是放在同一个文件夹里面，所以是不需要使用绝对路径的，这个做法不太妥当。一般是要把图片放在同一个文件夹里面的，这个时候就需要使用相对路径对图片的位置进行说明，
以上代码均可引用，但内容、照片都需要自行更换
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
