html仿百度首页 野性酷女 2022-09-04 04:39 157阅读 0赞 <!DOCTYPE html> <html> <head> <title>百度页面</title> <style> .searchBox{ background-image:url("3.png"); background-repeat:no-reapeat; padding-left:20px; } </style> </head> <body> <!-- 顶部设置 --> <!-- ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ --> <p align="right"> <a href="www.baidu.com"><font color="#000000" face="隶书" size="3"><b>新闻</b></font></a>   <a href="www.baidu.com"><font color="#000000" face="隶书" size="3"><b>hao123</b></font></a>   <a href="www.baidu.com"><font color="#000000" face="隶书" size="3"><b>地图</b></font></a>   <a href="www.baidu.com"><font color="#000000" face="隶书" size="3"><b>视频</b></font></a>   <a href="www.baidu.com"><font color="#000000" face="隶书" size="3"><b>贴吧</b></font></a>   <a href="www.baidu.com"><font color="#000000" face="隶书" size="3"><b>学术</b></font></a>   <a href="www.baidu.com"><font color="#000000" face="隶书" size="3">登录</font></a>   <a href="www.baidu.com"><font color="#000000" face="隶书" size="3">设置</font></a>   <a href="www.baidu.com" style="background:#1E90FF;color:white;text-decoration:none"><font face="隶书" size="3" >更多产品</font></a> </p><br><br><br><br> <!-- 顶部设置 --> <!-- ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ --> <center> <!-- 百度主页图片 --> <!-- ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ --> <p><img src="E:\RuiDeJY\8.28HTML入门\HTML入门第一节\网页案例\1.png" name="baidu" width="270px" title="点击一下,了解更多" alt="百度"/></p> <!-- 百度主页图片 --> <!-- ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ --> <!-- 搜索部分 --> <!-- ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ --> <p> <input type="text" style="width:650px; height:38px; vertical-align:middle; bordercolor:#1E90FF; "/> <input type="button" value="百度一下" style="background:#1E90FF;face:宋体;font-size:15; color:#FFFFFF; border:none; width:100px; height:40px; margin-left:-5px; vertical-align:middle;"> </p><br><br><br><br><br><br><br><br><br><br> <!-- 搜索部分 --> <!-- ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ --> <!-- 二维码 --> <!-- ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ --> <p> <img src="E:\RuiDeJY\8.28HTML入门\HTML入门第一节\网页案例\2.png" name="erweima" width="60px"/><br/> <font size="2 " color="#696969"><b>手机百度</b></font> </p> <!-- 二维码 --> <!-- ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ --> <!-- 底部设置 --> <!-- ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ --> <p> <a href="www.baidu.com" ><font size="2" face="隶书" color="#808080">把百度设为主页</font></a>  <a href="www.baidu.com" ><font size="2" face="隶书" color="#808080">关于百度</font></a>  <a href="www.baidu.com" ><font size="2" face="隶书" color="#808080">About Baidu</font></a>  <a href="www.baidu.com" ><font size="2" face="隶书" color="#808080">百度推广</font></a> <p> <p> <font size="2" face="隶书" color="#808080">@copy2017 Baidu</font> <a href="www.baidu.com" ><font size="2" face="隶书" color="#808080">使用百度前必读</font></a>  <a href="www.baidu.com" ><font size="2" face="隶书" color="#808080">意见反馈</font></a>  <font size="2" face="隶书" color="#808080">京ICP证030173号</font> <img src="E:\RuiDeJY\8.28HTML入门\HTML入门第一节\网页案例\3.png"/ width="16px" height="20px"> <a href="www.baidu.com" ><font size="2" face="隶书" color="#808080">京公网安备1100000200001号</font></a>  <img src="E:\RuiDeJY\8.28HTML入门\HTML入门第一节\网页案例\4.png"/ width="17px" height="20px"> <p> <!-- 底部设置 --> <!-- ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ --> </center> </body> </html>
还没有评论,来说两句吧...