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

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

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

  1. 一个 简约 干净 纯净的网址导航 净搜导航

    一个 简约 干净 纯净的网址导航 净搜导航 欢迎大家围观 https://www.jingsounet.com 净搜导航

  2. Android开发 ---- 两分钟写一个录音演示软件

    Android自带的SoundRecoder软件写得很简单,就3个Java文件,最有特色的还算哪个指针了.这里并不是要介绍那个个指针的实现过程,其实也简单,就是一个算法,通过录音过程中获取的振幅来实现 ...

  3. 教你3分钟打造一个专属微信聊天机器人

    3分钟打造专属于你的微信聊天机器人 语言:Python IDE: 这个不做要求,使用PyCharm / Visual Studio Code 等等均可 前提: 需要先搭建好python环境,版本2.7 ...

  4. Excel弱爆了!这个工具30分钟完成了我一天的工作量,零基础、文科生也能学!...

    在大数据浪潮当中,数据分析是这个时代的不二"掘金技能". 我们每一个人,每天无时无刻都在生产数据,一分钟内,微博上新发的数据量超过10万,b站的视频播放量超过600万...... ...

  5. proteus如何添加stm32_一个应用软件程序员的单片机STM32零基础入门

    为什么开始考虑搞嵌入式开发? 近5年来,从云计算.大数据到机器学习.AI,各种新潮的技术概念一波--接一波. 作为一名好奇心旺盛的软件程序员,每一个技术概念流行起来都会去凑凑热闹. 但,在我的技术栈里 ...

  6. Excel弱爆了!这个工具30分钟完成了我一天的工作量,零基础也能学!

    伴随着移动互联网的飞速发展,越来越多用户被互联网连接在一起,用户所积累下来的数据越来越多,市场对数据方面人才的需求也越来越大,由此也带火了如数据分析.数据挖掘.算法等职业. 数据分析师就业待遇和发展前 ...

  7. 不需要程序员,产品经理也能10分钟打造一个深度学习模型

    想要给产品加上图像识别或声音识别的AI能力需要做哪些工作? 第一步:定义和明确需求,第二步:采集和标注大量的数据,第三步:写算法.调参数,第四步:校验模型效果并持续反复第二步和第三步,第五步:将模型做 ...

  8. 运用UE和Blocks,仅用两周打造一个VR游戏(52VR完整版译文)

    (本文52VR在原版译文上增添了关键的未翻译部分,并修正了部分翻译) 在今年初,3D建模者Jarlan Perez来到了Blocks团队,参加了为期两周的内容开发挑战.目标是在两周时间内通过Block ...

  9. [转帖]高档的moss页面修改工具SPCAMLEditor使用系列(1)--利用SPCAMLEditor,10分钟打造一个在线视频播放库...

    转载自:http://www.cnblogs.com/jianyi0115/archive/2008/04/28/1175259.html 好文章! 这篇文章将介绍SPCAMLEditor的实际应用之 ...

最新文章

  1. windows api中文文档_Web服务开发:Spring集成Swagger,3步自动生成API文档
  2. linux使用shell函数扩充命令,Linux Shell系列教程之(十五) Shell函数简介 | Linux大学...
  3. linux c++ 得到 指定进程名 线程数
  4. logback常用配置
  5. mysql使用过程中的几个细节注意点
  6. 06-机器学习(Haar+Adaboost实现人脸、人眼检测)
  7. leetcode695. 岛屿的最大面积(dfs)
  8. CSS中文档流之普通流,浮动及定位、浮动特性及清除浮动的方式、定位模式,子绝父相搭配定位方式、z-index层级
  9. 968. 监控二叉树(JavaScript)
  10. 大道至简:微众银行区块链全栈技术体系纵览
  11. Linux下docker(centos7)
  12. 【剑指offer】面试题五:从尾到头打印链表
  13. 关于微信小程序图标icon的五种实现方案
  14. android 添加字幕,字幕添加器app-字幕添加器安卓版v2.0.1 - 起点软件园
  15. css 背景图片虚化效果
  16. 学习MySQL的第二天:SQL(基础篇)
  17. 程序员做外包有前途吗?谈谈外包的利与弊,字字扎心
  18. rk3288 调试dvp摄像头_RK3288 uvc摄像头调试
  19. 读书笔记--项亮《推荐系统实践》第七章
  20. c语言中对用户乱输入信息处理,C语言程序设计教程 第06章.ppt

热门文章

  1. EMLOG万能解析播放器插件分享
  2. StringBuilder类型
  3. (6K-10K外派到盛大).NET/PHP/Java/Web前端/Linux C++开发
  4. biginteger判断相等_BigInteger方法总结
  5. 计算机学院学生会会徽设计,计算机学院院徽和学生会会徽设计大赛(5页)-原创力文档...
  6. 用贝叶斯优化做巧克力曲奇,谷歌这项研究登上了NeurIPS
  7. android javacv 录像,使用JavaCV(ffmpeg)录制视频
  8. MySQL导出数据库、数据库表结构、存储过程及函数【用】
  9. 使用POI读取Excel文件
  10. mysql 关注 表设计_新浪微博中的关注功能是如何设计表结构的?