Web前端学习阶段总结-------模仿百度页面
Posted czsy
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Web前端学习阶段总结-------模仿百度页面相关的知识,希望对你有一定的参考价值。
以“百度”首页为模板,设计百度仿真页面,效果如:
代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模仿百度</title> </head> <body> <p align="right"> <a href="http://news.baidu.com/">新 闻</a> <b>网 页</b> <a href="https://tieba.baidu.com/index.html" title="贴吧">贴 吧</a> <a href="https://map.baidu.com/"title="地图">地 图</a> <a href="http://v.baidu.com/"title="视频">视 频</a> <a href="http://music.taihe.com/">音 乐</a> <a href=""title="知道">知 道 </a> <a href="https://image.baidu.com/" title="图片">图 片</a> </p> <hr> <p align="center"><img height="150" width="400" border="0" src="bd_logo1.png"></p><br> <p align="center"> <input type="text" size="70"> <input type="button"name="baidu" value="百度一下"> </p> <p align="center">问题反馈请<a href="mailto:[email protected][email protected]&[email protected] &subject=问题反馈&body=写出你的问题">发送邮件</a> </p> </body> </html>
以上是关于Web前端学习阶段总结-------模仿百度页面的主要内容,如果未能解决你的问题,请参考以下文章
Web前端学习第十二天·fighting_HTML页面设计技巧总结