售前咨询 售后咨询
当前位置: 上海网站设计 > 建站知识 > 建站教程

学习HTML方法详解三:常用标签之超链接标签

网站编辑:小润 | 发表时间:2019-02-02 20:24:47

HTML中使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

       一,HTML 超链接(链接)

       超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

       我们通过使用 <a> 标签在 HTML 中创建链接。有两种使用 <a> 标签的方式:

       (1)通过使用 href 属性 - 创建指向另一个文档的链接。

       (2)通过使用 name 属性 - 创建文档内的书签。

       二,HTML 链接语法

       链接的 HTML 代码很简单。它类似这样:<a href="url">超链接文本内容</a>。href 属性规定链接的目标。开始标签和结束标签之间的文字被作为超级链接来显示。

       实例

       <a href="http://www.02168.net/">润壤网络</a>

       点击这个超链接会把用户带到润壤网络官网的首页。

       提示:"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

       三,HTML 链接 - target 属性

       使用 Target 属性,你可以定义被链接的文档在何处显示。

       下面的这行会在新窗口打开文档:

       <a href="http://www.02168.net/"  target="_blank">润壤网络</a>

[html] view plaincopyprint?

1.<html>  

2.       <head>  

3.       <title>HTML超链接标签演示</title>  

4.       </head>  

5.       <body>  

6.       <a href="http://www.02168.net/" target="_blank">润壤网络</a>  

7.       </body>  

8.</html>  

       四,HTML 链接 - name 属性

       name 属性规定锚(anchor)的名称。您可以使用 name 属性创建 HTML 页面中的书签。书签不会以任何特殊方式显示,它对读者是不可见的。当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

       命名锚的语法:

       <a name="label">锚(显示在页面上的文本)</a>

       提示1:锚的名称可以是任何你喜欢的名字。

       提示2:您可以使用 id 属性来替代 name 属性,命名锚同样有效。

关键字:
官方微信
上海市长宁区宣化路300号华宁国际广场中区12层
座机:+021-5994 6805
24热线:+135 8590 1130