一、超链接标签

<html>

    <head>

        <meta charset="UTF-8">

        <title>04 body超链接标签学习</title>

    </head>

    <!--

      a标签：

      href:要跳转到的网页资源路径 本地资源和网络资源 .记得写一个让用户点的文字/图片

      target:新网页跳转后的显示方式

           _blank(空白) 新打开一个网页,保留当前网页

           _self(自我) 在当前网页刷新显示

           —top(顶层) 在顶层页面显示  回退中使用

           —tparent(顶层) 在父级页面显示

            锚点：

            1、先用超链接标签在指定的网页位置增加锚点 格式：<a id="锚点名" > </a>

            2、使用a标签可以跳转到指定的锚点，达到网页内部跳转的目的 格式:<a href="#指定的锚点名"> 访问方式</a>

    -->

    <body>

        <!--本地资源-->

        <a href="01 head标签的学习.html">  点我进入head标签 </a>

        <a href="03 body标签(图片标签).html"> <img src="../img/2.jpg" width="200px"/> </a>

        <!--网络资源-->

        <hr />

        <a href="https://www.baidu.com/" target="_blank"> <img src="../img/baidu.jpg"/> </a>

    </body>

</html>

二、锚点学习

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>神雕侠侣</title>

    </head>

    <body>

        <h4>目录</h4>

        <a href="#frist"> 第一章 风月无情</a> <br />

        <a href="#second"> 第二章 故人之子</a> <br />

        <a href="#third"> 第三章 投师终南</a> <br />

        <a id="frist" ></a>  <!--h5新标准 以前是name 现在是id-->

        <p><h5>第一章 风月无情</h5></p>

        <p>

        “越女采莲秋水畔，窄袖轻罗，暗露双金钏。

　　        照影摘花花似面，芳心只共丝争乱。

　　        鸡尺溪头风浪晚，雾重烟轻，不见来时伴。

　　        隐隐歌声归棹远，离愁引着江南岸。”

        </p>

        <p>

            一阵轻柔婉转的歌声，飘在烟水蒙蒙的湖面上。歌声发自一艘小船之中，船里五个少女和歌嘻笑，荡舟采莲

            她们唱的曲子是北宋大词人欧阳修所作的“蝶恋花”词，写的正是越女采莲的情景，虽只寥寥六十字，但季节、

            时辰、所在、景物以及越女的容貌、衣着、首饰、心情，无一不描绘得历历如见，下半阕更是写景中有叙事，

            叙事中夹抒情，自近而远，余意不尽。欧阳修在江南为官日久，吴山越水，柔情密意，尽皆融入长短句中。

            宋人不论达官贵人，或里巷小民，无不以唱词为乐，是以柳永新词一出，有井水处皆歌，而江南春岸折柳，秋湖采莲，随伴的往往便是欧词。

        </p>

            <a id="second" ></a>

            <p><h5>第二章  故人之子</h5></p>

        <p>

        武娘子正没做理会处，忽听得丈夫叫唤，又喜又恼，心想你这疯子不知在胡闹些什么，却到这时才来，

        只见他上衣扯得破破烂烂，颈中兀自挂着何沅君儿时所用的那块围涎，急奔而至，不住的叫道：“娘子，你没事么？”

        她近十年来从未见丈夫对自己这般关怀，心中甚喜，叫道：“我在这里。”武三通扑到跟前，

        将陆氏夫妇一手一个抱起，叫道：“快跟我来。”一言甫毕，便腾身而起。柯镇恶与武娘子跟随在后。

        </p>

        <p>

            　武三通东弯西绕，奔行数里，领着二人到了一座破窑之中。这是座烧制酒坛子的陶窑，倒是极大。武娘子走进窑洞，

            见敦儒、修文两个孩子安好无恙，当即放心，叹了口气。窑洞里有张小床，似有人居住。

        </p>

        <p>

            武氏兄弟正与程英、陆无双坐在地下玩石子。程英与陆无双见到陆氏夫妇如此模样，扑在二人身上，又哭又叫。

　　柯镇恶听陆无双哭叫爸爸妈妈，猛然想起李莫愁之言，惊叫：“啊呀，不好，咱们引鬼上门，那女魔头跟着就来啦！”武娘子适才这一战已吓得心惊胆战，忙问：“怎么？”柯镇恶道：“那魔头要伤陆家两个孩子，可是不知她们在那里……”武娘子当即醒悟，惊道：“啊，是了，她有意不伤咱们，却偷偷的跟来。”武三通大怒，叫道：“这赤练蛇女鬼阴魂不散，让我来斗她。”说着挺身站在窑洞之前。

