一、超链接标签

  1. <html>
  2.     <head>
  3.         <meta charset="UTF-8">
  4.         <title>04 body超链接标签学习</title>
  5.     </head>
  6.     <!--
  7.       a标签：
  8.       href:要跳转到的网页资源路径 本地资源和网络资源 .记得写一个让用户点的文字/图片
  9.       target:新网页跳转后的显示方式
  10.            _blank(空白) 新打开一个网页,保留当前网页
  11.            _self(自我) 在当前网页刷新显示
  12.            —top(顶层) 在顶层页面显示  回退中使用
  13.            —tparent(顶层) 在父级页面显示
  14.             锚点：
  15.             1、先用超链接标签在指定的网页位置增加锚点 格式：<a id="锚点名" > </a>
  16.             2、使用a标签可以跳转到指定的锚点，达到网页内部跳转的目的 格式:<a href="#指定的锚点名"> 访问方式</a>
  17.     -->
  18.     <body>
  19.         <!--本地资源-->
  20.         <a href="01 head标签的学习.html">  点我进入head标签 </a>
  21.         <a href="03 body标签(图片标签).html"> <img src="../img/2.jpg" width="200px"/> </a>
  22.         <!--网络资源-->
  23.         <hr />
  24.         <a href="https://www.baidu.com/" target="_blank"> <img src="../img/baidu.jpg"/> </a>
  25.  
  26.     </body>
  27. </html>

