HTML干净的网址导航

最新推荐文章于 2024-06-20 13:03:36 发布
最新推荐文章于 2024-06-20 13:03:36 发布
阅读量1.5k 收藏 4
点赞数 1
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Python_WXT_LZ/article/details/124573072
版权

一打开浏览器，很多时候便是玲琅满目的广告，不如自己写一个。

1.新建一个TXT文件。(没有编辑器的请用这种方式。)

2.写入HTML代码:

<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>刘贞导航</title>
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta content="telephone=no,email=no" name="format-detection">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-touch-fullscreen" content="yes">
	<meta name="keywords" content="刘贞导航">
	<meta name="description" content="一个简单美观的网址导航">
	<link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/appexplore/cdn/jianavi@v2.3/favicon.ico">
	<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/appexplore/cdn/jianavi@v2.3/css/style.min.css">
	<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/appexplore/cdn/jianavi@v2.3/css/yidong.min.css">
</head>

<body>
	
	<div class="zdy_button" onclick="zyd_show();">
		<img src="https://cdn.jsdelivr.net/gh/appexplore/cdn/jianavi@v2.3/img/cl.ico">
	</div>

	<div class="zdy">
		<div class="zdy_content">
			<div class="zdy_top">
				<span class="zdy_edit"></span>自定义链接
				<span class="zdy_close" onclick="zdy_close();"></span>
			</div>
			<div class="zdy_mi">
				<div class="z_m_i">
					<span class="z_i_img_1"></span>
					<input type="text" class="zdy_input zdy_name" placeholder="微博">
				</div>
				<div class="z_m_i">
					<span class="z_i_img_2"></span>
					<input type="text" class="zdy_input zdy_link" placeholder="http://www.weibo.com/">
				</div>
				<div>
					<font size="2" color="gray">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请注意：数据是临时存储在本地电脑上，数据丢失无法找回</font>
				</div>
			</div>
			<div class="zdy_foot">
				<div class="zdy_false zdy_b" onclick="zdy_false();">取消</div>
				<div class="zdy_true zdy_b" onclick="zdy_true();">确定</div>
			</div>
		</div>
	</div>

	<div class="baidu baidu-2">
		<form name="f" action="https://www.baidu.com/s" target="_blank">
			<div class="Select-box-2" id="baidu">
				<ul>
					<li class="this_s">百 度</li>
					
					<li class="bing_s">必 应</li>
					<li class="google_s">谷 歌</li>
					<li class="baidu_s">百 度</li>
				</ul>
			</div>
			<div class="in5">
				<input name="wd" id="kw-2" maxlength="100" autocomplete="off" type="text">
				<div class="qingkong" id="qingkong" title="清空">x</div>
			</div>
			<input value="搜 索" id="su-2" type="submit">
		</form>
		<ul class="keylist"></ul>
	</div>

	<div class="body">
		<div class="content">
			<div class="jianjie">
				<div class="jj-list">
					<div class="jj-list-tit">学习 · 生活</div>
					<ul class="jj-list-con _b">
						<li><a href="https://code.xueersi.com/?action=loginToHome" class="link-3" target="_blank" rel="nofollow">学而思编程</a></li>
						<li><a href="https://code.xueersi.com/ide/code/6" class="link-3" target="_blank" rel="nofollow">C站py游戏编程</a></li>
						<li><a href="https://code.xueersi.com/ide/code/1" class="link-3" target="_blank" rel="nofollow">C站C++编程</a></li>
						<li><a href="https://www.amap.com/" class="link-3" target="_blank" rel="nofollow">地图</a></li>
						<li><a href="https://translate.google.cn/" class="link-3" target="_blank" rel="nofollow">翻译</a></li>
						<li><a href="https://code.xueersi.com/ide/code/2" class="link-3" target="_blank" rel="nofollow">C站py普通</a></li>
						<li><a href="https://code.xueersi.com/ide/code/3" class="link-3" target="_blank" rel="nofollow">C站py画图</a></li>
						<li><a href="https://code.xueersi.com/scratch3/index.html?pid=2&version=3.0&env=community" class="link-3" target="_blank" rel="nofollow">C站图形化编程</a></li>
						<li><a href="https://www.baidu.com/" class="link-3" target="_blank" rel="nofollow">百度</a></li>
					</ul>
				</div>
				<div class="jj-list">
					<div class="jj-list-tit">常用 · 社区</div>
					<ul class="jj-list-con _b">
						<li><a href="https://wx.qq.com/" class="link-3" target="_blank" rel="nofollow">微信</a></li>
						<li><a href="https://weibo.com/" class="link-3" target="_blank" rel="nofollow">微博</a></li>
						<li><a href="https://www.zhihu.com/" class="link-3" target="_blank" rel="nofollow">知乎</a></li>
						<li><a href="https://tieba.baidu.com/" class="link-3" target="_blank" rel="nofollow">贴吧</a></li>
						<li><a href="http://www.soomal.com/" class="link-3" target="_blank" rel="nofollow">Soomal</a></li>
						<li><a href="https://topbook.cc/overview" class="link-3" target="_blank" rel="nofollow">Topbook</a></li>
						<li><a href="https://github.com/" class="link-3" target="_blank" rel="nofollow">GitHub</a></li>
						<li><a href="https://www.douban.com/" class="link-3" target="_blank" rel="nofollow">豆瓣</a></li>
						<li><a href="https://code.xueersi.com/space/57468240" class="link-3" target="_blank" rel="nofollow">作者的官网</a></li>
					</ul>
				</div>
				<div class="jj-list">
					<div class="jj-list-tit">影音 · 娱乐</div>
					<ul class="jj-list-con _b">
						<li><a href="https://www.iqiyi.com/" class="link-3" target="_blank" rel="nofollow">爱奇艺</a></li>
						<li><a href="https://v.qq.com/" class="link-3" target="_blank" rel="nofollow">腾讯视频</a></li>
						<li><a href="https://www.bilibili.com/" class="link-3" target="_blank" rel="nofollow">哔哩哔哩</a></li>
						<li><a href="https://www.mgtv.com/" class="link-3" target="_blank" rel="nofollow">芒果TV</a></li>
						<li><a href="https://www.youku.com/" class="link-3" target="_blank" rel="nofollow">优酷</a></li>
						<li><a href="https://music.163.com/" class="link-3" target="_blank" rel="nofollow">音乐</a></li>
						<li><a href="https://www.dikotv.com/" class="link-3" target="_blank" rel="nofollow">顶空影视</a></li>
						<li><a href="" class="link-3" target="_blank" rel="nofollow">空</a></li>
						<li><a href="" class="link-3" target="_blank" rel="nofollow">空</a></li>
					</ul>
				</div>
				<div class="jj-list">
					<div class="jj-list-tit">发现 · 世界</div>
					<ul class="jj-list-con _b">
						<li><a href="https://news.ifeng.com/" class="link-3" target="_blank" rel="nofollow">凤凰资讯</a></li>
						<li><a href="https://ef.zhiweidata.com/" class="link-3" target="_blank" rel="nofollow">知微事见</a></li>
						<li><a href="https://sspai.com/" class="link-3" target="_blank" rel="nofollow">少数派</a></li>
						<li><a href="https://jikipedia.com/" class="link-3" target="_blank" rel="nofollow">小鸡词典</a></li>
						<li><a href="https://jandan.net/" class="link-3" target="_blank" rel="nofollow">煎蛋</a></li>
						<li><a href="" class="link-3" target="_blank" rel="nofollow">空</a></li>
						<li><a href="https://ac.scmor.com/" class="link-3" target="_blank" rel="nofollow">思谋学术</a></li>
						<li><a href="https://houxu.app/" class="link-3" target="_blank" rel="nofollow">后续</a></li>
						<li><a href="https://www.soukuzhan.com" class="link-3" target="_blank" rel="nofollow">搜酷站</a>
						</li>
					</ul>
				</div>
				<div class="jj-list">
					<div class="jj-list-tit">在线 · 工具</div>
					<ul class="jj-list-con _b">
						<li><a href="https://www.photopea.com/" class="link-3" target="_blank" rel="nofollow">在线PS</a></li>
						<li><a href="https://cowtransfer.com/" class="link-3" target="_blank" rel="nofollow">收发文件</a></li>
						<li><a href="https://cli.im/" class="link-3" target="_blank" rel="nofollow">二维码</a></li>
						<li><a href="https://www.linshiyouxiang.net/" class="link-3" target="_blank" rel="nofollow">临时邮箱</a></li>
						<li><a href="https://www.materialtools.com/" class="link-3" target="_blank" rel="nofollow">临时短信</a></li>
						<li><a href="https://convertio.co/zh/" class="link-3" target="_blank" rel="nofollow">格式转换</a></li>
						<li><a href="http://www.html22.com/zh/" class="link-3" target="_blank" rel="nofollow">文档下载</a></li>
						<li><a href="https://weibomiaopai.com/" class="link-3" target="_blank" rel="nofollow">视频下载</a></li>
						<li><a href="https://www.eggvod.cn/music/" class="link-3" target="_blank" rel="nofollow">音乐下载</a></li>
					</ul>
				</div>
				<div class="jj-list">
					<div class="jj-list-tit">搜索 · 资源</div>
					<ul class="jj-list-con _b">
						<li><a href="https://www.cupfox.com/" class="link-3" target="_blank" rel="nofollow">茶杯狐</a></li>
						<li><a href="https://www.dy2018.com/" class="link-3" target="_blank" rel="nofollow">电影天堂</a></li>
						<li><a href="http://vip.yeyulingfeng.com/" class="link-3" target="_blank" rel="nofollow">VIP解析</a></li>
						<li><a href="https://soft.appts.cn" class="link-3" target="_blank" rel="nofollow">常用软件</a></li>
						<li><a href="https://www.coolist.net/" class="link-3" target="_blank" rel="nofollow">酷软清单</a></li>
						<li><a href="https://www.ghxi.com/" class="link-3" target="_blank" rel="nofollow">果核剥壳</a></li>
						<li><a href="https://www.jiumodiary.com/" class="link-3" target="_blank" rel="nofollow">电子书</a></li>
						<li><a href="https://pixabay.com/zh/photos/" class="link-3" target="_blank" rel="nofollow">图片素材</a></li>
						<li><a href="https://zhengbanxianmian.com/" class="link-3" target="_blank" rel="nofollow">软件限免</a></li>
					</ul>
				</div>
				
				<div class="jj-list zdy_list" style="display: none;">
					<div class="jj-list-tit">自定义</div>
					<ul class="jj-list-con zdy_li">
					</ul>
				</div>
			
			</div>
			
			

