仿百度搜索首页完整代码

最新推荐文章于 2021-12-03 20:22:14 发布

reviers

最新推荐文章于 2021-12-03 20:22:14 发布

阅读量1.3k

点赞数 1

分类专栏：杂物间文章标签： html5 css 前端

本文链接：https://blog.csdn.net/J03Heyi/article/details/111938325

版权

这篇博客记录了一位初学者使用HTML5制作百度首页未登录状态页面的过程，旨在分享学习心得，欢迎交流指正。

摘要由CSDN通过智能技术生成

仿百度首页未登陆状态页面

初学HTML 做个小记录

看看就好，也可以共同学习一下

做的时候也有很多问题，现在也有点懵，还请各位看完指出问题

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="X-UA-Compatible" content="IE=edge" />
    <meta name="description" content="芜湖!" />
    <meta name="author" content="Email=987064101@qq.com" />
    <meta name="generator" content="TXT" />
    <title>index html</title>
    <link href="index.css" rel="stylesheet" />
    <style>
        i,
        em,
        b,
        strong {
    
            font-style: normal;
        }
    </style>
</head>

<body>
    <div class="bd">
        <!-- nav -->
        <div class="bd-nav">
            <div class="left-wrapper left">
                <ul class="left-list">
                    <li><a href="javascript:;">新闻</a></li>
                    <li><a href="javascript:;">hao123</a></li>
                    <li><a href="javascript:;">地图</a></li>
                    <li><a href="javascript:;">视频</a></li>
                    <li><a href="javascript:;">贴吧</a></li>
                    <li><a href="javascript:;">学术</a></li>
                    <li class="show">
                        <a href="javascript:;" class="show-bottom">更多</a>
                        <div class="more">
                            <ul class="more-list clearfix">
                                <li>
                                    <a href="javascript:;">
                                        <img src="img/wp.png" alt="">
                                        <p class="title">网盘</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <img src="img/zhidao.png" alt="">
                                        <p class="title">知道</p>
                                    </a