自己创意构建一个网站主页。要求应包括:网站的标志、导航条、主题栏目、友情链接、跑马灯技术等。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>实验七</title>
<style type="text/css">
    .left{margin-left:5cm; margin-right:5cm}
    body{background-color:#39F}
</style>
</head>
<body>
<div class="left">
<div style="height:4cm; width:10cm; float:left">
    <font size="7">音乐的海洋</font>
</div>
<div style="height:4cm; float:right">
<br/>
 <form method="get" id="searchform" action="http://www.baidu.com/baidu" target="_blank" >
    <input type="hidden" name="sitesearch"  value="helunlixudong520.cn" />
    <input type="text"   name="word" class="box"  id="searched_content" title="在此输入搜索内容。" />
    <input type="submit" value="百度搜索" class="button" title="百度搜索!" />
    </form>
</div>
<table style="width:25cm">
<tr>
<th style="background-color:#F00"><a href="">亚洲音乐</a>
<th style="background-color:#FC0"><a href="">欧洲音乐</a>
<th style="background-color:#FF0"><a href="">非洲音乐</a>
<th style="background-color:#3F6"><a href="">北美洲音乐</a>
<th style="background-color:#3C9"><a href="">南美洲音乐</a>
<th style="background-color:#63C"><a href="">大洋洲音乐</a>
<tr/>
</table>
<div style="width:10cm; float:left">
<table style="width:25cm; height:8cm; float:left">
<h3>本网站排行榜:</h3>
<tr><a href=""></a></tr>
<tr><th style="width:5cm;background-color:#F00"><a href="" style="float:left">1.beyong——光辉岁月</a>
<th rowspan="5">
<p align="left">
    Beyond,中国香港摇滚乐队,由黄家驹、黄贯中、黄家强、叶世荣组成。<br/>
    Beyond的作品多以写实为主,内容反映社会时弊以及他们的所见所感。乐队注重原创,歌曲旋律部分坚持由乐队成员创作。<br/>
<marquee><h3>这是一支很棒的乐队!</h3></marquee><br/>
<marquee><h3>这是一支很棒的乐队!</h3></marquee><br/>
<marquee><h3>这是一支很棒的乐队!</h3></marquee><br/>
</p>
</tr>
<tr><th style="width:5cm;background-color:#FC0"><a href="" style="float:left">2.beyong——海阔天空</a></tr>
<tr><th style="width:5cm;background-color:#FF0"><a href="" style="float:left">3.beyong——喜欢你</a></tr>
<tr><th style="width:5cm;background-color:#3F6"><a href="" style="float:left">4.beyong——真的爱你</a></tr>
<tr><th style="width:5cm;background-color:#63C"><a href="" style="float:left">5.beyong——长城</a></tr>
</table>
</div>
</div>
</body>
</html>

效果:

0

Leave a Reply

Your email address will not be published.