HTML超链接(链接)
超链接可以是一个单词、一个单词或一组单词,也可以是一幅图像。你可以点击这些内容跳转到一个新的文档或当前文档的一部分。
当您将鼠标指针移到网页中的链接上时,箭头会变成一只小手。
我们使用
有两种用途
通过使用 href 属性 – 创建指向另一个文档的链接通过使用 name 属性 – 创建文档内的书签
HTML链接语法
链接的HTML代码非常简单。看起来是这样的:
<a href="url">Link text</a>
href属性指定链接的目标。
开始标记和结束标记之间的文本显示为超链接。
示例
<a href="http://***.baidu.com/">百度</a>
上面的代码显示为:百度
点击这个超链接会把用户带到百度的主页。
提示:“文本链接”不一定是文字。图片或其他HTML元素可以是链接。
HTML & # 8211目标属性
使用Target属性,可以定义链接文档的显示位置。
以下行将在新窗口中打开文档:
<a href="http://***.baidu.com/" target="_blank">百度</a>
HTML & # 8211名称属性
name属性指定锚的名称。
您可以使用name属性在HTML页面中创建书签。
书签不会以任何特殊的方式显示,它对读者是不可见的。
当使用命名锚点时,我们可以创建直接跳转到命名锚点的链接(例如页面中的一个部分),这样用户就不必滚动页面来找到他们需要的信息。
命名锚点的语法:
<a name="label">锚(显示在页面上的文本)</a>
提示:主播的名字可以是你喜欢的任何名字。
提示:可以用id属性代替name属性,命名锚点同样有效。
示例
首先,我们在HTML文档中命名锚点(创建一个书签):
<a name="tips">基本的注意事项 - 有用的提示</a>
然后,我们在同一个文档中创建一个指向该锚点的链接:
<a href="#tips">有用的提示</a>
您也可以在其他页面中创建指向此锚点的链接:
& lta href = & # 8221url # tips & # 8221& gt有用的提示
在新的浏览器窗口中打开链接
这个例子演示了如何在一个新窗口中打开一个页面,这样访问者就不必离开你的站点。
<html>
<body>
<a href="http://***.baidu.com/" target="_blank">百度</a>
<p>如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。</p>
</body>
</html>
HTML基础教程:超链接的使用
链接到同一页面上的不同位置
这个例子演示了如何使用链接跳转到文档的另一部分。
& lthtml & gt
& ltbody & gt
& ltp & gt
& lta href = & # 8221# C2 ″& gt查看第二章。& lt/a >
& lt/p >
h2 & gt第一章& lt/H2 >
& ltp & gt本章解释了ba bla bla & lt/p >
h2 & gt& lta name = & # 8221C2 ″& gt第二章& lt/a >& lt/H2 >
& ltp & gt本章解释了ba bla bla & lt/p >
& lt2 & gt第三章& lt/H2 >
& ltp & gt本章解释了ba bla bla & lt/p >
& ltH2第4章& lt/H2 >
& ltp & gt本章解释了ba bla bla & lt/p >
& ltH2第5章& lt/H2 >
& ltp & gt本章解释了ba bla bla & lt/p >
& lth2 & gt第六章& lt/H2 >
& ltp & gt本章解释了ba bla bla & lt/p >
& lth2 & gt第七章& lt/H2 >
& ltp & gt本章解释了ba bla bla & lt/p >
& lth2 & gt第八章& lt/H2 >
& ltp & gt本章解释了ba bla bla & lt/p >
& lth2 & gtChater 9 & lt/H2 >
& ltp & gt本章解释了ba bla bla & lt/p >
& lth2 & gt第十章& lt/H2 >
& ltp & gt本章解释了ba bla bla & lt/p >
& lt/body >
& lthtml & gt
HTML基础教程:超链接的使用
本文来自秦楚殇投稿,不代表舒华文档立场,如若转载,请注明出处:https://www.chinashuhua.cn/24/593522.html