1.超链接 a标签 实现跳转页面
属性:
href 外部链接或者内部链接外部链接写完整URL, 内部链接写相对地址即可.
target 可选:
_self默认值代表在当前窗口打开页面.
_blank在新窗口中打开.
例子:
<a href="http://www.itheima.com">黑马程序员</a> 外部网址
<a href="login.html">登录</a> 本地网址
<a href="#">黑马程序员</a> 空链接
如图像、表格、音频、视频等都可以添加超链接
例子:
<a href="#">内容</a>
2.超链接 base标签
base标签的作用在于设置页面上所有a标签target的值.解决多个超级重复写的问题.
base标签写在head标签里面.
target的两个属性_self和_blank
例子:
<head>
<base target="_blank"> 就是怎么页面点击都会跳转到新界面
</head>
3.锚链接
锚链接的作用在于: 单击超链接的时候跳转到到页面指定的地方.
如我们经常见到的 回到顶部功能
先为欲跳转到的目的元素设置1个id属性,并为其设置值.
在a链接的href属性的值写上"#要跳转到的元素的id值"
例子:
注意!回到顶部首先需要撑出滚动条
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p id="top">这是顶部1</p>
<p>这是顶部2</p>
<p>这是顶部3</p>
<a href="#top">回到顶部</a> <!-- 点击该超链接的时候 就会跳转到页面上id为top的元素 -->
</body>
</html>
标签:顶部,标签,说明,超链接,跳转,链接,页面 来源: https://blog.csdn.net/Y_shihao/article/details/94603747
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。