实现HTML链接的方法如下:
(图片来源网络,侵删)
1、使用<a>
标签创建链接
<a>
标签用于创建一个超链接,它有以下几个属性:
href
:指定链接的目标地址,可以是相对路径或绝对路径。
target
:指定链接在何处打开,默认在当前浏览器窗口打开,可选值有:_self(在同一个窗口打开)、_blank(在新窗口打开)等。
title
:为链接添加描述性文本,鼠标悬停在链接上时显示。
rel
:定义链接与当前文档的关系,例如nofollow表示不跟踪链接。
示例代码:
<!内部链接 > <a href="page2.html">跳转到页面2</a> <!外部链接 > <a href="https://www.example.com" target="_blank">访问示例网站</a> <!带有描述性文本的链接 > <a href="https://www.example.com" target="_blank" title="示例网站">访问示例网站</a> <!带有rel属性的链接 > <a href="https://www.example.com" target="_blank" rel="nofollow">访问示例网站</a>
2、使用<img>
标签创建图片链接
<img>
标签用于插入图片,可以通过src
属性指定图片的URL,当用户点击图片时,会跳转到指定的URL。
示例代码:
<!图片链接 > <a href="page3.html"><img src="image.jpg" alt="图片描述"></a>
原创文章,作者:未希,如若转载,请注明出处:https://www.kdun.com/ask/440473.html