文档介绍:web前端技术实验报告实验二
D
图一:开始界面
点击上方的不同文字链接进入不同的查看页面。如图为专辑介绍页:
图二:介绍专辑主页
如图为演艺经历介绍页:
图三:介绍演艺经历
如图为人物评价介绍页:
图四:介绍人物评价
如图为获奖记录介绍页:
图五:介绍页获奖记录
五、实验代码
主要代码:
主页:
<html>
<head>
<title>李弘基资料卡</title>
<link href="" rel="stylesheet">
<style type="text/css"/>
a:link{color:#FFF;}
a:visited{color:#FFF;}
a:hover{color:#CCC;}
a:active{color:#333;}
</style>
</head>
<body>
<div id="Container">
<div id="Header">
<center><span><font face="幼圆" size="+2">首页</font></span>
<span><font face="幼圆" size="+2" color="#FFF">|</font></span>
<span><font face="幼圆" size="+2"><a href="">专辑</a></font></span>
<span><font face="幼圆" size="+2" color="#FFF">|</font></span>
<span><font face="幼圆" size="+2"><a href="">获奖记录</a></font></span>
<span><font face="幼圆" size="+2" color="#FFF">|</font></span>
<span><font face="幼圆" size="+2"><a href="">演艺经历</a></font></span>
<span><font face="幼圆" size="+2" color="#FFF">|</font></span>
<span><font face="幼圆" size="+2"><a href="">人物评价</a></font></span></center>
</div>
<div id="PageBody">
<div id="left"></div>
<div id="right"></div>
<div id="MainBody"><img src="" alt="" width="1000" border="0"></div>
</div>
<div id="Footer"></div>
</div>