HTML——22. 锚链接和空连接

html 复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>当前页面锚链接</title>
	</head>
	<body>
		<!--1.当网页内容太长,需要跳转到具体位置时,可以使用锚链接-->
		      
		<a href="#one">第一章</a>
		<br />
		<a href="#two">第二章</a>
		<br />
		<a href="#three">第三章</a>
		<br />
		
		
		<p id="one">胡家祖上是十里八乡有名的大地主,最辉煌的时期在城里买了三条胡同相连的四十多间宅子,其间也曾出过一些当官的和经商的,捐过前清的粮台、槽运的帮办。    民谚有云:"富不过三代。"这话是非常有道理的,家里纵然有金山银山,也架不住败家子孙的挥霍。到了民国年间,传到我祖父这一代就开始家道中落了,先是分了家,胡国华也分到了不少家产,足够衣食无忧地过一辈子,可是他偏偏不肯学好,当然这也和当时的社会环境有关,先是沉迷赌博,后来又抽上了福寿膏(大烟),把万贯家财败了个精光。    胡国华年轻的时候吃喝嫖赌抽五毒俱全,到最后穷得身上连一个大子儿都没有了。人要是犯了烟瘾,就抓心挠肝的无法忍受,但是没钱谁让你抽啊?昔日里有钱的时候,烟馆里的老板伙计见了他都是胡爷长,胡爷短的,招呼得殷勤周到,可是一旦你身无分文了,他们就拿你当臭要饭的,连轰带赶,驱之不及。    人要穷疯了,廉耻道德这些观念就不重要了,胡国华想了个办法,去找舅舅骗点钱。胡国华的舅舅知道他是败家子大烟鬼,平时一文钱都不肯给他,但是这次胡国华骗舅舅说要娶媳妇,让舅舅给凑点钱。    舅舅一听感动得老泪纵横,这个不肖的外甥总算是办件正事,要是娶个贤慧的媳妇好好管管他,收收他的心,说不定日后就能学好了。于是给他拿了二十块大洋,嘱咐他娶个媳妇好好过日子,千万别再沾染那些福寿膏了,过几天得空,还要亲自去胡国华家看看外甥媳妇。    胡国华鬼主意最多,为了应付舅舅,他回家之后到村里找了个扎纸人纸马(就是烧给死人的那种)的匠人。
		</p>


		<p id="two">山里的庄稼地不像华北平原那样的千里青纱帐,而是东边一块,西边一块,哪地平就在哪开一块田,所以晚上要经常出去走动。这天夜里正赶上我和胖子搭伴,胖子在草棚里睡觉,我出去转了一圈,一看也没什么事,回去睡觉得了。    快到草棚的时候,我看见不远的地方有一大团圆乎乎的白影,我揉了揉眼睛再仔细看,确实不是看花眼了,但是天太黑究竟是个什么东西也看不清楚。我那时候不信有鬼,以为是什么动物,于是就捡了条木棍想把它赶跑。    一片漆黑之中一团白花花的事物,而且还在微微晃动,这究竟是什么东西?也不像是动物,可是如果不是动物它又为什么会动?    我虽然不怕鬼怪,但是面对未知的事物时,始终还是存在一些畏惧的心理,不敢抡棍子直接去打。我手中的这根棍子,其实就是从地里随手捡来的粗树枝。我用树枝轻轻捅了捅那堆白生生的东西,很软......突然,在黑暗中听见胖子大叫:"啊......干什么?胡八一!你用树枝捅我屁股干什么?"    一场虚惊,原来是胖子白天吃了不干净的果子,晚上闹肚子,蹲在那里放茅,黑夜里就他的大白屁股显眼。    第二天早上,胖子不依不饶地要我对他进行补偿,自称昨晚被吓得死了一百多万脑细胞。我说:"就你那大脑,能有那么多脑细胞吗?我跟你都是穷光棍,接受了最高指示来农村接受很有必要的贫下中农再教育,你想让我拿什么补偿你?我可跟你提前说,作为你亲密的革命战友,我的全部家当就只剩下现在身上穿的这最后一条裤子了,你总不会要我拿这条裤子补偿你吧?"    胖子满脸坏笑着说:"那倒不用,我昨天在团山子那片老林里见到一个非常大的蜂窝,你跟我去把蜂窝捅了,咱们弄点蜂蜜冲水喝,还可以用蜂蜜跟燕子她爹换兔子肉吃。"    燕子是个姑娘的名字,她爹是村里有名的老猎人,我和胖子都住在她家里的知青点。他们父女两个经常进山打猎,时不时地请我们吃野味,我们一直觉得总吃人家的好东西有点过意不去,但是我们实在太穷,没什么东西可以用来还请燕子父女。    于是我们就决定弄些蜂蜜回来送给燕子。俩人都是急脾气,说干就干。以前在城里我和胖子都是全军区出了名的淘气大王,捅个蜂窝不算什么,比这厉害十倍的勾当也是经常耍的。    我怕迷路就找燕子借了她的猎犬,这是条半大的小狗,它是燕子自己养起来的。燕子给小狗起了个名字叫栗子黄,还一直没舍得带它出去打猎,见我们要去团山子玩,就把狗借给了我们。    团山子离我们村的直线距离不算远,但是由于没有路,翻山越岭走了半日才到。这片林子极大,村里的人曾警告过我们不要进去,说里面有人熊出没。
		</p>

		<p id="three">从远处看,就像是树上挂了一头没有四肢的小牛犊子,里面黑压压的巨大蜇蜂飞来飞去,嗡嗡声震耳欲聋。    我说小胖你他妈的就坑我吧,这是蜂窝吗?这简直就是一大颗马蜂原子弹啊,这要捅炸了还得了?胖子说没错,要是普通的蜂窝还用得着找你吗?我自己就顺手解决了,怎么样,你还敢不敢干?    我说这算什么,我们的队伍是不可战胜的,连美帝国主义的飞机坦克咱都不怕,能怕几只小蜜蜂?全是他奶奶的纸老虎,干他娘的,今天咱们吃定蜂蜜了。    话虽如此说,却不能蛮干,稍有失误就会被马蜂活活蜇死,这种蜂如此巨大,肯定是有毒的,不用多,挨这么一两下就完了。刚好旁边有条小河,这就叫天助我也。我先拿出一块饼子掰了两块,喂栗子黄吃了,让它远远地跑开。然后各自把带来的军大衣穿上,戴了狗皮    帽子扎了围脖,戴上手套,帽子前面遮了一块找女知青借的透明纱巾,检查全身都没有半点露出皮肉的地方之后,让胖子找了两棵空心的苇子,一人一棵,准备等会儿跳到河里躲避蜂群攻击时用来呼吸。    准备停当之后,我们像两只臃肿的狗熊一样,一步三晃地来到树下,我手拿一团冬籽草和火柴蓄势待发,胖子拿个长长的杆子数着:"一,二,三。"数到三就用长杆猛捅蜂巢和树干连接的部分,没捅到四五下,巨大的蜂窝叭嗒一下落到树下,里面的无数大马蜂立刻就炸了营一样飞出来,在天空中形成一大片黑雾,嗡嗡嗡地笼罩在我们头顶。    我事先准备得比较充分,不管蜂群的攻击,用火柴点着了冬籽草,放在蜂窝的上风口,从里面飞出来的巨蜂被烟一熏就丧失了方向感,到处乱飞,我和胖子又用泥土在燃烧的枯草周围堆了一道防火墙,以防形成烧山大火。   
		</p>
		
		<a href="#">返回顶部(空链接)</a>  
	</body>
