01.21 超链接
2019-01-21 本文已影响0人
xxxQinli
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!--
超链接(a)
a标签 - 点击可以进行跳转对应的标签
内容 - 可以在网页上看得见并且可以点击的部分(可以是文字或者是别的标签，img标签居多)
href属性 - 规定点击超链接后跳转的位置
a. 一个网页地址 - 在浏览器中打开的指定网页
b. 本地的html地址(相对路径) - 跳转到打开本地一个html文件对应的网页
c. # - 刷新网页，如果有网络请求会重新请求
d. 选择器 - 可以让网页滚动到网页的指定位置，找到标签的id，不会重新加载数据
target属性 - 加载新页面的方式
_self - 在当前页面中加载新的页面
_blank - 在窗口中加载新的页面(原页面不会覆盖)
-->
<p id="head"></p>
<a href="https://www.baidu.com" target="_blank"><img src="https://www.baidu.com/img/bd_logo1.png?qua=high" alt="错误"></a>
<a href="https://www.baidu.com"><img src="https://www.baidu.com/img/bd_logo1.png?qua=high" alt="错误"></a>
<a href="https://www.baidu.com"><img src="https://www.baidu.com/img/bd_logo1.png?qua=high" alt="错误"></a>
<a href="https://www.baidu.com"><img src="https://www.baidu.com/img/bd_logo1.png?qua=high" alt="错误"></a>
<a href="#">刷新</a>
<a href="#head">回到顶部</a>
</body>
</html>
