a标签其他属性
例1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>a标签</title>
</head>
<body>
<a href="https://paimai.taobao.com/?spm=a21bo.2017.2007.1.6d7411d9MyPqYX">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>
<a href="第一个网页.html">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>
</body>
</html>
如图所示：
运行结果：
结论：
a标签的href属性除了可以指定一个网络地址以外，还可以指定一个本地地址。
a标签中有一个叫做target属性，这个属性的作用就是专门用于如何控制跳转？
_self：当前跳转
_blank
【实验1】尝试一下_self与_blank属性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>a标签</title>
</head>
<body>
<a href="https://paimai.taobao.com/?spm=a21bo.2017.2007.1.6d7411d9MyPqYX">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>
<a href="第一个网页.html" target="_self">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>
<!--<a href="第一个网页.html" target="_self">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>-->
</body>
</body>
</html>
如图所示：
运行结果如下图所示：
下面我们改为_blank属性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>a标签</title>
</head>
<body>
<a href="https://paimai.taobao.com/?spm=a21bo.2017.2007.1.6d7411d9MyPqYX">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>
<!--<a href="第一个网页.html" target="_self">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>-->
<a href="第一个网页.html" target="_blank">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>
</body>
</body>
</html>
如图所示：
运行结果：
a标签title属性
例2 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>a标签</title>
</head>
<body>
<a href="https://paimai.taobao.com/?spm=a21bo.2017.2007.1.6d7411d9MyPqYX" title="一米轰趴">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>
<!--<a href="第一个网页.html" target="_self">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>-->
<a href="第一个网页.html" target="_blank">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>
</body>
</body>
</html>
网友评论