</html>


给大长文用  "#id"  设置锚点,因为id具有唯一性,用于方便下次继续追踪起点充当"书签"作用

此次程序适合当前页面内的内容跳转
<a href="#one">返回顶部(空链接)</a>  返回了文章第一段,这样写可能不方便也可以这样写<a href="#">作用返回顶部(空链接)</a> 
空连接用的比较多很多网站页面底部都会用到空连接

创作不易,求给个赞和关注,谢谢你

返回顶部的按钮用空链接来设置

如下

相关推荐
xing.yu.CTF7 小时前
HTML基础到精通笔记
前端·笔记·html
爱编程的鱼10 小时前
HTML入门教程|| HTML 基本标签(2)
前端·html
一雨方知深秋10 小时前
选择器(结构伪类选择器,伪元素选择器),PxCook软件,盒子模型
前端·css·html·repeat·backgroundimage·text-decoration·liststyle
清水12 小时前
html内容过长,实现向上循环滑动效果
前端·html
时间sk12 小时前
HTML——52.布局淘宝网
前端·html
爱编程的鱼12 小时前
HTML入门教程|| HTML 基本标签(1)
前端·css·html
时间sk12 小时前
HTML——49.header和footer标签
前端·javascript·html
赔罪12 小时前
HTML 字符编码
java·前端·vscode·html·webstorm
请叫我飞哥@12 小时前
HTML5 搜索框(Search Box)详解
前端·html·html5
北极糊的狐17 小时前
vue-table-<td colspan=“2“>不生效
前端·css·html