超链接

2个月前 (07-22) 209次浏览 已收录 0个评论
属性
作用
href
指定链接地址
Target
用于指定链接的打开方式,其中_self为默认在当前窗口打开 ,_blank为在新窗口中打开
锚点链接,点击链接快速定位到页面中的位置,
  • 在链接文本的href属性中,设置属性值为#名字的形式,如<a href=“#two”>2</a>
  • 找到目标位置标签,里面天际啊一个id属性=刚才的名字,如<h3 id=“two”>2级</h3>
  • <ahref=”#top”>返回顶部</a>
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>超链接</title>
</head>
<!--
  <a href=" 跳转目标" target="目标窗口打开方式">文本或图像</a>
-->
<h4>外部链接</h4>
<a href="https://www.baidu.com"target="_blank"> 百度</a>
<hr />
<h4>内部链接</h4>
<a href="2847.html"target="_blank"> 内部链接</a>
<hr />
<h4>空链接</h4>
<a href="#"target="_blank"> 空链接</a>
<hr />
<h4>下载链接,如果href里面地址是一个文件或者压缩包,就会自动下载这个文件</h4>
<a href="img.jpg.zip"target="_blank"> 下载链接</a>
<hr />
<h4>网页元素的链接</h4>
<a href="https://www.baidu.com"><img src="img.jpg"/></a>
<hr />
<h4>锚点链接</h4>
<a href="#锚点标识">a锚点</a>
<hr />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />占位
<br />
<h3 id="锚点标识">a锚点</h3>
<a href="#top">返回顶部</a>
</body>
</html>
结果演示
渣渣龙, 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:超链接
喜欢 (2)

您必须 登录 才能发表评论!