如何用html制作百度首页
程序员文章站
2022-03-24 19:43:40
...
本篇文章适用与刚学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/">更多>></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>©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>
总结:
看似简单,当我们写起来的时候就感觉跟我学起来的完全不一样呢!多加练习有助于我们更快学习。
相关推荐:
以上就是如何用html制作百度首页的详细内容,更多请关注其它相关文章!
下一篇: 手机内存卡无法格式化 PHP数字格式化
推荐阅读
-
不懂SEO优化,如何用云指建站把网站排名做到百度首页
-
仿百度图片首页--HTML+CSS练手项目1【Table】
-
HTML连载31-制作一个百度首页
-
[使用Html5 CfxixiJS制作APP]如何用iscroll制作水平滚动的List布局
-
html定位 & 细致模仿百度首页
-
前端学习笔记(五)HTML+CSS静态页面实战案例:幸福西饼首页和百度首页
-
不懂SEO优化,如何用云指建站把网站排名做到百度首页
-
HTML连载31-制作一个百度首页
-
您所查看的网页不允许百度保存其快照的设置方法_HTML/Xhtml_网页制作
-
Marquee标记在XHTML代码中该如何用_HTML/Xhtml_网页制作