如何用html制作百度首页

2020-03-24 18:26:21

字体：大中小

来源：转载

供稿：网友

本篇文章适用与刚学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 align= center  img alt= 百度 src= ../images/baidu.gif height= 60px; width= 120px; /  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 align= center  form action=  input type= text name= wd size= 50 height= 20px; width= 50px;  input type= submit value= 百度一下  /form  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/ 更多 /a  /font  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= /uploads/allimg/190523/151Q31138-1.gif /p  /font  /body  /html

总结：

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