1、本页面打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>行级标签</title>
</head>
<body>
<a href="http://www.baidu.com" >百度一下</a>
</body>
</html>
2、新标签页打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>行级标签</title>
</head>
<body>
<a href="http://www.baidu.com" target="_blank">百度一下</a>
</body>
</html>
3、 链接本地图片
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>行级标签</title>
</head>
<body>
<a href="../image/QQ360.png" target="_blank">打开图片</a>
</body>
</html>
4 、锚点
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>行级标签</title>
</head>
<br>
<a id = "top" href="#bottom" >去底部</a> <br />
你好<br />
你好<br />
你好<br />
你好<br /> 你好<br />
你好<br /> 你好<br /> 你好<br /> 你好<br />
你好<br />
你好<br />
你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br />
你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br />
你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br />
<a id = "bottom" href="#top" >去顶部</a> <br />
</body>
</html>
5、范围标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>行级标签</title>
</head>
<br>
<a id = "top" href="#bottom" >去底部</a> <br />
<a href="#range">点一下去范围标签</a>
你好<br />
你好<br />
你好<br />
你好<br /> 你好<br />
你好<br /> 你好<br /> 你好<br /> 你好<br />
你好<br />
你好<br />
你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br />
你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br />
你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br />
你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br />
<span id="range">我是范围标签</span>>
你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br />
你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br />
<a id = "bottom" href="#top" >去顶部</a> <br />
</body>
6、链接路径
原文地址：https://www.cnblogs.com/sunnybowen/p/10505297.html
时间： 2024-11-05 16:02:30