介绍：

链接分为两种：
　　第一种：链接到本网页其他位置 例如：从网页顶部链接到底部
　　　　<a href="#somewhere">link</a>
　　　　<p id="sonewhere">...</p>
　　第二种：链接到其他网页 例如：从百度链接到搜狐
　　　　<a href="adv.html">adv</a>
　　　　<a href="http://souhu.com">souhu</a>

代码：

  1. <html>
  2.  <head>
  3.     <title> 链接的使用 </title>
  4.  </head>
  5.  <body>
  6.     <p id="first-Language">
  7.         <h1 >顶部</h1>
  8.     </p>
  9.  
  10.     <a href="#nineth-Language">链接到第九句话,即滚到该网页的底部</a><br/>
  11.     <a href="http://www.baidu.com">链接到百度，即新的网页</a>
  12.  
  13.     <p>
  14.     <h3>第一句话</h3>
  15.         桃树、杏树、梨树，你不让我，我不让你，都开满了花赶趟儿。
  16.     红的像火，粉的像霞，白的像雪。
  17.     花里带着甜味，闭了眼，树上仿佛已经满是桃儿、杏儿、梨儿！花下成千成百的蜜蜂嗡嗡地闹着，大小的蝴蝶飞来飞去。
  18.     野花遍地是：杂样儿，有名字的，没名字的，散在草丛里，像眼睛，像星星，还眨呀眨的。
  19.     </p>
  20.     <hr>
  21.  
  22.     <p>
  23.     <h3>第二句话</h3>
  24.         月光如流水一般，静静地泻在这一片叶子和花上。薄薄的青雾浮起在荷塘里。叶子和花仿佛在牛乳中洗过一样；又像笼着轻纱的梦。
  25.     虽然是满月，天上却有一层淡淡的云，所以不能朗照；但我以为这恰是到了好处——酣眠固不可少，小睡也别有风味的。
  26.     月光是隔了树照过来的，高处丛生的灌木，落下参差的斑驳的黑影，峭愣愣如鬼一般；变变的杨柳的稀疏的倩影，却又像是画在荷叶上。
  27.     塘中的月色并不均匀；但光与影有着和谐的旋律，如梵婀玲上奏着的名曲。
  28.     </p>
  29.     <hr>
  30.  
  31.     <p>
  32.     <h3>第三句话</h3>
  33.         记住该记住的，忘记该忘记的。改变能改变的，接受不能接受的。
  34.     </p>
  35.     <hr>
  36.  
  37.     <p>
  38.     <h3>第四句话</h3>
  39. 　　    能冲刷一切的除了眼泪，就是时间，以时间来推移感情，时间越长，冲突越 淡，仿佛不断稀释的茶。
  40.     </p>
  41.     <hr>
  42.  
  43.     <p>
  44.     <h3>第五句话</h3>
  45.         怨言是上天得至人类最大的供物，也是人类祷告中最真诚的部分。
  46.     </p>
  47.     <hr>
  48.  
  49. 　
  50.     <p>
  51.     <h3>第六句话</h3>
  52.         智慧的代价是矛盾。这是人生对人生观开的玩笑。
  53.     </p>
  54.     <hr>
  55.  
  56.     <p>
  57.     <h3>第七句话</h3>
  58.         世上的姑娘总以为自己是骄傲的公主（除了少数极丑和少数极聪明的姑娘例外）。
  59.     </p>
  60.     <hr>
  61. 　
  62.  
  63.     <p>
  64.     <h3>第八句话</h3>
  65.         如果敌人让你生气，那说明你还没有胜他的把握。
  66.     </p>
  67.     <hr>
  68.  
  69. 　　<p id="nineth-Language">
  70.     <h3>第九句话</h3>
  71.         我不知道我现在做的哪些是对的，那些是错的，而当我终于老死的时候我才知道这些。所以我现在所能做的就是尽力做好待着老死。
  72.         如果朋友让你生气，那说明你仍然在意他的友情。
  73. 　　    令狐冲说“有些事情本身我们无法控制，只好控制自己。”
  74. 　　    我不知道我现在做的哪些是对的，那些是错的，而当我终于老死的时候我才知道这些。所以我现在所能做的就是尽力做好待着老死。
  75. 　　    也许有些人很可恶，有些人很卑鄙。而当我设身为他想象的时候，我才知道：他比我还可怜。所以请原谅所有你见过的人，好人或者坏人。
  76. 　　    鱼对水说你看不到我的眼泪，因为我在水里．水说我能感觉到你的眼泪，因为你在我心里。
  77. 　　    快乐要有悲伤作陪，雨过应该就有天晴。如果雨后还是雨，如果忧伤之后还是忧伤．请让我们从容面对这离别之后的离别。微笑地去寻找一个不可能出现的你！
  78.     </p>
  79.  
  80.     <p >
  81.         <h1 >底部</h1>
  82.     </p>
  83.     <a href="#first-Language">返回第一句话,即返回该网页的顶部</a>
  84.  
  85.  </body>
  86.  
  87. </html>

