为自己量身定做一个浏览器主页

最新推荐文章于 2024-05-17 00:45:45 发布

长浔

最新推荐文章于 2024-05-17 00:45:45 发布

阅读量642

点赞数

分类专栏：前端应用类文章标签：自定义浏览器主页

应用类同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

前端

4 篇文章 1 订阅

订阅专栏

HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Zack的私人导航页</title>
    <link href="image/ironman.png" rel="icon">
    <link href="guide.css" rel="stylesheet">
</head>
<body>
    <div id="container">
        <p id="guide_title">Zack的私人网页导航</p>
        <div id="guide_web">
            <ul>
                <!--搜索栏目-->
                <li class="title_list">
                    <ul>
                        <span class="guide_item_tag">&lt;ul&nbsp;id=&quot;</span><span class="guide_item_name">search</span><span class="guide_item_tag">&quot;&gt;</span>
                        <li class="guide_item"><span class="item_tag">&lt;li&nbsp;id=&quot;</span><span class="guide_item_name"><a href="http://www.google.com">Google</a></span><span class="item_tag">&quot;&gt;</span></li>
                        <li class="guide_item"><span class="item_tag">&lt;li&nbsp;id=&quot;</span><span class="guide_item_name"><a href="http://www.baidu.com">Baidu</a></span><span class="item_tag">&quot;&gt;</span></li>
                        <li class="guide_item"><span class="item_tag">&lt;li&nbsp;id=&quot;</span><span class="guide_item_name"><a href="https://github.com/">GitHub</a></span><span class="item_tag">&quot;&gt;</span></li>
                        <li class="guide_item"><span class="item_tag">&lt;li&nbsp;id=&quot;</span><span class="guide_item_name"><a href="http://cn.bing.com">Bing</a></span><span class="item_tag">&quot;&gt;</span></li>
                        <span class="guide_item_tag">&lt;/ul&gt;</span>
                    </ul>
                </li>
                <!--学习栏目-->
                <li class="title_list">
                    <ul>
                        <span class="guide_item_tag">&lt;ul&nbsp;id=&quot;</span><span class="guide_item_name">study</span><span class="guide_item_tag">&quot;&gt;</span>
                        <li class="guide_item"><span class="item_tag">&lt;li&nbsp;id=&quot;</span><span class="guide_item_name"><a href="http://ke.qq.com">腾讯课堂</a></span><span class="item_tag">&quot;&gt;</span></li>
                        <li class="guide_item"><span class="item_tag">&lt;li&nbsp;id=&quot;</span><span class="guide_item_name"><a href="http://study.163.com">网易云课堂</a></span><span class="item_tag">&quot;&gt;</span></li>
                        <li class="guide_item"><span class="item_tag">&lt;li&nbsp;id=&quot;</span><span class="guide_item_name"><a href="https://open.163.com/">网易公开课</a></span><span class="item_tag">&quot;&gt;</span></li>
                        <span class="guide_item_tag">&lt;/ul&gt;</span>
                    </ul>
                </li>
                <!--放松栏目-->
                <li class="title_list">
                    <ul>
                        <span class="guide_item_tag">&lt;ul&nbsp;id=&quot;</span><span class="guide_item_name">rest</span><span class="guide_item_tag">&quot;&gt;</span>
                        <li class="guide_item"><span class="item_tag">&lt;li&nbsp;id=&quot;</span><span class="guide_item_name"><a href="https://www.youku.com/">Youku</a></span><span class="item_tag">&quot;&gt;</span></li>
                        <li class="guide_item"><span class="item_tag">&lt;li&nbsp;id=&quot;</span><span class="guide_item_name"><a href="https://www.youtube.com/">YouTube</a></span><span class="item_tag">&quot;&gt;</span></li>
                        <span class="guide_item_tag">&lt;/ul&gt;</span>
                    </ul>
                </li>
                <!--购物栏目-->
                <li class="title_list">
                    <ul>
                        <span class="guide_item_tag">&lt;ul&nbsp;id=&quot;</span><span class="guide_item_name">shopping</span><span class="guide_item_tag">&quot;&gt;</span>
                        <li class="guide_item"><span class="item_tag">&lt;li&nbsp;id=&quot;</span><span class="guide_item_name"><a href="https://www.taobao.com/">TaoBao</a></span><span class="item_tag">&quot;&gt;</span></li>
                        <li class="guide_item"><span class="item_tag">&lt;li&nbsp;id=&quot;</span><span class="guide_item_name"><a href="https://www.tmall.com/">TMALL</a></span><span class="item_tag">&quot;&gt;</span></li>
                        <li class="guide_item"><span class="item_tag">&lt;li&nbsp;id=&quot;</span><span class="guide_item_name"><a href="https://www.jd.com/">JD</a></span><span class="item_tag">&quot;&gt;</span></li>
                        <li class="guide_item"><span class="item_tag">&lt;li&nbsp;id=&quot;</span><span class="guide_item_name"><a href="https://www.suning.com/">suning</a></span><span class="item_tag">&quot;&gt;</span></li>
                        <span class="guide_item_tag">&lt;/ul&gt;</span>
                    </ul>
                </li>
                <!--工具栏目-->
                <li class="title_list">
                    <ul>
                        <span class="guide_item_tag">&lt;ul&nbsp;id=&quot;</span><span class="guide_item_name">tools</span><span class="guide_item_tag">&quot;&gt;</span>
                        <li class="guide_item"><span class="item_tag">&lt;li&nbsp;id=&quot;</span><span class="guide_item_name"><a href="https://developer.android.google.cn/guide/">Android&nbsp;API</a></span><span class="item_tag">&quot;&gt;</span></li>
                        <li class="guide_item"><span class="item_tag">&lt;li&nbsp;id=&quot;</span><span class="guide_item_name"><a href="https://www.amap.com/">Amap</a></span><span class="item_tag">&quot;&gt;</span></li>
                        <li class="guide_item"><span class="item_tag">&lt;li&nbsp;id=&quot;</span><span class="guide_item_name"><a href="https://mail.163.com/">163mail</a></span><span class="item_tag">&quot;&gt;</span></li>
                        <span class="guide_item_tag">&lt;/ul&gt;</span>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>

修改为浏览器主页的话这里以谷歌浏览器为例说一下。点击浏览器左上角的三点，如图：
在这里插入图片描述
然后：设置->启动时->打开特定网页或一组网页->添加新网页。网站网址的话，可以先用浏览器打开那个网页，然后把搜索栏的网址复制下来填进去就好了。如下图：

完成。