以“百度”首页为模板,设计百度仿真页面,效果如:
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>模仿百度</title>
</head>
<body>
<p align="right">
<a href="http://news.baidu.com/">新 闻</a>
<b>网 页</b>
<a href="https://tieba.baidu.com/index.html" title="贴吧">贴 吧</a>
<a href="https://map.baidu.com/"title="地图">地 图</a>
<a href="http://v.baidu.com/"title="视频">视 频</a>
<a href="http://music.taihe.com/">音 乐</a>
<a href=""title="知道">知 道 </a>
<a href="https://image.baidu.com/" title="图片">图 片</a>
</p>
<hr>
<p align="center"><img height="150" width="400" border="0" src="bd_logo1.png"></p><br>
<p align="center">
<input type="text" size="70">
<input type="button"name="baidu" value="百度一下">
</p>
<p align="center">问题反馈请<a href="mailto:xxxx1@qq.com?cc=xxxx48754@qq.com&bcc=4848@qq.com
&subject=问题反馈&body=写出你的问题">发送邮件</a>
</p>
</body>
</html>
更多专业前端知识,请上 【猿2048】www.mk2048.com