怎样用html制作baidu首页-百分百源码网

怎样用html制作baidu首页

发布时间：09/01 来源：未知浏览：关键词：

本篇文章适用与刚学html和css，练习一个比力简便的baidu首页，由于baidu的主页比力简便，大约分为三个部分：右上角的标签、Logo和表单、下面的版权信息。关于刚开端想要检测学习成果是一个不错的好办法，熟练后再去尝试写一些复杂的html网页。

下面是html制作baidu首页的源码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>baidu一下，你就知道</title>
</head>
<body>
<p align="right">
<font color="blue" size="2">
<a href="http://www.baidu.com/gaoji/preferences.html">搜索设定</a>
|<a href="http://passport.baidu.com">登陆</a>
|<a href="https://passport.baidu.com">注册</a>
</font>
</p>
<p align="center">
<img alt="baidu" src="../images/baidu.gif" height="60px;" width="120px;"/>
</p>
<p align="center">
<font color="blue" size="2">
<a href="http://news.baidu.com">新闻</a>
<font color="black"><b>网页</b></font>
<a href="http://tieba.baidu.com">贴吧</a>
<a href="http://zhidao.baidu.com">知道</a>
<a href="http://mp3.baidu.com">MP3</a>
<a href="http://image.baidu.com">图片</a>
<a href="http://video.baidu.com">视频</a>
<a href="http://map.baidu.com">地图</a>
</font>
</p>
<p align="center">
<form action="">
<input type="text" name="wd" size="50" height="20px;" width="50px;">
<input type="submit" value="baidu一下">
</form>
</p>
<p align="center">
<font color="blue" size="2">
<a href="http://hi.baidu.com">空间</a>
<a href="http://baike.baidu.com">百科</a>
<a href="http://www.hao123.com">hao123</a>
<a href="/more/">更多&gt;&gt;</a>
</font>
</p>
<br/><br/><br/><br/><br/><br/>
<p align="center">
  <font color="blue" size="2">
<p><a href="http://utility.baidu.com">把baidu设为主页</a>
   <a href="">把baidu加为珍藏夹</a></p>
<p><a href="http://top.baidu.com">搜索风云榜</a>
   <a href="http://home.baidu.com">关于baidu</a>
   <a href="http://ir.baidu.com">About Baidu</a></p>
<p>&copy;2017年10月21日 baidu <a href="/duty">使用baidu前必读</a>
   <a href="http://www.niibeian.gov.cn">北京ICP证030173号</a>
   <img src="/uploads/allimg/200930/gs1274.gif"></p>
  </font>
</p>
</body>
</html>

总结：

看似简便，当我们写起来的时候就感受跟我学起来的完全不一样呢！多加练习有助于我们更快学习。

相关引荐：

站点首页是404Not Found

用360能翻开首页，用谷歌就打不开！

模板首页出不来

以上就是怎样用html制作baidu首页的具体内容，更多请关注百分百源码网其它相关文章！

打赏