day4---居中及个人制作

今天打开了个百度页面，心血来潮，想想能不能运用仅有的知识，构建这个页面来。动了下小手。

在HTML文件中用多个div标签和a标签构建关键字及超链接

<div>
		<ul style="float: right;">
			<li style="float: right;"><a href="http://news.baidu.com/">新闻</a>
				<li style="float: right;"><a href="https://www.hao123.com/">hao123</a>
					<li style="float: right;"><a href="https://map.baidu.com/">地图</a>
						<li style="float: right;"><a href="http://v.baidu.com/">视频</a>
							<li style="float: right;"><a href="https://tieba.baidu.com/index.html">贴吧</a>
								<li style="float: right;"><a href="http://xueshu.baidu.com/">学术</a>
									<li style="float: right; color: gray;">登录
										<li style="float: right;color: gray">设置</li>
									</li>
								</li>
							</li>
						</li>
					</li>
				</li>
			</li>
		</ul>
	</div>

在CSS文件中将他们彼此分开出距离。

li{
	margin-right: 40px;
}

设置和登录两项因技术有限暂时还未能调整好，日后完善。

接下来是百度的Logo，去网上找了张图片然后用img标签以及a标签，使得点击Logo可以超链接到另一个页面。
在HTML中

<div class="baidu">
		<a href="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=0&rsv_idx=1&tn=baidu&wd=%E4%BB%8A%E6%97%A5%E6%96%B0%E9%B2%9C%E4%BA%8B&rsv_pq=b151137b0003d612&rsv_t=c9	f2si1YmMvLycQyLUFs2XD6xyt4X6X89%2Fouuh%2Fl8SX4qmFk1Kl%2Foeo69BY&rqlang=cn&rsv_enter=1&rsv_sug3=6&rsv_sug1=4&rsv_sug7=101"target="blank" >
		<img src="百度.jpg" alt="baidu" title="点击了解一下" width="300px"></a>
	</div>

在CSS文件中

.baidu{
	width: 300px;
	height: 300px;
	line-height: 300px;
	margin: 0 auto;
}

调整Logo的格式，以及将Logo居中。

然后是一个搜索功能。

<form action="get" action="" style="text-align: center;">
		<input type="text" style="width: 350px;font-weight: 350px;">
		<input type="submit" value="百度一下">
	</form>

做完的我发现跟“真”百度差距相当大，还有很多没学的和不足的，接下来继续加强知识，继续学习！

——-在努力，再努力