当我们打开浏览器时,总会会被默认网址导航所困扰,网址导航页没有自己常用的网址,时不时会弹出来烦人的广告,等等等困扰我们的问题,花费两分钟的时间,看完这篇文章之后,打造一个专属于你的网址导航,从此告别一切困扰,助你在工作路上早日担任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"><imgwidth="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改成你图片的名字就可以了,可以去试试效果。
第二是网页页面中图片的修改,就是我的网页左上角的小红旗,与背景图同理,你需要保存到与代码的同一级目录下,然后修改这里:
<imgwidth="100" src="dtt.gif" alt="五星红旗">
把dtt.gif改成你的图片的名称就好了(后面的五星红旗不用管,那个是当图片显示时显示的文字说明,具体可以去系统学习html,并不需要修改)
第三是网页中文字的修改,在我的网页中就是“篮球区、音乐区、游戏区著名人物 菜鸟”,(我自嗨的,哈哈哈哈哈哈),以及上面的文字等等,直接在对应的代码位置删除修改就好:
<h2> <font size="4">简洁但不简单. </font> </h2> ————篮球区、音乐区、游戏区著名人物 菜鸟
第四是网页标签的修改,在我的网页中对应的就是浏览器上面的“CN.com”,在打开掘金的时候显示的就是“掘金-代码不止,掘金不停”,在这里修改文字就好:
<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=" ? ", ?这里填上你想要的网页链接,后面的文字改成你所需要的网址文字描述就好了,比如说你想要做一个掘金社区的网址导航,那么?这里改为juejin.cn/ ,文字改为“掘金社区”就好了。
以上就是两分钟打造个人专属网址导航的全部内容了,你有没有在两分钟之内看完呢,很简单吧,相信你一定会做好的,加油!!!