制作百度搜索首页（附赠HTML，js，css）

最新推荐文章于 2024-02-02 16:50:05 发布

社会你杰哥

最新推荐文章于 2024-02-02 16:50:05 发布

阅读量3.3k

点赞数

分类专栏：杂记文章标签： html css javascript

本文链接：https://blog.csdn.net/lllllllllaaa/article/details/78161428

版权

——————————————————————HTML—————————————————————————————
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>导航页</title>
    <style type="text/css"></style>
    <link rel="stylesheet" href="../css/wk2.css">
</head>
<body>
<!--级大框架-->
<div class="frame">
 <!--   头部导航-->
    <!--左部天气预报-->
    <div class="weather">
        <span>
            <a href="#">城市：</a>
            <a id="city"></a>
            <img id="img" src="" alt="加载失败">
        </span>
        <span>
            <a href="#">温度：</a>
            <a id="temperature"></a>
        </span>
        <span>
            <a href="#">空气质量：</a>
            <a id="air"></a>
        </span>
        <span>
            <a href="#">阳历：</a>
            <a id="solarCalendar"></a>
        </span>
    </div>
    <!--未来一周-->
    <div class="nextWeek"></div>
    <!--右部导航栏-->
    <div class="frame-one">
        <a href="#">新闻</a>
        <a href="#">hao123</a>
        <a href="#">地图</a>
        <a href="#">视频</a>
        <a href="#">贴吧</a>
        <a href="#">学术</a>
        <a href="#">登录</a>
        <a href="#" id="pop-qu1">设置</a>
        <div class="pop-qu-a">
            <div>搜索设置</div>
            <div>高级搜索</div>
            <div>关闭预测</div>
            <div>搜索历史</div>
        </div>
        <button id="pop-qu2">更多产品</button>
        <div class="pop-qu-b">
         <div class="text3">更多产品</div>
         <div class="img5">
             <img src="../img/1.png" height="70" alt="加载失败"/>
             <a href="#">糯米</a>
         </div>
         <div class="img6">
                <img src="../img/2.png" height="70" width="80" alt="加载失败"/>
                <a href="#">音乐</a>
         </div>
            <div class="img7">
                <img src="../img/3.png" height="70"  alt="加载失败"/>
                <a href="#">图片</a>
            </div>
            <div class="img8">
                <img src="../img/4.png" height="70"  alt="加载失败"/>
                <a href="#">知道</a>
            </div>
            <div class="img9">
                <img src="../img/5.png" height="70"  alt="加载失败"/>
                <a href="#">文库</a>
            </div>
            <div class="img10">
                <img src="../img/6.png" height="70"  alt="加载失败"/>
                <a href="#">风云榜</a>
            </div>
            <a class="text4" href="#">全部产品>></a>
        <

最低0.47元/天解锁文章

社会你杰哥

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
制作百度搜索首页（附赠HTML，js，css）

——————————————————————HTML—————————————————————————————html>html>head lang="en"> meta charset="UTF-8"> title>导航页title> style type="text/css">style> link rel="stylesheet" href="../css
复制链接

扫一扫

专栏目录