<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210822_九</title>
</head>
<body>
<h2>图片超链接</h2>
<a href="https://www.baidu.com"><img src="HTML5.jpeg"></a>
<h3>下载一个文件</h3>
<a href="E:\猎聘\测试用例\20201207需求.zip">文件下载</a>
<br/>
<a href="E:\猎聘\测试用例\PC端谁看过我功能下线.xmind">试下之前的用例是否可以</a>
</body>
</html>
代码如上
然后我们说下锚点链接: 点击锚点链接，可以快速定位到某个位置。
- 在链接文本的 href属性中，设置属性值为 "#名字"的形式，如<a href = "#你好">你是一个好人</a>
- 找到目标位置标签，里面添加一个id属性，等于刚才id的名字，如<h2 id = "你好">我是一个标题</h2>
我们来举个例子试下:
点击标题三，跳转到标签三或者段落三
看下代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210822_九</title>
</head>
<body>
<h1>标题一</h1>
<h2>标题二</h2><br>
<a href = "#life">标题三(有锚点)</a><br>
<h4>标题四</h4>
<p>段落一</p>
1.今天天气特别好<br>
1.今天天气特别好<br>
1.今天天气特别好<br>
1.今天天气特别好<br>
1.今天天气特别好<br>
1.今天天气特别好<br>
1.今天天气特别好<br>
1.今天天气特别好<br>
1.今天天气特别好<br>
<p>段落二</p>
2.今天下雨了<br>
2.今天下雨了<br>
2.今天下雨了<br>
2.今天下雨了<br>
2.今天下雨了<br>
2.今天下雨了<br>
2.今天下雨了<br>
2.今天下雨了<br>
2.今天下雨了<br>
2.今天下雨了<br>
<h5>锚点要跳转到的标签</h5>
<p>段落三</p>
3.生活有点甜，锚点会来这一段，相信我<br>
3.生活有点甜，锚点会来这一段，相信我<br>
3.生活有点甜，锚点会来这一段，相信我<br>
3.生活有点甜，锚点会来这一段，相信我<br>
3.生活有点甜，锚点会来这一段，相信我<br>
3.生活有点甜，锚点会来这一段，相信我<br>
3.生活有点甜，锚点会来这一段，相信我<br>
3.生活有点甜，锚点会来这一段，相信我<br>
3.生活有点甜，锚点会来这一段，相信我<br>
<p id="life">段落四</p>
4.你懂个p
</body>
</html>
好的，今天先到这里
