前端入门体验-如何做一个仿百度主页

废话不多讲,直接上源码

<html>
<head>
<meta charset="utf-8">
<title>百度一下,你就知道</title>
<meta name="Nathan Xu" content="百度">
<meta http-equiv="refresh" content="30">
	<style type="text/css"> 
		p1{color:grey}</style>
</head>
<body bgcolor="white" link="black" vlink="black" alink="blue" text="black"> 
	<div align="right">
	<a href="http://news.baidu.com/"  target="_blank" style="text-decoration:none;"><b>新闻</b></a>&emsp;
	<a href="https://www.hao123.com/" target="_blank" style="text-decoration:none;"> <b>hao123</b></a>&emsp;
	<a href="https://map.baidu.com/@12854318.52,4677433.4,12z" target="_blank" style="text-decoration:none;"><b>地图</b></a>&emsp;
	<a href="http://v.baidu.com/" target="_blank" style="text-decoration:none;"> <b>视频</b></a>&emsp;
	<a href="https://tieba.baidu.com/index.html" target="_blank" style="text-decoration:none;"> <b>贴吧</b></a>&emsp;
	<a href="http://xueshu.baidu.com/" target="_blank" style="text-decoration:none;"> <b>学术</b></a>&emsp;
	<a href="https://passport.baidu.com/v2/?login" target="_blank" style="text-decoration:none;"> <b>登录</b></a>&emsp;
	<a href="https://www.baidu.com/" target="_blank" style="text-decoration:none;"> <b>设置</b></a> &emsp;            
	<a href="https://www.baidu.com/more/" target="_blank" style="text-decoration:none;" ><button type="button" style="background-color:#3388FF;width: 80px;height:25px;color: white;border: none"> <b>更多产品</b></button></a>
</div>
	<div align="center"><a href="https://www.baidu.com/s?wd=%e6%96%b0%e4%b8%ad%e5%9b%bd%e6%88%90%e7%ab%8b70%e5%91%a8%e5%b9%b4&sa=ire_dl_gh_logo&rsv_dl=igh_logo_pcs" target="_blank"><img src="https://www.baidu.com/img/dong_a16028f60eed614e4fa191786f32f417.gif" width="300" height="150" alt="百度图标"/></a></div>
	<div align="center">
	 <form action="https://www.baidu.com/s" method="get">
		<input type="text" name="word" target="_blank" style="width: 700px;height: 45px;border:solid #CCCCCC 1px;font-size: 30px;">
		<input type="submit" value="百度一下" target="_blank" style="border: none;background-color:#3385FF;color: white;font-size: 20px;font: normal;width: 120px;height: 50px;position: relative;top: -2px;left: -4px">
	</form><br><br><br><br>
		  <img src="百度app二维码.png" width="148" height="147" alt="百度app二维码"/><br>
			<font size="4">下载百度APP</font><br>
			<font size="4">有事搜一搜  没事看一看</font><br><br><br>
<div align="center">
			<a href="https://www.baidu.com/cache/sethelp/help.html"><p1><font size="3">把百度设为主页</font></p1></a>&emsp;
				    <a href="http://home.baidu.com/"><p1><font size="3">关于百度</font></p1></a>&emsp;
				    <a href="http://ir.baidu.com/"><p1><font size="3">About  Baidu</font></p1></a>&emsp;
					<a href="http://e.baidu.com/?refer=888"><p1><font size="3">百度推广</font></p1></a><br>&emsp;
		            <p1><font size="3">©2019 Baidu</font></p1>
		            <a href="https://www.baidu.com/duty/"><p1><font size="3">使用百度前必读</font></p1> </a>
                    <a href="http://jianyi.baidu.com/"><p1><font size="3">意见反馈</font></p1></a>  <p1><font size="3">京ICP证030273号</font></p1>
					<img src="1.png" align="middle" width="20" height="23" alt="图标"/>&emsp;
                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001"><p1><font size="3">京公网安备11000002000001号</font></p1></a>
                    <img src="2.png" align="middle" width="20" height="23" alt="图标"/></div>
</body>
</html>

他的结果是这样的

在这里插入图片描述

不多说,需要的自取即可!

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值