HTML 超链接(连接)
超链接能是一个字,一个词,或是一组词,也可以是一幅图象,您可以点一下这种具体内容来自动跳转到一个新的文档或是现阶段文档里的某一一部分。
当您把鼠标指针挪动到网页页面里的某一连接处时,箭头符号会变成一只小手。
我们通过应用 <a> 标识在 HTML 中建立连接。
有二种应用 <a> 标识的方法:
- 根据应用 href 特性 – 建立偏向另一个文档的连接
- 根据应用 name 特性 – 建立文档里的便签
HTML 连接英语的语法
连接的 HTML 编码非常简单。它类似于那样:
<a href=\"url\">Link text</a>
href 特性要求连接的总体目标。
逐渐标识和完毕标识中间的文本被作为超链接来表明。
案例
<a href=\"http://www.baidu.com/\">百度搜索</a>
上边这方面编码表明为:百度搜索
点一下这一超链接能把客户送到 百度搜索 的主页。
提醒:“连接文字” 无须一定是文字。照片或别的 HTML 原素都能够变成连接。
HTML 连接 – target 特性
应用 Target 特性,你能界定被连接的文档在何处表明。
下边的这公会在新窗口开启文档:
<a href=\"http://www.baidu.com/\" target=\"_blank\">百度搜索</a>
HTML 连接 – name 特性
name 特性要求锚(anchor)的名字。
您可以用 name 特性建立 HTML 网页页面里的便签。
便签不容易以一切独特方法表明,它对阅读者是不可见的。
当应用取名锚(named anchors)时,我们能建立立即跳至该取名锚(例如网页页面中某一小标题)的连接,那样使用人就不用不断地翻转网页页面来找寻她们必须的信息了。
取名锚的英语的语法:
<a name=\"label\">锚(表明在网页页面里的文字)</a>
提醒:锚的名字能是一切你喜欢的名称。
提醒:您可以用 id 特性来取代 name 特性,取名锚一样合理。
案例
最先,大家在 HTML 文档中对锚开展取名(建立一个便签):
<a name=\"tips\">基本上的常见问题 - 有效的显示</a>
随后,大家在同一个文档中建立偏向该锚的连接:
<a href=\"#tips\">有效的显示</a>
您也可以在其它网页中建立偏向该锚的连接:
<a href=”url#tips”>有效的显示</a>
在新的浏览器窗口打开链接
本例演试怎样在新页面打开一个网页页面,那样的话来访者就不用离开你的网站了。
<html>
<body>
<a href=\"http://www.baidu.com/\" target=\"_blank\">百度搜索</a>
<p>如果把连接的 target 特性设定为 \"_blank\",该连接会到新页面中开启。</p>
</body>
</html>
HTML初级教程:超链接的应用
连接到同一个网页页面的不一样部位
本例演试怎么使用链接跳转至文档的另一个一部分
<html>
<body>
<p>
<a href=”#C2″>查询 Chapter 2。</a>
</p>
h2>Chapter 1</h2>
<p>This chapter explains ba bla bla</p>
h2><a name=”C2″>Chapter 2</a></h2>
<p>This chapter explains ba bla bla</p>
<2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p>
<h2Chapter 4</h2>
<p>This chapter explains ba bla bla</p>
<h2Chapter 5</h2>
<p>This chapter explains ba bla bla</p>
<h2>hapter 6</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chpter 7</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chpter 8</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chater 9</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chaptr 10</h2>
<p>This chapter explains ba bla bla</p>
</body>
<html>
HTML初级教程:超链接的应用
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。