Code HTML:
<! DOCTYPE html>
<title> Baidu a bit, you know </title>
<meta charset= "UTF-8"/>
<meta name= "keywords" content= "keywords" >
<meta name= "description" content= "description" >
<meta name= "viewport" content= "width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0;" >
<link rel= "shortcut icon" href= "Img/favicon.ico" type= "Image/x-icon"/>
<link rel= "stylesheet" type= "Text/css" href= "Baidu.css" >
<body>
<div class= "Wrpper" >
<nav>
<a href= "http://news.baidu.com/" > News </a>
<a href= "http://www.hao123.com/" >hao123</a>
<a href= "http://map.baidu.com/" > Map </a>
<a href= "http://v.baidu.com/" > Video </a>
<a href= "http://tieba.baidu.com/" > Paste </a>
<a href= "Https://passport.baidu.com/v2/?login&tpl=mn&u=http%3A%2F%2Fwww.baidu.com%2F" > Login </a >
<a href= "javascript:;" > Settings </a>
<a href= "javascript:;" > More Products </a>
</nav>
<div class= "Content" >
<form action= "https://www.baidu.com/s" method= "get" target= "_blank" >
<input type= "text" name= "WD" >
<button type= "Submit" > Baidu </button>
</form>
</div>
<footer>
<p>
<a href= "https://www.baidu.com/cache/sethelp/help.html" > Baidu Set homepage </a>
<a href= "http://home.baidu.com/" > About Baidu </a>
<a href= "http://ir.baidu.com/" >about baidu</a>
</p>
<p>
<span>©2016 baidu</span>
<!--text with span tags for easy modification--
<a href= "http://www.baidu.com/duty/" > Use Baidu before must read </a>
<a href= "http://jianyi.baidu.com/" > Feedback </a>
<span> Beijing ICP No. No. 030173 </span>
</p>
</footer>
</div>
</body>
--------------------------------------------------------------------------------------------------------------- ---------------------
Css:
body{
font:12px Arial;
}
header{
Overflow:hidden;
}
Header nav{
width:400px;
Float:right;
}
Header nav a{
margin-left:15px;
}
/* Body part */
. content{
Text-align:center;
}
. Content img{
width:270px;
height:129px;
}
. Content input{
width:450px;
height:34px;
}
. Content button{
width:100px;
height:38px; has a default 2px border
}
footer{
padding-top:10px;
}
Footer p{
Text-align:center;
}
Simple version Baidu homepage
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
