两分钟打造一个转属于你的网址导航(零基础,告别广告困扰)

lxf2023-05-05 23:18:01

本人已参加⌈新人创作礼⌋活动,一起开启AdminJS之路

当我们打开浏览器时,总会会被默认网址导航所困扰,网址导航页没有自己常用的网址,时不时会弹出来烦人的广告,等等等困扰我们的问题,花费两分钟的时间,看完这篇文章之后,打造一个专属于你的网址导航,从此告别一切困扰,助你在工作路上早日担任CEO,赢取白富美,走向人生巅峰,赶快行动起来吧!!!!

先看效果:先看效果:

网页背景图片和左上角图片都可以自己换成喜欢的,文字描述以及下方网址都可以根据自己的喜好和需求进行更改

两分钟打造一个转属于你的网址导航(零基础,告别广告困扰)

接着先上代码接着先上代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CN.com</title>
    <style>
        body{
            color: pink;
             }
        h2{
            font-style: italic;
        } 
    </style>
</head>
<body background="bjt3.jpg">
    <img  width="100" src="dtt.gif" alt="五星红旗">
    <h1>  <font color="LightPink">CN.导航</font  >  </h1>
    <h2> <font size="4">简洁但不简单. </font> </h2>     ————篮球区、音乐区、游戏区著名人物 菜鸟
    <h3>  <a href="https://www.bilibili.com/" target="_blank">哔哩哔哩动画</a></h3>
    <h3>  <a href="https://cn.bing.com/" target="_blank">必应搜索</a></h3>
    <h3>  <a href="https://www.icourse163.org/" target="_blank">中国大学mooc</a></h3>
    <h3>  <a href="https://www.zhihu.com/" target="_blank">知乎</a></h3>
    <h3>  <a href="https://www.w3school.com.cn/" target="_blank">w3school</a></h3>
    <h3>  <a href="https://github.com/" target="_blank">GitHub</a></h3>
    <h3>  <a href="https://i.chaoxing.com" target="_blank">超星学习</a></h3>
    <h3>  <a href="https://pintia.cn" target="_blank">PTA</a></h3>
    <h3>  <a href="https://baike.baidu.com" target="_blank">百度百科</a>  </h3>
    <h3>  <a href="https://wenku.baidu.com" target="_blank">百度文库</a>  </h3>
    <h3>  <a href="https://i.chaoxing.com" target="_blank">学习通</a>  </h3>
</body>
</html>

上面的代码可以直接复制粘贴到自己的电脑中,可以直接存放在记事本中,并修改后缀名为html,打开之后就会发现你也拥有一个类似的网址导航了,但在你的电脑中不会有背景图片,以及页面上的图片,因为这个需要本地文件中的图片,别急,下面开始讲解如何修改网页中的各项东西:

首先,背景图片修改,你需要首先将自己想要的背景图片保存到与代码同一级下面,比如说代码用记事本存储在了桌面中,那么你需要把你想要的背景图也保存到桌面上,我的是这样保存的(并没有特殊要求,只要在同一级下面就好)

两分钟打造一个转属于你的网址导航(零基础,告别广告困扰) 然后修改这里

<body background="bjt3.jpg">

把bjt3.jpg改成你图片的名字就可以了,可以去试试效果。

第二是网页页面中图片的修改,就是我的网页左上角的小红旗,与背景图同理,你需要保存到与代码的同一级目录下,然后修改这里:

<img  width="100" src="dtt.gif" alt="五星红旗">

把dtt.gif改成你的图片的名称就好了(后面的五星红旗不用管,那个是当图片显示时显示的文字说明,具体可以去系统学习html,并不需要修改)

第三是网页中文字的修改,在我的网页中就是“篮球区、音乐区、游戏区著名人物 菜鸟”,(我自嗨的,哈哈哈哈哈哈),以及上面的文字等等,直接在对应的代码位置删除修改就好:

<h2> <font size="4">简洁但不简单. </font> </h2>     ————篮球区、音乐区、游戏区著名人物 菜鸟

第四是网页标签的修改,在我的网页中对应的就是浏览器上面的“CN.com”,在打开AdminJS的时候显示的就是“AdminJS-代码不止,AdminJS不停”,在这里修改文字就好:

<title>CN.com</title>

以上就已经完成你的网页的专属个性布局了,第五是网址导航,链接跳转部分,同样也很简单,在这里修改:

    <h3>  <a href="https://www.bilibili.com/" target="_blank">哔哩哔哩动画</a></h3>
    <h3>  <a href="https://cn.bing.com/" target="_blank">必应搜索</a></h3>

在href=" ? ", ?这里填上你想要的网页链接,后面的文字改成你所需要的网址文字描述就好了,比如说你想要做一个AdminJS社区的网址导航,那么?这里改为Admin.net/ ,文字改为“AdminJS社区”就好了。

以上就是两分钟打造个人专属网址导航的全部内容了,你有没有在两分钟之内看完呢,很简单吧,相信你一定会做好的,加油!!!