　　陆立鼎头骨已碎，可是尚有一件心事未了，强自忍着一口气，向程英道：“阿英，你把我……我……胸口……胸口一块手帕拿出来。”程英抹了抹眼泪，伸手到他胸衣内取出一块锦帕。手帕是块白缎子，四角都绣着朵红花。花红欲滴，每朵花旁都衬着一张翠绿色叶子，白缎子已旧得发黄，花叶却兀自娇艳可爱，便如真花真叶一般。陆立鼎道：“阿英，你把手帕缚在颈中，千万不可解脱，知道么？”程英不明他用意，但既是姨父吩咐，当即接过，点头答应。

　　陆二娘本已痛得神智迷糊，听到丈夫说话，睁开眼来，说道：“为什么不给双儿？你给双儿啊！”陆立鼎道：“不，我怎能负了她父母之托？”陆二娘急道：“你……你好狠心，你自己女儿也不顾了？”说着双眼翻白，声音都哑了。陆无双不知父母吵些什么，只哭叫：“妈妈，爸爸！”陆立鼎柔声道：“娘子，你疼双儿，让她跟着咱们去不好么？”

　　原来这块红花绿叶锦帕，是当年李莫愁赠给陆展元的定情之物。红花是大理国最著名的曼陀罗花，李莫愁比作自己，“绿”“陆”音同，绿叶就是比作她心爱的陆郎了，取义于“红花绿叶，相偎相倚”。陆展元临死之时，料知十年之期一届，莫愁、武三通二人必来生事，自己原有应付之策，不料忽染急病；兄弟武艺平平，到时定然抵挡不了，无可奈何之中，便将这锦帕交给兄弟，叮嘱明白，如武三通前来寻仇，能避则避，如不能避，动手必自然必输，却也不致有性命之忧；

      但李莫愁近年来心狠手辣之名播于江湖，遇上了势必无幸，危急之际将这锦帕缠在颈中，只盼这女魔头顾念旧情，或能忍手不予加害。

        </p>

        <p>

            但陆立鼎心高气傲，始终不肯取出锦帕向这女魔头乞命。

　　程英是陆立鼎襟兄之女。她父母生前将女儿托付于他抚养。他受人重托，责任未尽，此时大难临头，便将这块救命的锦帕给了她。陆二娘抵犊情深，见丈夫不顾亲生女儿，惶急中伤处剧痛，晕了过去。

　　程英见姨母为锦帕之事烦恼，忙将锦帕递给表妹，道：“姨妈说给你，你拿着罢！”陆立鼎喝道：“双儿，是表姊的，别接。”武娘子瞧出其中蹊跷，说道：“我将帕儿撕成两半，一人半块，好不好？”陆立鼎欲待再说，一口气接不上来，那能出声，只有点头。武娘子将锦帕撕成两半，分给了程陆二女。

　　武三通站在洞口，听到背后又哭又叫，不知出了什么事，回过头来，蓦见妻子左颊漆黑，右脸却无异状，不禁骇异，指着她脸问道：“为……为什么这样？”武娘子伸手在脸上一摸，道：“什么？”只觉左边脸颊木木的无甚知觉，心中一惊，想起李莫愁临去时曾在自己脸上摸了一下，难道这只柔腻温香的手掌轻抚而过，竟就此下了毒手？

　　武三通欲待再问，忽听窑洞外有人笑道：“两个女娃娃在这里，是不是？不论死活，都给抛出来罢。否则的话，我一把火将你们都烧成了酒坛子。”声若银铃，既脆且柔。

        </p>

        <a id="third" ></a>

        <p><h5>第三章  投师终南</h5></p>

        <p>

    郭靖在舟中潜运神功，数日间伤势便已痊愈了大半。夫妇俩说起欧阳锋十余年不见，不但未见衰迈，武功犹胜往昔，这一掌倘若打中了郭靖胸口要害，那便非十天半月之内所能痊可了。两人谈到师父洪七公，不知他身在何处，伤势是否复发，甚是记挂。黄蓉虽在桃花鸟隐居，仍遥领丐帮帮主之位，帮中事务由鲁有脚奉黄蓉之名处分勾当。她此番来到内陆，原拟乘便会见帮中诸长老会商帮务，并打听父亲及洪七公近况，郭靖既然受伤，只有先行归岛。

