admin 管理员组

文章数量: 1184232

html,模仿制作百度首页

模仿百度首页，试着学习一个javaweb，第一个试着模仿 百度首页

 

!!!那些图片只能自己来找了!!!

<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"><font color="#000000" face="隶书" size="3"><b>新闻</b></font></a>&nbsp&nbsp
            <a href="www.baidu"><font color="#000000" face="隶书" size="3"><b>hao123</b></font></a>&nbsp&nbsp
            <a href="www.baidu"><font color="#000000" face="隶书" size="3"><b>地图</b></font></a>&nbsp&nbsp
            <a href="www.baidu"><font color="#000000" face="隶书" size="3"><b>视频</b></font></a>&nbsp&nbsp
            <a href="www.baidu"><font color="#000000" face="隶书" size="3"><b>贴吧</b></font></a>&nbsp&nbsp
            <a href="www.baidu"><font color="#000000" face="隶书" size="3"><b>学术</b></font></a>&nbsp&nbsp
            <a href="www.baidu"><font color="#000000" face="隶书" size="3">登录</font></a>&nbsp&nbsp
            <a href="www.baidu"><font color="#000000" face="隶书" size="3">设置</font></a>&nbsp&nbsp
            <a href="www.baidu" 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" ><font size="2" face="隶书" color="#808080">把百度设为主页</font></a>&nbsp
                <a href="www.baidu" ><font size="2" face="隶书" color="#808080">关于百度</font></a>&nbsp
                <a href="www.baidu" ><font size="2" face="隶书" color="#808080">About Baidu</font></a>&nbsp
                <a href="www.baidu" ><font size="2" face="隶书" color="#808080">百度推广</font></a>
            <p>

            <p>
                
                <font size="2" face="隶书" color="#808080">@copy2017 Baidu</font>
                <a href="www.baidu" ><font size="2" face="隶书" color="#808080">使用百度前必读</font></a>&nbsp
                <a href="www.baidu" ><font size="2" face="隶书" color="#808080">意见反馈</font></a>&nbsp
                <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" ><font size="2" face="隶书" color="#808080">京公网安备1100000200001号</font></a>&nbsp
                <img src="E:\RuiDeJY\8.28HTML入门\HTML入门第一节\网页案例\4.png"/ width="17px" height="20px">
            <p>
        <!-- 底部设置 -->
        <!-- ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ -->
        </center>
    </body>
</html>

 

这是真正的百度首页(点开放大看)：

 

这是自己模仿的 html 百度首页:

本文标签： HTML 模仿制作百度首页

版权声明：本文标题：html,模仿制作百度首页 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1698328063a293594.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。