</html>

3.修改后缀为.HTML

4.创建快捷方式到桌面

5.启动浏览器时点击创建的快捷方式 

Python 刘贞
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
简单啊纯静态网址导航源代码
03-18
源码介绍： 完全免费使用。没有后台，上传空间即可使用，轻松建立自己的网址导航站。 纯静态HTML，绿色源码，无需数据库，试用于各种主机空间。 网页内容可直接使用记事本、写字板或网页编辑器，直接打开就可以修改。 纯净代码，无多余文件、无插件、无恶意广
最简单的个人网址导航
youxizaixian123的博客
07-12 2370
超简单又有点用的html—简单的个人网址导航看看就会的html网址导航简单效果图核心代码背景和格式相关(这个不能一看就会)完整代码总结和后记 看看就会的html网址导航 简单的网址导航就是一些超链接，唯一的好处可能就是可以把自己常用的网站放在一起，有能力的可以做的美观一些，类似于hao123一样的网址导航。 如果不计较美观，代码其实一看就会，txt都可以写。 简单效果图 代码见最后。 核心代码 核心代码就是超链接 <form action="https://www.baidu.com" method
各种网址集合
weixin_34261415的博客
05-10 2963
本地收藏夹伤不起…… http://www.csie.ntnu.edu.tw/~u91029/ https://oi-wiki.org/ https://csacademy.com/app/graph_editor/ http://www.docin.com/p-500811100.html?docfrom=rrela https://www.cnblogs.com/RabbitHu/p...
原生HTML+CSS+JS制作自己的导航主页（前端大作业，源码+步骤详解）
最新发布
2401_85123750的博客
06-20 592
--- – – – – – – – – – – – – – – 这是一条分割线呀-- – – – – – – – – – – – – –由于是便签嘛，所以想着应该需要记录写下便签的时间，所以我们首先，获取时间，然后添加便签的操作使用。可以新建一个css文件，使结构清晰点，当然写在原来的style.css里也是没有问题的。与主题部分相似，多了一个鼠标悬浮于底部的hover效果，都是较为基础的。分别是文本域、添加便签按钮、关闭便签栏按钮、删除便签按钮。完成这一步，就可以看到我们的泡沫球动画啦！
学而思编程破解源码
ChrisCoding的博客
05-06 4872
破解学而思编程作品源代码
前端原生Html免费模板网站总结(带网址)
m0_49714202的博客
06-25 1万+
前端原生Html免费模板网站总结(带网址)
HTML和CSS实现内部导航（锚链接）
weixin_44011306的博客
05-20 1436
HTML和CSS实现内部导航代码HTMLcss 代码 HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>书签链接</title> <link rel="stylesheet" href="css/main.css"> </head> <body> <div class="m
常用HTML标签网址
long_chuanren的专栏
03-03 481
常用html tag 网址，有助于对HTML 标签理解。含有很多实例。 http://www.w3school.com.cn/tags/tag_thead.asp
html网站
warldge的博客
09-09 3684
html 网站 1 https://www.w3.org/html/wiki/Elements 2 https://www.w3.org/html/ 3 https://www.w3.org/TR/html401/ 4 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element 5 https://developer.mozilla.org/en-US/docs/Web/HTML/Element 6 https://www.freeform
html实现好看的多种风格导航菜单(附源码)
热门推荐
接受定制，友情互惠，致力于前端的全类型模板，打造通用模板源码，进阶于前后端联合模板，适用于全类型。
06-29 4万+
html实现好看的多种风格导航菜单(附源码)，导航菜单，源码下载，分为顶部导航菜单,悬浮按钮菜单,右键功能菜单,左侧导航菜单四种导航菜单。每种导航菜单有至少三种风格，总共23种风格，各种风格都有，代码上手简单，代码独立，可以直接使用，效果酷炫，总有一款你喜欢的。也可直接预览效果。
Vue.js写一个本地网址导航网站
qq_44760912的博客
09-27 2446
本质就是用vue写一个单页面应用，将原来纯用html写的冗余代码用vue去优化html页面，然后将数据源从html中分离到vue的data中，数据源直接写入到excel，数据的json格式通过转换工具实现，然后批量复制粘贴到data的datalist中，然后就有了一个属于自己的导航网址网站啦！
简风格 网址导航源代码
03-18
简·风格 网址导航风格简单，适合用做简洁型的网址导航。 源码保证纯争、无插件、无广告、无弹窗、完全免费。 修改提示： 网站LOGO在images/logo.png修改， 统计代码在js/tj.js修改； 留言板管理后台http://你的网站/feedback/admin_index.asp 用户名：admin
html实现好看的导航主页(附源码)
接受定制，友情互惠，致力于前端的全类型模板，打造通用模板源码，进阶于前后端联合模板，适用于全类型。
11-25 1万+
html实现好看的导航主页(附源码) html实现好看的导航主页，html导航博客，html导航界面，通过头部主菜单，中部搜索导航，尾部悬浮出现底部菜单，右侧音乐播放按钮，背景酷炫的动态效果，实现好看的导航主页。用作自己的常用辅助导航界面，还有屏幕保护界面，全屏(F12)查阅效果更加。
什么是html网址,html是什么
weixin_39593469的博客
06-24 1105
html语言是网络上的通用语言，也是比较简单的语言，对于想要在前端行业发展的人来说，html是必须要学的语言。那么，今天我们要来讲一下html是什么语言？html什么意思？以及html语言特点。什么是html？HTML的英文全称是HyperText Mark-up Language，中文名是超文本标记语言，是万维网浏览器使用的一种通用语言，其中超文本是指html网页中链接、图片、或者是其他程序等不...
响应式单页分类网址导航html模板
davidzhang78的博客
06-23 695
手头有几个闲置的域名，准备拿来做一些简单的导航类网站，于是写了个简单的响应式分类网址导航demo。
html导航
qq_42049884的博客
09-16 257
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.m...
导航栏html代码
qq_55299191的博客
10-11 2万+
效果如下 html 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>导航制作</title> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/public.css"> </head>.
HTML_导航
白雪
11-17 942
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>样式学习</title> <style> #navigator{ .
html-网址
T283wanqiangyu的博客
06-16 136
html：超文本编辑语言 标签格式： 分类： 单标签 双标签
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值