HTML基础实战-HTML内的页面跳转及常用标签用法（图文：刺客信条英灵殿测评）

灰太狼 2022-12-24 04:49 35阅读 0赞

## 准备工作 ##

## **一：所用到的标签** ##

1.标题标签  
2.段落标签  
3.图片标签  
4.超链接标签  
5.换行标签  
6.音频标签  
7.style标签

## **二：理解** ##

1.自己要对这些标签有所理解  
2.自行练习加深记忆  
3.多学多看多问  
4.了解HTML，了解css的样式设计  
**注：**  
本文素材来自小黑盒作者Mooclog原创  
本文仅仅只是为了加深用法

## **三：实战** ##

直接上代码：

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>刺客信条英灵殿</title>
        <style>
            p{
         
                text-indent: 2em;
            }
            body{
         
                background-color:yellow;
            }
        </style>
    </head>
    <body>
        <h1>《刺客信条英灵殿》的超业余测评：虽有缺点，但仍经得起考量</h1>
    
        刺客信条BGM<div><audio src="刺客信条.mp3" loop autoplay controls></video></div>
    
        <h2>目录</h2>
        <strong><a href="#jianjie"> 1.简介</a> <br>
        <a href="#youdian">2.优点</a>  <br>
        <a href="#quedian">3.缺点</a> <br>
        <a href="#kaifangshijie">4.开放世界的疲劳</a><br>
        <a href="#tiyan">5.体验</a><br>
        <a href="#wanfa">6.玩法</a><br>
        <a href="#ganxiang">7.感想</a><br>
        <a href="#jielun">8.结论</a><br>
        </strong>
    
        <img src="刺客信条英灵殿01.jpg" alt="刺客信条英灵殿" >
        <h3 id="jianjie"> 简介</h3>
        <p> 《刺客信条：英灵殿》中的育碧式开放世界较为空洞，也没有一个值得玩家关心的故事剧情，但是Eivor宽阔的肩膀几乎足以承载起这部老IP中最新的维京风格。其他开放世界的游戏能更好地提供久经考验游玩模式，但《刺客信条：英灵殿》则提供了一种别的游戏没有的愉快的体验，而一路上的小冒险为玩家的游玩提供了丰富的动力。</p>
        <p><img src="" alt=""></p>
    
        <img src="刺客信条英灵殿05.jpg" alt="">
    
        <h3 id="youdian"> 优点：</h3>
        <strong> 系列中最有趣的游戏 <br>
        Eivor是出色的主角 <br>
        每个角色都富有生命力 <br>
        巨大的开放世界 <br></strong>
    
        <h3 id="quedian"> 缺点：</h3>
        <strong> 开放世界的某些地方会让人觉得稀松平常 <br>
        略微糟糕的剧情永远不会让你投入其中 <br>
        战斗可以感觉到十分混乱 <br>
        你需要在口人之前思考一番 <br>
        游戏时长：35小时 <br></strong>
    
        平台：Xbox One（抱歉，家境贫寒，买不起更好的游戏机)
    
        <p>《刺客信条：英灵殿》见证了这个老牌刺客系列在脱离年度发行周期一年后的回归，但游戏质量似乎表明育碧并没有用断更的这一段时间对游戏进行打磨。<br>
    
        在本作，背景设定在维京人入侵英格兰期间，你将扮演突袭者Eivor的角色。而鉴于最新的《刺客信条》章节设定在一个以抢劫和掠夺为代名词的时代，因此《英灵殿》带来更加激进和混乱的战斗也就不足为奇了。<br>
    
        有时，《英灵殿》的玩法模式常常让人回忆起《刺客信条II》中更为经典的战斗，而本作也让刺客信条系列重新找回了自《黑旗》以来一直缺失的幽默感。该系列经常有点过于严肃，所以很高兴看到育碧为本作渲染了一个较为轻松的游玩基调。
    
        但旧习难改，育碧仍然相信更大的游戏世界会更好，因此在本作仍然创造了一个充满广阔空间，但里面只有很少的零散的收集品的游戏。
    
        不幸的是，大地图大空间并不是万能的，削减这些稀疏松散的区域可以让玩家投入在小村庄中更多的精力，因为在小村庄中的部分比穿越田野或在狭窄河流中长途旅行要更有趣。
    
        Eivor远不是一个传统的刺客。他们甚至将袖剑直接佩戴在手腕上，让它直接暴露在众目睽睽之下——尽管潜行在游戏中仍然扮演着重要作用。
    
        就像《黑旗》中的爱德华·肯威一样，他们算是偶然地成为一名刺客，但游戏却难以利用这一更有趣的前提。相反，Eivor很大程度上有一个维京人的故事，刺客的点点滴滴和Animus的叙事零星地穿插其中，但却无法避免且十分糟糕的打乱了游戏节奏。
    
        虽然《英灵殿》在某种程度上偏离了前几部作品，但作为一款开放世界的动作冒险游戏，它在以《刺客信条》为模板的基础上，以出色的幽默感、刺激的战斗和主角为系列刺客阵容增添了一些新的内容。但我觉得育碧还可以做得更好。</p> 
    
        <img src="刺客信条英灵殿02.jpg" alt="刺客信条英灵殿">
        
        <h3 id="kaifangshijie">开放世界的疲劳</h3>
        <p> 在各方面都比不过其他开放世界游戏<br>
        “少即是多 “的心态将大有裨益<br>
        长途奔波是目前最糟糕的游戏环节<br>
        《刺客信条：英灵殿》是一款非常合格的游戏。有太多优秀的内容让别的游戏无法模仿，后续的任何游戏也都不会对她由太大的影响。但当与其他开放世界相比，她发现自己几乎在每一个游戏环节中都有他们的影子。<br></p>
        
        <h3 id="tiyan">体验</h3>
        <p> 狩猎环节远不如《荒野大镖客2》那样的复杂，但也不如之前的《刺客信条》作品来得痛快。而在”探索“方面，与《地平线零：零之曙光》或《巫师3》等相比，“开放世界”则是一件很无聊的事情。对于战斗环节，虽然通过增加一系列武器来赋予游戏一定的深度，战斗感觉又太过于沉闷，甚至让我一度认为这是《对马岛之魂》的游戏补丁而不是《英灵殿》。<br>
    
        现代游戏在思考 “越大越好 ”方面有点问题，而《刺客信条》长期以来一直在这一方面饱受诟病。在十多年来第一次断更之后的复出，这个问题仍然没有得到解决，这实在是令人沮丧。<br>
    
        但是，《刺客信条：英灵殿》在小村庄中那短暂的游玩环节里大放异彩，你可以与各色NPC互动交谈，跟他们比酒量，甚至进行飞翔对决，而这本质上则是一场富有侮辱性的rap battle。对你没看错，rap battle，《重生之我在嘤格兰当维京说唱歌手的那些事》。<br>
    
        从游戏主题上来说，《英灵殿》肯定会被拿来与《战神》相比较，如果能向Kratos’ Midgard那种紧凑、集中的设计靠拢会更好。但是很可惜，本作急于展示《英灵殿》的育碧式地图，任务的出发点往往离进行任务的区域很远——有时甚至会去另一个新的区域开始任务，而这仅仅只是为了催促玩家去探索她那空洞的地图。<br>
    
        随着游玩的进展，当你解锁了足够多的快速旅行点后，你可以很大程度上避免无聊的长途奔波，但这是一个不应该存在的解决方案。你可以徒步，骑马，或者乘坐长艇进行探索，但育碧在设法将所有的游玩乐趣都取消掉。<br>
    
        在徒步赶路时，你有更多的机会发现丰富游戏剧情的线索，但想要获得小线索则需要付出大量时间。骑马可以加快赶路速度，但感觉缺乏维京人的个性，虽然可以马背上的战斗（快进到骑马与砍口），但多数时在马背上的感觉并不尽如人意。<br>
    
        同时，航船手感十分糟糕，其节奏不断被一些又得没得打乱，而且实际上似乎并不比你跑步快多少。骑马和航船最大的问题是，你可以设置它们自动前进到你的任务标记点（维京人黑科技-自动驾驶），但它们并不总是走最快最好的路线，而且从来没有更快地到达标记点。<br>
    
        虽然可以选择电影镜头进行游玩，且在航船时它的表现比较出色，但在骑马时，它就像一部学生拍业余电影，像《逐梦演艺圈》。它试图用徒劳的摇晃和跳动来表现任务动作，并且视角经常聚焦在马的屁股上！<br></p>
    
    
        <h3 id="wanfa">玩法</h3>
        <strong>如果你认为你在其他评价里看到了相似的，那就请跳过此段<br>
        游戏内容充满着幽默的空气<br>
        Eivor带领着整个游戏<br>
        可以选择女性Eivor<br></strong> 
        <p>《刺客信条：英灵殿》之所以在小村庄村庄中表现更好，得益于她的幽默性。从游戏性上来说，她可能逊于竞争对手，但她的机智和愿意做傻事的程度是首屈一指的。
    
        比如，你需要通过烧掉一个男人的房子来帮助他的弟弟硬起来，这样他和他的妻子就可以再一次回味他们的初夜，而这是这一幕穿插在一个抢劫任务中。
    
        Eivor也完美地契合了这种基调，他们做事干脆利落，但偶尔又很天真，非常巧妙地将敏锐的智商和直白的表达搭配在一起。《刺客信条IV：黑旗》中的爱德华·肯威一直是刺客家族中的害群之马，但在《英灵殿》中，他终于有了一个同类人一起当家族的“害群之马”。<br>
    
        游戏中，你可以选择扮演男性Eivor或女性Eivor，也可以选择 “默认 “的设定，游戏会在设定的时间按照Animus的选择在两种性别之间进行切换。但感觉育碧只是在试图解决一个自己制造的问题。女性Eivor在广告中几乎完全没有出现过，但是，当体验两个Eivor，感觉女性更适合游戏的剧情。<br>
    
        男性Eivor是一个非常”热闹“的生物，他充满了呐喊、嗜血和戏剧性。他是一个伟大的维京人，但他不是这个世界的维京人。男性Eivor可以说是太过融入他的同胞，而女性Eivor则从男维京人中脱颖而出。
    
        我觉得她更符合游戏的幽默感，更适合游戏的微妙台词，而且通过控制她进行对话互动会更有趣。感觉让女性Eivor成为唯一的主角会让游戏受益颇多，如果能看到《刺客信条：英灵殿》敢于坚持只用她一个人的话，会很有意思。<br></p> 
    
        <img src="刺客信条英灵殿03.jpg" alt="">
    
        <h3 id="ganxiang">感想</h3>
        <p> 亲爱的，我们制造了如此美丽的矛盾<br>
        不要把剧情想得太复杂<br>
        华丽，但有bug有点多（毕竟是ubi）<br>
        战斗会让人觉得有点混乱<br>
        无论你扮演的是哪一种Eivor，你很可能会发现游戏需要一段时间才能上手，但最终会甩掉沉重无聊的开放世界，进行更加流畅的体验。</p><br>
    
        <p> 你仍然需要进行长途跋涉，因为每一个任务的地图会越来越大，但一旦你在《英灵殿》找到了同步点，它们就会感觉不那么累赘。
    
        花了这么长时间才上手的主要原因是，游戏的剧情难以决定Eivor的人物定位，以及他们为什么还要战斗。你离开挪威不是因为迫害或悲剧，而是因为各族团结一致，宣布和平，而和平很无聊并且无法打架！
    
        因此，你驶向了英格兰，在那里你的目标是…… 团结各部族，宣布和平。是的，当然还有更重要的事要做，英灵殿面临着与西格德-艾弗尔之间的分歧，后者实际上是带头去英格兰的。
    
        节奏上也有一种屠口感，或许这种节奏很适合维京时代，但时快时慢又让人很恼火。并且，这种糟糕的屠口感在游戏中随处可见。<br>
    
        而战斗的部分看起来非常棒，尤其是当你解锁了特殊的武器和更多样的能力时，但这只是看起来，玩起来却十分混乱，你需要一直去思考分辨在你旁边的人是敌是友。
    
        同样，画面和视觉效果都很华丽，但游玩过程中也遇到了几个bug。甚至有两次游戏无响应，需要重启游戏；有一次在游玩中，系统告诉我身处禁区，但我仍然可以自由探索，抢夺收藏品；Eivor曾经在一次过场动画中被一支剧本外，突如其来的箭射中胸口，但在剧情上什么事都没有发生，他就胸口上插着那只箭蹦来蹦去。<br>
    
        打个比方：就像Eivor拒绝了刺客的信条，而《英灵殿》则将刺客信条的标志归咎于错误一样，这是一个充满矛盾的游戏。<br></p>
    
        <img src="刺客信条英灵殿04.jpg" alt="">
    
        <h3 id="jielun">结论</h3>
        <p> 《刺客信条》系列很少有十分糟糕的作品，《英灵殿》也不例外。它拥有一个体面的开放世界游戏的所有功能，即使她可能感觉更适合一个更小，更集中的体验。这个世界并不完全是空虚的，但由于有千千万万件基本上是重复的事情要玩家去做，她可也能让人感觉十分枯燥无聊。<br>
    
        育碧希望我们关心游戏中的巨大爆炸特效与游戏剧情上的细节，但是当面对那些不太重要但更令人感到轻松愉悦的小场景时，这就变得稍逊风骚了。
    
        追赶跑丢的猫咪，赢得说唱比赛和比赛和啤酒比在愤世嫉俗和虚伪的剧情下完成一系列近乎相同的袭击更有趣。
    
        如果你喜欢开放世界的游戏，你可能会喜欢上《刺客信条：英灵殿》，但她不太可能在这个类型的游戏中被赋予”杰作“的标签。Eivor是游戏的焦点，尤其是女性Eivor，又找回了从《黑旗》之后一直缺失的滑稽幽默之感。
    
        她仍然无法让这款游戏变得足够出彩，但她确实让这款游戏值得坚持玩下去，尽管游戏过程十分臃肿无聊。<br></p>
    
    </body>
    </html>

