本人已参加⌈新人创作礼⌋活动,一起开启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社区”就好了。
以上就是两分钟打造个人专属网址导航的全部内容了,你有没有在两分钟之内看完呢,很简单吧,相信你一定会做好的,加油!!!