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>
728
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
