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/">&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:[email protected][email protected]&[email protected]
&subject=问题反馈&body=写出你的问题">发送邮件</a>
    </p>
</body>
</html>

 

技术分享图片

技术分享图片

以上是关于Web前端学习阶段总结-------模仿百度页面的主要内容,如果未能解决你的问题,请参考以下文章

Web前端学习第十二天·fighting_HTML页面设计技巧总结

Web前端学习第十三天·fighting_HTML页面设计技巧总结

求WEB前端开发学习路线

HTML+CSS 阶段项目总结

web前端都学习哪些内容?

2023年总结的web前端学习路线分享(学习导读)