4 书签链接
当创建的网页内容特别多时,可以通过书签对内容进行链接,这样读者在阅读时可以通过书签进行内容的跳转,这种链接也称为网页内部的书签链接。
1 建立书签
书签可以与链接文字在同一页面,也可以在不同的页面。但要实现网页内部的书签链接,都需要先建立书签。通过建立的书签才能对页面的内容进行引导和跳转。
语法:<A name="书签名称">文字</A>
说明:在该语法中,书签名称就是对于后面要跳转所创建的书签,而文字则是设置链接后跳转的位置。
实例代码:
<html>
<head>
<title>定义书签</title>
</head>
<body>
<h3>爱情测试:你的恋爱狂热度是多少</h3>
<hr size=3>
<A name="answerA">选择A:凌晨零时到清晨六点</A><br>
向来朝气蓬勃的你,的确喜欢谈恋爱,喜欢那种活力十足的感觉,但是你的恋爱狂热度,却是平平而已。因为你对生活中的其他事物,如你个人的嗜好,也有着恋爱般的热度,过度分散目标的结果,使你的恋爱狂热度只有30%<br><br>
<hr size=2>
<A name="answerB">选择B:清晨六点到中午十二点</A><br>
你那死不服输的性格将你在人群中独立出来,恋爱的时候,亦因为不肯对对方坦白而遭抛弃,你唯一的好处是你绝不拖拖拉拉没完没了。但是有时候恋爱也要讲小策略的哦,偶尔“认输”也未尝不是件好事!<br><br>
<hr size=2>
<A name="answerC">选择C:中午十二点到下午六点</A><br>
你是个十分理智的MM,但聪明反被聪明误哦,你对每件事都小心谨慎,在爱情道路上,因怕受伤而不敢用情太深,但这会令你的恋人有种被忽视的感觉,对你的热情亦因此大减,其实有时候在他面前装迷糊装可爱,他会更加喜欢你哦。<br><br>
<hr size=2>
<A name="answerD">选择D:下午六点到凌晨零点</A><br>
你有点神经质哦,但是是个很执著的MM,别人很难适应你的处世作风哦,你的男朋友也一样哦,你一时对他风情万种,一时对他冷若冰霜,令他感到十分迷惑。即使对你一见钟情,他亦会被你给他飘忽不定的感觉而吓得溜之大吉,要改变这样的状况,MM 可要好好控制一下自己的情绪哦!
</body>
</html>
在这段代码中,定义了4 个书签,分别命名为answerA、answerB、answerC 和answerD。
在浏览器中并不能看到定义的书签,但是它实际上已经存在了。此时就可以定义书签链接了。
2 链接到同一页面的书签
下面就可以为刚才制作的书签添加链接内容了。在代码的前面增加链接文字和链接地址就能够实现同页面的书签链接。
语法:<A href="#书签的名称">链接的文字</A>
说明:在该语法中,书签的名称就是刚才所定义的书签名,也就是name 的赋值。而#则代表这是书签的链接地址。
实例代码:
<html>
<head>
<title>定义书签</title>
</head>
<body>
<h3>爱情测试:你的恋爱狂热度是多少</h3>
情窦初开的漂亮小MM 终于找到了心中的白马王子啦!可是可是……是不是好想好想将感情更顺利地进行下去、急速升温?那么,可爱的MM 们快来做这个测试吧……保证让你和心中的白马王子开开心心一路牵手到底。一天之中,你最喜欢什么时间哦?<br><br>
<A href="#answerA">A:凌晨零时到清晨六点</A><br><br>
<A href="#answerB">B:清晨六点到中午十二点</A><br><br>
<A href="#answerC">C:中午十二点到下午六点</A><br><br>
<A href="#answerD">下午六点到凌晨零时</A><br><br>
<hr size=3><hr size=3>
<A name="answerA">选择A:凌晨零时到清晨六点</A><br>
向来朝气蓬勃的你,的确喜欢谈恋爱,喜欢那种活力十足的感觉,但是你的恋爱狂热度,却是平平而已。因为你对生活中的其他事物,如你个人的嗜好,也有着恋爱般的热度,过度分散目标的结果,使你的恋爱狂热度只有30%<br><br>
<hr size=2>
<A name="answerB">选择B:清晨六点到中午十二点</A><br>
你那死不服输的性格将你在人群中独立出来,恋爱的时候,亦因为不肯对对方坦白而遭抛弃,你唯一的好处是你绝不拖拖拉拉没完没了。但是有时候恋爱也要讲小策略的哦,偶尔“认输”也未尝不是件好事!<br><br>
<hr size=2>
<A name="answerC">选择C:中午十二点到下午六点</A><br>
你是个十分理智的MM,但聪明反被聪明误哦,你对每件事都小心谨慎,在爱情道路上,因怕受伤而不敢用情太深,但这会令你的恋人有种被忽视的感觉,对你的热情亦因此大减,其实有时候在他面前装迷糊装可爱,他会更加喜欢你哦。<br><br>
<hr size=2>
<A name="answerD">选择D:下午六点到凌晨零点</A><br>
你有点神经质哦,但是是个很执著的MM,别人很难适应你的处世作风哦,你的男朋友也一样哦,你一时对他风情万种,一时对他冷若冰霜,令他感到十分迷惑。即使对你一见钟情,他亦会被你给他飘忽不定的感觉而吓得溜之大吉,要改变这样的状况,MM 可要好好控制一下自己的情绪哦!
</body>
</html>
运行这段代码,可以看到4 个文字链接。
在页面中单击其中的一个链接文字,页面将会跳转到该链接的书签所在位置。
3 链接到不同页面的书签
书签链接不但可以链接到同一页面,也可以在不同页面中设置。
语法:<A href="链接的文件地址#书签的名称">链接的文字</A>
说明:在该语法中,与同一页面的书签链接不同的是,需要在链接的地址前增加文件所在的位置。
下面设置一个单独的链接页面,使其链接到前面定义的书签页面。
实例代码:
<html>
<head>
<title>定义书签</title>
</head>
<body>
<h3>爱情测试:你的恋爱狂热度是多少</h3>
情窦初开的漂亮小MM 终于找到了心中的白马王子啦!可是可是……是不是好想好想将感情更顺利地进行下去、急速升温?那么,可爱的MM 们快来做这个测试吧……保证让你和心中的白马王子开开心心一路牵手到底。一天之中,你最喜欢什么时间哦?<br><br>
<A href="04-1.html#answerA">A:凌晨零时到清晨六点</A>
<A href="04-1.html#answerB">B:清晨六点到中午十二点</A><br><br>
<A href="04-1.html#answerC">C:中午十二点到下午六点</A>
<A href="04-1.html#answerD">D:下午六点到凌晨零时</A><br><br>
</body>
</html>
运行这段代码,单击其中的某个链接,例如“B:清晨六点到中午十二点”,就可以直接链接到书签所在的位置。