截图：

　　顶部：

　　尾部：

HTML：链接标签的使用的更多相关文章

  1. ASP.NET Core教程【三】实体字段属性、链接标签、并发数据异常、文件上传及读取

    前文索引:ASP.NET Core教程[二]从保存数据看Razor Page的特有属性与服务端验证ASP.NET Core教程[一]关于Razor Page的知识 实体字段属性 再来看看我们的实体类 ...

  2. H5的段落标签、图片标签、列表标签与链接标签

    段落标签 (1)<p>段落标签</p> (2)<nobr>强制不换行标签,会出现滚动条</nobr> (3)<pre>保留原始排版标签< ...

  3. 认识HTML中文本、图片、链接标签和路径

    前端之HTML.CSS(一) 开发工具 编辑器 Dreamware.Sublime.Visual Studio Code.WebStorm 浏览器 Chrome.IE(Edge).Safari.Fir ...

  4. HTML之基本语法（链接标签、路径的介绍和使用）

    一.链接标签 语法:<a href="目标地址">这个标签上展示的内容</a> 作用:可以实现在当前页面跳转到新页面的操作 属性 1.target这个属性可 ...

  5. 链接标签（a 标签）

    一.链接标签 单词缩写: anchor 的缩写. 在HTML中创建超链接非常简单,只需用标签环绕需要被链接的对象即可. 语法格式: <a href="跳转目标" target ...

  6. HTML的链接标签

    网页的链接标签 文本超链接 图像超链接 格式:<a href="path" target="目标窗口位置" >链接文本或图像</a> 锚 ...

  7. 多测师讲解html _链接标签004_高级讲师肖sir

    <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>链 ...

  8. html a 链接标签title属性换行鼠标悬停提示内容的换行效果

    鼠标经过悬停于对象时提示内容(title属性内容)换行排版方法,html title 换行方法总结. html的title属性默认是显示一行的.如何换行呢? 这里DIVCSS5总结介绍两种换行方法为大 ...

  9. Struts2中的链接标签 <s:url>和<s:a>---在action中获取jsp表单提交的参数(转)

    转自:http://sgl124764903.iteye.com/blog/444183 1.普通链接 Web程序中最普通的应用是链接到其他页面,下面看Welcome.jsp. <%@ page ...

  10. Html链接标签：

    <a>标签可以在网页上定义一个链接地址,它的常用属性有: (1)href属性 定义跳转的地址 (2)title属性 定义鼠标悬停时弹出的提示文字框 (定义鼠标悬停时,弹出的提示框中的文字) ...

随机推荐

  1. log4net 写日志配置

    1. nuget install package log4net 2.站点跟目录新建配置文件 LogWriterConfig.xml <?xml version="1.0" ...

  2. python生成器 协程

    生成器 参考文章:  协程   gevent 生成器进阶 看个例子: def gg(): n='' i=0 while True: n=yield i #通过send传入到n if not n: pa ...

  3. 10.Spark Streaming源码分析:Receiver数据接收全过程详解

    原创文章,转载请注明:转载自 听风居士博客(http://www.cnblogs.com/zhouyf/)   在上一篇中介绍了Receiver的整体架构和设计原理,本篇内容主要介绍Receiver在 ...

  4. perl相关知识

    转:http://www.runoob.com/perl/perl-cgi-programming.html Perl 是 Practical Extraction and Report Langua ...

  5. 隐藏当前Activity而不关闭

    startActivity后调用 overridePendingTransition(R.anim.zoomin, R.anim.zoomout); 可以实现Activity跳转的动画效果 打开act ...

  6. XINCLUDE

    前言 导入外部xml文档,类似于php的include,将外部定义的dtd引入当前文件,因为引入外部实体具有局限性,所以使用xinclude来引入 语法 导入外部文档: <xi:include ...

  7. powershell 性能测试小脚本

    powershell 性能测试: 转载请注明: 仰望高端玩家的小清新 http://www.cnblogs.com/luruiyuan/ 1. 将待测试的脚本封装在代码块中 2. 使用  Get-Ch ...

  8. Python模块-xml

    XML的例子 import xml.etree.ElementTree as ET tree = ET.parse("test.xml") root = tree.getroot( ...

  9. Python之路【第六篇】:模块与包

    目录 一 模块 3.1 import 3.2 from ... import... 3.3 把模块当做脚本执行 3.4 模块搜索路径 3.5 编译python文件 3.6  标准模块 3.7  dir ...

  10. Python协程（上）

    几个概念: event_loop 事件循环:程序开启一个无限的循环,程序员会把一些函数注册到事件循环上.当满足事件发生的时候,调用相应的协程函数. coroutine 协程:协程对象,指一个使用asy ...