<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>a标签等</title>
</head>
<body>
<div style="margin-left: 30%">
<p>
14-a标签的两个作用（anchor）：<br>
1-超链接-唯一能做超链接的标签<br>
2-锚点--href='#某个标签的ID' --重回到某一定点的位置<br>
3-target 属性: target 属性规定在何处打开链接文档<br>
_blank是最常见的链接方式，表示超链接的目标地址在新建窗口中打开；<br>
_self表示“相同窗口”。点击链接后，地址栏不变；<br>
_top表示整页窗口；<br>
_parent表示父窗口。<br>
4-href属性：Hypertext Reference的缩写--超文本引用
15-img标签:1-src(source-源头)属性-用来放图片链接；2-alt属性-当图片不显示时用来显示的文字；<br>
3-title-当鼠标放在图片上时显示的文字<br>
</p>
</div>
<h1 style="text-align: center;background-color: #e75e15">例 子</h1>
<a href="#i1">第一个链接</a> <a href="#i2">第二个链接</a> <a href="#i3">第三个链接</a><br>
<a id="i1" href="https://www.cnblogs.com/" target="_blank">
<img src="003.jpg" style="height: 500px;width: 300px" title="美女+博客" alt="博客">
</a><br>
<a id="i2" href="https://www.cnblogs.com/" target="_blank">
<img src="002.jpg" style="height: 500px;width: 300px" title="美女+博客" alt="博客">
</a><br>
<a id="i3" href="https://www.cnblogs.com/" target="_blank">
<img src="001.jpg" style="height: 500px;width: 300px" title="美女+博客" alt="博客">
</a><br>
<a href="#i1">回到第一个链接</a><br>
</body>
</html>
浙公网安备 33010602011771号