购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.3 综合实例:人物介绍网页

电子游戏是一种逐渐走向成熟的媒体形式和艺术形式,《古剑奇谭》是一款优秀的国产游戏,其中融合了大量传统文化元素,是古典文化与现代科技完美结合的典范。本节将制作一个图1-13所示效果的游戏人物介绍网页,作为对整章内容的总结和复习。

图1-13 游戏人物介绍网页

在“记事本”中输入以下代码(请注意代码的层次关系和结构,尤其注意开始标记符和结束标记符的一一对应),并将其保存为HTML文件,同时确保网页文件所在的文件夹中包含“百里屠苏.jpg”这个图片文件。

<html>
 <head><title> 百里屠苏简介</title></head>
 <body>
 <h1> 百里屠苏<img src=" 百里屠苏.jpg" align="right"></h1>
<!-- h1,h2,h3,...,h6是标题标记符,用以表示网页中的大小标题,从而建立文档的逻辑结构 -->
<!-- img标记符用于在网页中插入图片,src属性指定目标文件,align属性指定对齐方式 -->
 <h2> 简介</h2>
 <hr>
<!-- hr标记符用于生成一条水平线,常常用于作为内容的分割符 -->
 <p>上海烛龙研发的单机游戏《古剑奇谭:琴心剑魄今何在》第一男主角,贯穿游戏主题,为故事灵魂“琴心剑魄”之“剑魄”。</p>
<!-- p标记符用于表示网页中的文本段落,一般而言所有的段落都应放到p标记符中 -->
 <p>原名韩云溪,太子长琴半身。幼时经历灭族之灾,本来已死去,但因体内被封进了太子长琴一半魂魄而得以死而复生。身怀凶剑焚寂的煞气,在某次煞气发作中被紫胤真人所救,后拜入昆仑山天墉城,以“屠绝鬼气,苏醒人魂”之意更名为“百里屠苏”。</p>
 <p>十年后,他为寻找灭族仇人而离开天墉城,踏上了漫漫征途。</p>
 <h2> 名称由来</h2>
 <hr>
 <p>屠苏之名,取自一种药草,也指一种酒。据说药王孙思邈以屠苏草入酒,因此有了屠苏酒。这种酒能辟邪防病。后世人们在除夕的夜晚喝屠苏酒以辞岁,希望屠苏酒辟邪防病的效果能带来健康而平安的新年,最终便有了“年年岁末饮屠苏”的年节习俗。百里屠苏的名字,其实并非主角的原名,而是他遭逢变故以后自己为自己取的新名,他希望能够拥有如同屠苏酒一般祛邪的能力,以保护身边的亲人。</p>
 <h2>人物关系</h2>
 <hr>
 <p>父亲:百里巫祝(NPC对话中有提到)<br>
<!-- br标记符用于在同一个段落内将行打断,形成换行的效果 -->
母亲:韩休宁<br>
师尊:紫胤真人<br>
同门:陵越(师兄)、芙蕖(师妹)、陵端(师弟)、肇临等<br>
爱人(妻子):风晴雪<br>
好友:方兰生、襄铃、红玉、尹千觞<br>
宿敌(半身):欧阳少恭<br>
宠物:阿翔</p>
 <h2> 技能</h2>
 <hr>
<h3>飞羽凌杀</h3>
<p> 和爱鸟阿翔合力制敌的奇招,往往能趁敌不备,出奇制胜!<br>
耗值:15点气、2行动点数<br>
效果:与阿翔协力发动的特技攻击,敌方单体</p>
<h3>玄真剑</h3>
<p>习自师门的道家剑术,看似简单,但其中奥妙无穷!<br>
耗值:22点气、2行动点数<br>
效果:剑技攻击,敌方全体<br>
<h3>毁殇</h3>
<p>以自伤为代价,将体内凶戾之气融入天墉剑术的招式,非常凶煞!<br>
耗值:4点气、2行动点数<br>
效果:消耗自身精元发动强力攻击,敌方单体(终结技)</p>
 </body>
</html>
说明

以上实例中,加粗的注释语句解释了部分HTML标记符和属性的用法(输入代码时可以忽略),详细信息请参见本书的第2章和第4章。 MPGsWZP12guDMOKq1ldfEt5hUz7TDeuKby+WrfeY/mCejJmB6CQa4CIJWOnVLoQE

点击中间区域
呼出菜单
上一章
目录
下一章
×