如何用html制作百度首页

互联网 18-5-9

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

下面是html制作百度首页的源码

<!DOCTYPE html>  <html>  <head>  <meta charset="UTF-8">  <title>百度一下，你就知道</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="百度" 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="百度一下">  </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">把百度设为主页</a>     <a href="">把百度加为收藏夹</a></p>  <p><a href="http://top.baidu.com">搜索风云榜</a>     <a href="http://home.baidu.com">关于百度</a>     <a href="http://ir.baidu.com">About Baidu</a></p>  <p>&copy;2017年10月21日 百度 <a href="/duty">使用百度前必读</a>     <a href="http://www.niibeian.gov.cn">北京ICP证030173号</a>     <img src="http://gimg.baidu.com/img/gs.gif"></p>    </font>  </p>  </body>  </html>

总结：

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

相关推荐：

站点首页是404Not Found

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

模板首页出不来

以上就是如何用html制作百度首页的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签：百度