效果图如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MzUzOTYz_size_16_color_FFFFFF_t_70_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MzUzOTYz_size_16_color_FFFFFF_t_70_pic_center 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MzUzOTYz_size_16_color_FFFFFF_t_70_pic_center 2]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MzUzOTYz_size_16_color_FFFFFF_t_70_pic_center 3]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MzUzOTYz_size_16_color_FFFFFF_t_70_pic_center 4]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MzUzOTYz_size_16_color_FFFFFF_t_70_pic_center 5]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MzUzOTYz_size_16_color_FFFFFF_t_70_pic_center 6]

## 4.实现的功能： ##

1.p标签首行缩进2字符  
2.图片的显示（可自行调节大小）  
3.音频播放  
4.点击目录下的小标题，实现自动跳转

## 总结 ##

主要是加深对HTML的标签的了解以及记忆

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MzUzOTYz_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/b137d947424f44d8a8673d5df879b2f2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MzUzOTYz_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221120/1ceeb30c675b48c4943ba465dd402f75.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MzUzOTYz_size_16_color_FFFFFF_t_70_pic_center 2]: https://img-blog.csdnimg.cn/20201126183408136.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MzUzOTYz,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MzUzOTYz_size_16_color_FFFFFF_t_70_pic_center 3]: https://img-blog.csdnimg.cn/20201126183449732.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MzUzOTYz,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MzUzOTYz_size_16_color_FFFFFF_t_70_pic_center 4]: https://img-blog.csdnimg.cn/2020112618351323.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MzUzOTYz,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MzUzOTYz_size_16_color_FFFFFF_t_70_pic_center 5]: https://img-blog.csdnimg.cn/20201126183558625.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MzUzOTYz,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MzUzOTYz_size_16_color_FFFFFF_t_70_pic_center 6]: https://img-blog.csdnimg.cn/20201126183637862.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MzUzOTYz,size_16,color_FFFFFF,t_70#pic_center