　　其后谈到杨过，郭靖说道：“我向来有个心愿，你自然知道。今日天幸寻到过儿，我的心愿就可得偿了。”当年郭靖之父郭啸天与杨过的祖父杨铁心义结兄弟，两家妻室同时怀孕。二人相约，日后生下的若均是男儿，就结为兄弟，若均是女儿，则结为金兰姊妹，如是一男一女，则为夫妇。后来两家生下的各为男儿，郭靖与杨过之父杨康如约结为兄弟。但杨康认贼作父，多行不义，终于惨死于嘉兴王铁枪庙中。郭靖念及此事，常自耿耿于怀。此时这么一说，黄蓉早知他的心意，摇头道：“我不答允。”

　　郭靖愕然道：“怎么？”黄蓉道：“芙儿怎能许配给这小子。”郭靖道：“他父虽行止不端，但郭杨两家世代交好，我瞧他相貌清秀，聪明伶俐，今后跟着咱俩，将来不愁不能出人头地。”黄蓉道：“我就怕他聪明过份了。”郭靖道：“你不是聪明得紧么？那有什么不好？”黄蓉笑道：“我却偏喜欢你这傻哥哥呢。”郭靖一笑，道：“芙儿将来长大，未必跟你一般也喜欢傻小子。再说，如我这般大傻瓜，天下只怕再也难找第二个。”黄蓉刮脸羞他道：“好希罕么？不害臊。”

　　两人说笑几句，郭靖重提话头，说道：“我爹爹就只这么一个遗命，杨铁心叔父临死之际也曾重托于我。可是于杨康兄弟与穆世姊份上，我实没尽了什么心。若我再不将过儿当作亲人一般看待，怎对得起爹爹与杨叔父？我常想将穆世妹接来家里，让她母子好好过活，又怕你多心，想不到穆世妹这么早这么早便去世了。”言下长叹一声，甚有怃然之意。黄蓉笑道：“好舍不得罢？你自己不怀好意，却来赖我多心，真不要脸！”郭靖急了，面红耳赤，说道：“我……我怎么不怀好意了？”黄蓉头一昂，说道：“怎么？你急了，老羞成怒，想打人吗？”郭靖微笑道：“你说我敢不敢？”伸臂将妻子抱住，黄蓉便即动弹不得，大叫：“救命，救命！杀人哪！”郭靖一笑，在她脸上一吻，放开了她。黄蓉柔声道：“好在个两孩子都还小，此事也不必急。将来倘若过儿当真没甚坏处，你爱怎么就怎么便了。”

　　郭靖站起身来，深深一揖，正色道：“多谢相允，我感激不尽。”黄蓉也正色道：“我可没应允。我是说，要瞧那孩子将来是否不坏。”郭靖一揖到地，刚伸腰直立，听她此言，不禁楞住，随即道：“杨康兄弟自幼在金国王府之中，这才学坏。过儿在我们岛上，决计坏不了，何况他这名字当年就是你给取的。他名杨过，字改之，就算有了过失，也能改正，你放心好啦。”黄蓉笑道：“名字怎能作数？你叫郭靖，好安静吗？从小就跳来跳去的像只大猴子。”郭靖瞠目结舌，说不出话来。黄蓉一笑，转过话头，不再谈论此事。

　　

        </p>

        <a href="#"> 回到顶部</a>  <!--#表示刷新当前网页,网页一打开就在顶部,相当于回到顶部-->

    </body>

</html>

