第三次作业：仿造百度网页

最新推荐文章于 2022-05-29 13:27:40 发布

是数学系的小孩儿

最新推荐文章于 2022-05-29 13:27:40 发布

阅读量244

点赞数

分类专栏：前端学习记录文章标签： css html

本文链接：https://blog.csdn.net/qq_51082388/article/details/117607654

版权

前端学习记录专栏收录该内容

31 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPR html>
<html>
	<head>
		<title>百度一下，你就知道</title>
<link  rel="stylesheet" href="main.css" type="text/css"/>
	</head>
	<body>
	<div style="text-align:left">
		<div class="menu">
			<a href="http://news.baidu.com">百度新闻</a>
			<a href="http://www.hao123.com">hao123</a>
			<a href="http://map.baidu.com">地图</a>
			<a href="http://v.baidu.com">视频</a>
			<a href="http://tieba.baidu.com">贴吧</a>
			<a href="https://passport.baidu.com/v2/?login&amp;tpl=mn&amp;u=http%3A%2F%2Fwww.baidu.com%2F">登录</a>
			<a href="http://www.baidu.com/gaoji/preferences.html">设置</a>
			<a href="http://www.baidu.com/more/">更多</a>
					
		</div>
	</div>

	

	<div class="middle">
		<form action="http://www.baidu.com/baidu" target="_blank">
			<a href="https://www.baidu.com/" target="_blank"  align="center">
				<img src="https://www.baidu.com/img/bd_logo1.png" alt="Baidu" class="img">
			</a>
			<br>
			<input type="text" class="input"  name="word">
			<input type="submit" value="百度一下" class="submit" href="https://www.baidu.com/" > 
		</form>
	</div>
	
	
	
	<div align="center" style="bottom:0;margin-top:300px;">
		<div>
			<p><a id="setf" href="//www.baidu.com/cache/sethelp/help.html" target="blank">把百度设为主页</a><p>
			<a href="http://home.baidu.com">关于百度</a>
			<a href="http://ir.baidu.com">About&nbsp;&nbsp;Baidu</a>
			<a href="http://e.baidu.com/?refer=888">百度推广</a></p>
			<p>@2021&nbsp;Baidu&nbsp;<a href="http://www.baidu.com/duty/">使用百度前必读</a>&nbsp;<a href="http://jianyi.baidu.com/">意见反馈</a>&nbsp;京ICP证030173号&nbsp;</p>
			<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001" target="_blank">京公网安备11000002000001号</a>
		</div>
	</div>
	</body>
</html>

body{
				height:100%; 
				width:100%;  
				margin:0; 
				padding:0;
			}
			
			.main{
				width:100%; 
				height:100%;
				margin:0; 
				padding:0;
			}
			
			.menu{
				text-align:right;
			}
			
			a{
				text-decoration:none;
			}
			
			.middle{
				text-align:center;
				width:100%; 
				height:100px;
				margin-top:130px;
			}
			
			.input{
				    border: 1px solid #b6b6b6;
				width:474px;
				height:36px;
				font-size:20px;
			}
			.img{
				align:middle;
				border:0;  
				width:275px;
				height:140px;
			}
			.submit{
				background-color:#3385ff;
				height:38px;
				font-size:20px;
				color:white;
				border:0
			}

致谢杨：告诉我很简单，让我有了信心
在这里插入图片描述

是数学系的小孩儿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
第三次作业：仿造百度网页

<!DOCTYPR html><html> <head> <title>百度一下，你就知道</title><link rel="stylesheet" href="main.css" type="text/css"/> </head> <body> <div style="text-align:left"> <div class="menu"> <a h.
复制链接

扫一扫