学习html的小成果,非常简单的新标签页。
代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-cn" />
<style type="text/css">
img{width:240px;height:180px}
form{position:absolute;top:48%;left:40.5%}
table{width:100%;height:100%}
.p1,.p4,.p5,.p8{margin-left:50px}
.p1,.p4{margin-top:55px}
.p5,.p8{margin-bottom:55px}
.p3,.p2{margin-top:1px,margin-left:50px}
.p6,.p7{margin-bottom:1px,margin-left:50px}
.p4,.p8{margin-left:50px}
</style>
</head>
<body class="bo_dy" background="bg.jpg">
<table border="0">
<tr>
<td>
<p class="p1" >
<a href="http://music.163.com/">
<img src="2.png">
</a>
</p>
</td>
<td>
<p class="p2" >
<a href="http://www.acfun.tv">
<img src="3.png">
</a>
</p>
</td>
<td>
<p class="p3">
<a href="http://www.bilibili.com/">
<img src="4.png">
</a>
</p>
</td>
<td>
<p class="p4">
<a href="http://bt.byr.cn/index.php">
<img src="1.png">
</a>
</p>
</td>
</tr>
<tr>
<td>
<p class="p5">
<a href="http://www.twitch.tv/directory/game/League%20of%20Legends">
<img src="5.png">
</a>
</p>
</td>
<td>
<p class="p6">
<a href="http://www.douyutv.com/directory/game/LOL">
<img src="6.png">
</a>
</p>
</td>
<td>
<p class="p7">
<a href="https://www.youtube.com">
<img src="7.png">
</a>
</p>
</td>
<td>
<p class="p8">
<a href="https://plus.google.com/">
<img src="8.png">
</a>
</p>
</td>
</tr>
</table>
<form action="http://www.baidu.com/baidu" target="_blank">
<table border="0"><tr><td>
<input name=tn type=hidden value=baidu>
<a href="http://www.baidu.com/"></a>
<input type=text name=word size=30 baiduSug=1>
<input type="submit" value="搜索" style="display:none">
</td></tr></table>
</form>
</body>
</html>
效果:
没有评论:
发表评论