[19/05/15-星期三] HTML_body标签(超链接标签和锚点)的更多相关文章

  1. html body的属性 格式控制标签 内容容器标签 超链接标签 图片标签 表格

    一.body的属性 <body  bgcolor  页面背景色 background 背景壁纸.图片 text文字颜色 topmargin上边距 leftmargin左边距 rightmargi ...

  2. 前端 HTML body标签相关内容 常用标签 超链接标签 a标签

    超链接标签 <a> 超级链接<a>标记代表一个链接点,是英文anchor(锚点)的简写.它的作用是把当前位置的文本或图片连接到其他的页面.文本或图像,也可以是相同网页上的不同位 ...

  3. day01 html介绍 文档声明头 head标签 body标签

    day01 html   初识html <!--文档的声明--> <!doctype html>   <html lang="en">    # ...

  4. [19/05/14-星期二] HTML_body标签(列表标签和图片标签)

    一.列表标签 <!-- 快捷键 1.<meta charset="UTF-8"/> 用m6可直接写出 2.复制当前1行到下一行 ctrl+shift+R --&g ...

  5. 超链接标签a样式生效，取消下划线，文字垂直（上下）居中

    直接设置超链接标签a的属性时并不会生效, 需要将display属性改为inline-block, 即style="display:inline-block" 添加标签a时,默认是有 ...

  6. html标签，格式控制标签，内容容器标签，超链接标签，图片标签，表格

    打开DREAMWEAVER,新建HTML,如下图: body的属性: bgcolor 页面背景色 background  背景壁纸.图片 text  文字颜色 topmargin  上边距 leftm ...

  7. 我给女朋友讲编程html系列(3) --html中的超链接标签-a标签 和 框架frame与框架集frameset

    我们浏览网页的时候,当单击某段文字或图片时,就会打开一个新的网页,这里面就使用了超链接. 就比如下图是一个导航类网页,当你单击某个链接就会打开新的网页. 比如,我拿我的qq空间“金河访谈”举例,新建一 ...

  8. (转)CSS颜色及<a>标签超链接颜色改变

    CSS颜色大全 <a>标签超链接颜色改变 A:hover   {BACKGROUND-COLOR:   #ffccff;   COLOR:   #0080ff}     (hover表示鼠 ...

  9. AngularJS <a> 超链接标签不起作用？

    问题描述: Angular JS app中,使用超链接标签<a href='location'>click</a> 不起作用. 解决方法: 如果你不巧配置了$locationP ...

随机推荐

  1. Insomni'hack teaser 2019 - Pwn - 1118daysober

    参考链接 https://ctftime.org/task/7459 Linux内核访问用户空间文件:get_fs()/set_fs()的使用 漏洞的patch信息 https://maltekrau ...

  2. windows 安装apache2.4

    https://segmentfault.com/a/1190000008767607 一.下载 1.下载地址: http://httpd.apache.org/download.cgi 2.找到Fi ...

  3. Python---进阶---文件操作---比较文件不同

    一.编写一个程序,接受用户输入的内容,并且保存为新的文件 如果用户单独输入:w 表示文件保存退出 --------------------------------------------- file_ ...

  4. layui数据表格分页加载动画,自己定义加载动画,"加载中..."

    记录思路,仅供参考 在表格渲染完成后,在done回调函数中给分页动态加点击事件, 关闭"加载中..."动画也是在 done回调函数中关闭 这是我实现的思路,记录给大家参考. , d ...

  5. mysql CREATE TABLE语句 语法

    mysql CREATE TABLE语句 语法 作用:创建数据库中的表. 大理石量具系列 语法:CREATE TABLE 表名称 (列名称1 数据类型,列名称2 数据类型,列名称3 数据类型,.... ...

  6. linux-解决添加的网卡无法识别的问题

    添加网卡之后,网卡无法被正确的识别和使用排错方法 查看/etc/udev/rules.d/70-persistent-net.rules的内容,该文件中可以查看到新添加的网卡的MAC地址 修改/etc ...

  7. [CSP-S模拟测试]:老司机的狂欢（LIS+LCA）

    题目背景 光阴荏苒.不过,两个人还在,两支车队还在,熟悉的道路.熟悉的风景,也都还在.只是,这一次,没有了你死我活的博弈,似乎和谐了许多.然而在机房是不允许游戏的,所以班长$XZY$对游戏界面进行了降 ...

  8. [CSP-S模拟测试]:array（单调栈）

    题目描述 在放完棋子之后,$dirty$又开始了新的游戏. 现在他拥有一个长为$n$的数组$A$,他定义第$i$个位置的分值为$i−k+1$,其中$k$需要满足: 对于任意满足$k\leqslant ...

  9. Spring 使用RedisTemplate操作Redis

    首先添加依赖: <!-- https://mvnrepository.com/artifact/redis.clients/jedis --> <dependency> < ...

  10. Java heap size

    今天在性能诊断工作中遇到 Java heap size, 下面是它的相关的概念. 什么是Java heap size ? Java heap size 堆栈大小, 指Java 虚拟机的内存大小.我的理 ...