码迷,mamicode.com
首页 > Web开发 > 详细

Web前端学习阶段总结-------模仿百度页面

时间:2018-07-23 14:47:30      阅读:663      评论:0      收藏:0      [点我收藏+]

标签:index   视频   meta   技术分享   web前端   ima   val   --   amp   

以“百度”首页为模板,设计百度仿真页面,效果如:

 

 

技术分享图片

技术分享图片

技术分享图片代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模仿百度</title>
</head>
<body>
    <p align="right">
        <a href="http://news.baidu.com/">&nbsp;</a>&nbsp;&nbsp;
        <b>&nbsp;</b>&nbsp;&nbsp;
        <a href="https://tieba.baidu.com/index.html" title="贴吧">&nbsp;</a>&nbsp;&nbsp;
        <a href="https://map.baidu.com/"title="地图">&nbsp;</a>&nbsp;&nbsp;
        <a href="http://v.baidu.com/"title="视频">&nbsp;</a>&nbsp;&nbsp;
        <a href="http://music.taihe.com/">&nbsp;</a>&nbsp;&nbsp;
        <a href=""title="知道">&nbsp;&nbsp;</a>
        <a href="https://image.baidu.com/" title="图片">&nbsp;</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:xxxx1@qq.com?cc=xxxx48754@qq.com&bcc=4848@qq.com
&subject=问题反馈&body=写出你的问题">发送邮件</a>
    </p>
</body>
</html>

 

技术分享图片

技术分享图片

Web前端学习阶段总结-------模仿百度页面

标签:index   视频   meta   技术分享   web前端   ima   val   --   amp   

原文地址:https://www.cnblogs.com/czsy/p/9354051.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!