Home > Article > Web Front-end > How to make Baidu homepage with html

How to make Baidu homepage with html

墨辰丷Original: 2018-05-09 12:26:2012760browse

本篇文章适用与刚学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能打开首页，用谷歌就打不开！

模板首页出不来

The above is the detailed content of How to make Baidu homepage with html. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：How to lay out a web page when writing htmlNext article：How to lay out a web page when writing html

See more

How to make Baidu homepage with html

Related articles