二、锚点学习

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>神雕侠侣</title>
  6.     </head>
  7.     <body>
  8.         <h4>目录</h4>
  9.         <a href="#frist"> 第一章 风月无情</a> <br />
  10.         <a href="#second"> 第二章 故人之子</a> <br />
  11.         <a href="#third"> 第三章 投师终南</a> <br />
  12.  
  13.         <a id="frist" ></a>  <!--h5新标准 以前是name 现在是id-->
  14.         <p><h5>第一章 风月无情</h5></p>
  15.  
  16.         <p>
  17.         “越女采莲秋水畔，窄袖轻罗，暗露双金钏。
  18. 　　        照影摘花花似面，芳心只共丝争乱。
  19. 　　        鸡尺溪头风浪晚，雾重烟轻，不见来时伴。
  20. 　　        隐隐歌声归棹远，离愁引着江南岸。”
  21.         </p>
  22.         <p>
  23.             一阵轻柔婉转的歌声，飘在烟水蒙蒙的湖面上。歌声发自一艘小船之中，船里五个少女和歌嘻笑，荡舟采莲
  24.             她们唱的曲子是北宋大词人欧阳修所作的“蝶恋花”词，写的正是越女采莲的情景，虽只寥寥六十字，但季节、
  25.             时辰、所在、景物以及越女的容貌、衣着、首饰、心情，无一不描绘得历历如见，下半阕更是写景中有叙事，
  26.             叙事中夹抒情，自近而远，余意不尽。欧阳修在江南为官日久，吴山越水，柔情密意，尽皆融入长短句中。
  27.             宋人不论达官贵人，或里巷小民，无不以唱词为乐，是以柳永新词一出，有井水处皆歌，而江南春岸折柳，秋湖采莲，随伴的往往便是欧词。
  28.         </p>
  29.             <a id="second" ></a>
  30.             <p><h5>第二章  故人之子</h5></p>
  31.  
  32.         <p>
  33.         武娘子正没做理会处，忽听得丈夫叫唤，又喜又恼，心想你这疯子不知在胡闹些什么，却到这时才来，
  34.         只见他上衣扯得破破烂烂，颈中兀自挂着何沅君儿时所用的那块围涎，急奔而至，不住的叫道：“娘子，你没事么？”
  35.         她近十年来从未见丈夫对自己这般关怀，心中甚喜，叫道：“我在这里。”武三通扑到跟前，
  36.         将陆氏夫妇一手一个抱起，叫道：“快跟我来。”一言甫毕，便腾身而起。柯镇恶与武娘子跟随在后。
  37.         </p>
  38.         <p>
  39.             　武三通东弯西绕，奔行数里，领着二人到了一座破窑之中。这是座烧制酒坛子的陶窑，倒是极大。武娘子走进窑洞，
  40.             见敦儒、修文两个孩子安好无恙，当即放心，叹了口气。窑洞里有张小床，似有人居住。
  41.         </p>
  42.         <p>
  43.             武氏兄弟正与程英、陆无双坐在地下玩石子。程英与陆无双见到陆氏夫妇如此模样，扑在二人身上，又哭又叫。
  44. 　　柯镇恶听陆无双哭叫爸爸妈妈，猛然想起李莫愁之言，惊叫：“啊呀，不好，咱们引鬼上门，那女魔头跟着就来啦！”武娘子适才这一战已吓得心惊胆战，忙问：“怎么？”柯镇恶道：“那魔头要伤陆家两个孩子，可是不知她们在那里……”武娘子当即醒悟，惊道：“啊，是了，她有意不伤咱们，却偷偷的跟来。”武三通大怒，叫道：“这赤练蛇女鬼阴魂不散，让我来斗她。”说着挺身站在窑洞之前。
  45. 　　陆立鼎头骨已碎，可是尚有一件心事未了，强自忍着一口气，向程英道：“阿英，你把我……我……胸口……胸口一块手帕拿出来。”程英抹了抹眼泪，伸手到他胸衣内取出一块锦帕。手帕是块白缎子，四角都绣着朵红花。花红欲滴，每朵花旁都衬着一张翠绿色叶子，白缎子已旧得发黄，花叶却兀自娇艳可爱，便如真花真叶一般。陆立鼎道：“阿英，你把手帕缚在颈中，千万不可解脱，知道么？”程英不明他用意，但既是姨父吩咐，当即接过，点头答应。
  46. 　　陆二娘本已痛得神智迷糊，听到丈夫说话，睁开眼来，说道：“为什么不给双儿？你给双儿啊！”陆立鼎道：“不，我怎能负了她父母之托？”陆二娘急道：“你……你好狠心，你自己女儿也不顾了？”说着双眼翻白，声音都哑了。陆无双不知父母吵些什么，只哭叫：“妈妈，爸爸！”陆立鼎柔声道：“娘子，你疼双儿，让她跟着咱们去不好么？”
  47. 　　原来这块红花绿叶锦帕，是当年李莫愁赠给陆展元的定情之物。红花是大理国最著名的曼陀罗花，李莫愁比作自己，“绿”“陆”音同，绿叶就是比作她心爱的陆郎了，取义于“红花绿叶，相偎相倚”。陆展元临死之时，料知十年之期一届，莫愁、武三通二人必来生事，自己原有应付之策，不料忽染急病；兄弟武艺平平，到时定然抵挡不了，无可奈何之中，便将这锦帕交给兄弟，叮嘱明白，如武三通前来寻仇，能避则避，如不能避，动手必自然必输，却也不致有性命之忧；
  48.       但李莫愁近年来心狠手辣之名播于江湖，遇上了势必无幸，危急之际将这锦帕缠在颈中，只盼这女魔头顾念旧情，或能忍手不予加害。
  49.         </p>
  50.         <p>
  51.             但陆立鼎心高气傲，始终不肯取出锦帕向这女魔头乞命。
  52. 　　程英是陆立鼎襟兄之女。她父母生前将女儿托付于他抚养。他受人重托，责任未尽，此时大难临头，便将这块救命的锦帕给了她。陆二娘抵犊情深，见丈夫不顾亲生女儿，惶急中伤处剧痛，晕了过去。
  53. 　　程英见姨母为锦帕之事烦恼，忙将锦帕递给表妹，道：“姨妈说给你，你拿着罢！”陆立鼎喝道：“双儿，是表姊的，别接。”武娘子瞧出其中蹊跷，说道：“我将帕儿撕成两半，一人半块，好不好？”陆立鼎欲待再说，一口气接不上来，那能出声，只有点头。武娘子将锦帕撕成两半，分给了程陆二女。
  54. 　　武三通站在洞口，听到背后又哭又叫，不知出了什么事，回过头来，蓦见妻子左颊漆黑，右脸却无异状，不禁骇异，指着她脸问道：“为……为什么这样？”武娘子伸手在脸上一摸，道：“什么？”只觉左边脸颊木木的无甚知觉，心中一惊，想起李莫愁临去时曾在自己脸上摸了一下，难道这只柔腻温香的手掌轻抚而过，竟就此下了毒手？
  55. 　　武三通欲待再问，忽听窑洞外有人笑道：“两个女娃娃在这里，是不是？不论死活，都给抛出来罢。否则的话，我一把火将你们都烧成了酒坛子。”声若银铃，既脆且柔。
  56.         </p>
  57.         <a id="third" ></a>
  58.         <p><h5>第三章  投师终南</h5></p>
  59.  
  60.         <p>
  61.     郭靖在舟中潜运神功，数日间伤势便已痊愈了大半。夫妇俩说起欧阳锋十余年不见，不但未见衰迈，武功犹胜往昔，这一掌倘若打中了郭靖胸口要害，那便非十天半月之内所能痊可了。两人谈到师父洪七公，不知他身在何处，伤势是否复发，甚是记挂。黄蓉虽在桃花鸟隐居，仍遥领丐帮帮主之位，帮中事务由鲁有脚奉黄蓉之名处分勾当。她此番来到内陆，原拟乘便会见帮中诸长老会商帮务，并打听父亲及洪七公近况，郭靖既然受伤，只有先行归岛。
  62. 　　其后谈到杨过，郭靖说道：“我向来有个心愿，你自然知道。今日天幸寻到过儿，我的心愿就可得偿了。”当年郭靖之父郭啸天与杨过的祖父杨铁心义结兄弟，两家妻室同时怀孕。二人相约，日后生下的若均是男儿，就结为兄弟，若均是女儿，则结为金兰姊妹，如是一男一女，则为夫妇。后来两家生下的各为男儿，郭靖与杨过之父杨康如约结为兄弟。但杨康认贼作父，多行不义，终于惨死于嘉兴王铁枪庙中。郭靖念及此事，常自耿耿于怀。此时这么一说，黄蓉早知他的心意，摇头道：“我不答允。”
  63. 　　郭靖愕然道：“怎么？”黄蓉道：“芙儿怎能许配给这小子。”郭靖道：“他父虽行止不端，但郭杨两家世代交好，我瞧他相貌清秀，聪明伶俐，今后跟着咱俩，将来不愁不能出人头地。”黄蓉道：“我就怕他聪明过份了。”郭靖道：“你不是聪明得紧么？那有什么不好？”黄蓉笑道：“我却偏喜欢你这傻哥哥呢。”郭靖一笑，道：“芙儿将来长大，未必跟你一般也喜欢傻小子。再说，如我这般大傻瓜，天下只怕再也难找第二个。”黄蓉刮脸羞他道：“好希罕么？不害臊。”
  64. 　　两人说笑几句，郭靖重提话头，说道：“我爹爹就只这么一个遗命，杨铁心叔父临死之际也曾重托于我。可是于杨康兄弟与穆世姊份上，我实没尽了什么心。若我再不将过儿当作亲人一般看待，怎对得起爹爹与杨叔父？我常想将穆世妹接来家里，让她母子好好过活，又怕你多心，想不到穆世妹这么早这么早便去世了。”言下长叹一声，甚有怃然之意。黄蓉笑道：“好舍不得罢？你自己不怀好意，却来赖我多心，真不要脸！”郭靖急了，面红耳赤，说道：“我……我怎么不怀好意了？”黄蓉头一昂，说道：“怎么？你急了，老羞成怒，想打人吗？”郭靖微笑道：“你说我敢不敢？”伸臂将妻子抱住，黄蓉便即动弹不得，大叫：“救命，救命！杀人哪！”郭靖一笑，在她脸上一吻，放开了她。黄蓉柔声道：“好在个两孩子都还小，此事也不必急。将来倘若过儿当真没甚坏处，你爱怎么就怎么便了。”
  65. 　　郭靖站起身来，深深一揖，正色道：“多谢相允，我感激不尽。”黄蓉也正色道：“我可没应允。我是说，要瞧那孩子将来是否不坏。”郭靖一揖到地，刚伸腰直立，听她此言，不禁楞住，随即道：“杨康兄弟自幼在金国王府之中，这才学坏。过儿在我们岛上，决计坏不了，何况他这名字当年就是你给取的。他名杨过，字改之，就算有了过失，也能改正，你放心好啦。”黄蓉笑道：“名字怎能作数？你叫郭靖，好安静吗？从小就跳来跳去的像只大猴子。”郭靖瞠目结舌，说不出话来。黄蓉一笑，转过话头，不再谈论此事。
  66. 　　
  67.         </p>
  68.         <a href="#"> 回到顶部</a>  <!--#表示刷新当前网页,网页一打开就在顶部,相当于回到顶部-->
  69.     </body>
  70. </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. Halcon WPF C#采集图像区域灰度值

    源码下载地址:https://github.com/lizhiqiang0204/ImageGray.git Halcon代码如下: *读取图片,转换成灰度图片 read_image (Image1, ...

  2. 线段树维护区间前k小

    线段树维护区间前k小 $ solution: $ 觉得超级钢琴太麻烦?在这里线段树提供一条龙服务 . 咳咳,开始讲正题!这道题我们有一个和超级钢琴复杂度一样 $ ~O(~\sum x\times lo ...

  3. AGC007题解

    发现自己思维能力又跟不上了...做题有点吃力...所以回归AGC刷题计划... AGC040506都写了一部分题然后懒得补全了,所以从07开始做吧.大概是从C开始. C 这也太人类智慧了吧... 我先 ...

  4. 2.k8s资源清单

    一.常见资源对象 常见的资源对象:(包括但不仅限于) l  Workload: Pod,ReplicaSet,Deployment,StatefulSet,DaemonSet,Job,Cronjob ...

  5. HDU 1298 T9 ( 字典树 )

    题意 : 给你 w 个单词以及他们的频率,现在给出模拟 9 键打字的一串数字,要你在其模拟打字的过程中给出不同长度的提示词,出现的提示词应当是之前频率最高的,当然提示词不需要完整的,也可以是 w 个单 ...

  6. 【bzoj3564】 [SHOI2014]信号增幅仪

    题目描述: 无线网络基站在理想状况下有效信号覆盖范围是个圆形.而无线基站的功耗与圆的半径的平方成正比. 现给出平面上若干网络用户的位置,请你选择一个合适的位置建设无线基站.... 就在你拿起键盘准备开 ...

  7. mysqldump mysql数据库导入导出

    syhuo_oauth数据库结构 [root@VM_58_118_centos dbback]# /usr/bin/mysqldump -uroot -P3306 --protocol=tcp --h ...

  8. TCP服务器并发编程构架：完成端口IOCP模式

    windows下socket网络编程模式:IOCP 完成端口 1)IOCP异步事件的获取放到操作系统的网络驱动层来处理,实际上反而是降低了编程难度, 2)同时对于多线程的并发调度,也放到操作系统级别来 ...

  9. All-one Matrices

    All-one Matrices 单调栈 最大全一矩阵计数 #include<bits/stdc++.h> #define maxn 3005 using namespace std; # ...

  10. Oracle update或alter表被锁住的问题

    \\ 查询被锁的对象.来源.sid和serial select object_name, machine, s.sid, s.serial# from v$locked_object l, dba_o ...