<html>
<head>
<title>百度一下,你就知道</title>
<meta charset="UTF-8"/>
<!--引入外部声明的css文件-->
<link rel="stylesheet" type="text/css" href="css/baidu.css"/>
<!--引入网页标题,就是左上角的那个小图片-->
<link href="img/title.ico" rel="shortcut icon"/>
</head>
<body>
<div id="header">
<ul id="header-nav"><!--命名规则:父-自己的id-->
<li><a href="新闻"></a></li>
<li><a href="">hao123</a></li>
<li><a href="">地图</a></li>
<li><a href="">视频</a></li>
<li><a href="">贴吧</a></li>
<li><a href="">学术</a></li>
<li><a href="">登录</a></li>
<li><a href="">设置</a></li>
</ul>
</div>
<div id="main">
<img id="img-logo"src="img/5f8dcf06d74b796a51269303a0d2e07b_bd_logo1.jpg"width="270px" height="129px"/>
<form action="https://www.baidu.com/s" method="get"><br />
<input type="text" name="wd" id="" value="" />
<input type="submit" name="" id="" value="百度一下" />
</div>
<div id="footer">
<img src="img/10.jpg"/>
</div>
</body>
</html>