仿百度首页

发表于

  代码下所示:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<html>
<head>
<title>百度首页</title>
<style>
.img1{position:absolute;left:40.5%;top:15%}
.img2{position:absolute;left:42.8%;top:50%}
.table1{position:absolute;left:32%;top:35%}
.p1{position:absolute;font-size:13px;font-weight:bold;color:#000000;top:3%;right:5%}
.p2{position:absolute;font-size:18px;top:72%;left:45.5%}
.p3{position:absolute;text-align:center;color:#999999;font-size:15px;left:43.6%;top:76%}
.p4{position:absolute;text-align:center;color:#999999;font-size:8px;left:39%;bottom:13%}
.p5{position:absolute;text-align:center;color:#999999;font-size:8px;left:32%;bottom:8%}
a {
	color:#999999
}

</style>
</head>
<body>
	<div class=p1>
		<a href="http://news.baidu.com/">新闻</a>&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="https://www.hao123.com/">hao123</a>&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="https://map.baidu.com/@12285964.33,2409313.63,12z">地图</a>&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="http://v.baidu.com/">视频</a>&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="https://tieba.baidu.com/index.html">贴吧</a>&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="http://xueshu.baidu.com/">学术</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<u>登陆</u>&nbsp;&nbsp;&nbsp;&nbsp;<u>设置</u>
	</div>
	<div class=img1>
		<img class=img1 src="baidu.png" align="center" usemap="#Map">
		<map name="Map">
	<area shape="rect" coords="20,10,250,100" href="https://www.baidu.com/s?wd=%E4%BB%8A%E6%97%A5%E6%96%B0%E9%B2%9C%E4%BA%8B&tn=SE_PclogoS_8whnvm25&sa=ire_dl_gh_logo&rsv_dl=igh_logo_pcs">
	</div>
	<br />


	<table width="470" class=table1 >
		<tr>
		  <td><input name="text" type="text" maxlength="60" size="60" width="10mm"></td>
		  <td><input name="submit" type="submit" value="百度一下"></td>
		</tr>
	</table>

	<div class=img2><img src="erweima.png"></div>
	<div class=p2>下载百度APP</div>
	<div class=p3>有事搜一搜&nbsp;&nbsp;没事看一看</div>
	<br />

	<div class="p4">
		<a href="https://www.baidu.com/cache/sethelp/help.html">把百度设为主页</a>&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="http://home.baidu.com/">关于百度</a>&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="http://ir.baidu.com/">About Baidu</a>&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="http://e.baidu.com/ebaidu/home?refer=888">百度推广</a>
	</div>
	
	<p class="p5">
	&copy;2019&nbsp;Baidu<a href="https://www.baidu.com/duty/">使用百度前必读</a>&nbsp;
	<a href="https://www.baidu.com/duty/">意见反馈</a>&nbsp;京ICP证030173号&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001">京公网安备11000002000001</a>
	</p>
</body>
</html>

  PS：部分功能尚不能实现