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

当我们打开浏览器时,总会会被默认网址导航所困扰,网址导航页没有自己常用的网址,时不时会弹出来烦人的广告,等等等困扰我们的问题,花费两分钟的时间,看完这篇文章之后,打造一个专属于你的网址导航,从此告别一切困扰,助你在工作路上早日担任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/ ,文字改为“掘金社区”就好了。

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值