010 内部链接、外部链接、路径

路径 路径的分类：

绝对路径 前面加http

相对路径 相对于当前文件的路径

./当前目录，可以省略

/.. 当前目录的下一级目录

../ 当前目录的上一级目录

内部链接

网站内部页面和页面之间的连接，参考前面的路径

外部链接

外部链接就是链接到其他网站上

<a href="http://www.taobao.com" target="_blank">百度</a>

空链接

有超链接的样子，但是点击不会跳转，这种就是空链接，空链接用#表示。

<a href="#" target="_blank">空链接</a>

下载链接

链接的文件，浏览器无法解析的时候，自动下载

<a href="./下载链接/联系方式.zip">下载链接</a>

锚链接

点击超链接，跳转到锚点处

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	<a href="https://www.taobao.com" target="_search">search</a>
	<a href="http://www.qq.com" target="_parent">parent</a>
	<a href="http://www.sina.com" target="_blank">blank</a>
	<a href="#" target="_blank">空链接</a>	
	<a href="./下载链接/联系方式.zip">下载链接</a>	
		
	<a href="#n1">第一章，桃园三结义</a>	
	<a href="#n2">第二章，十常侍乱政</a>	
	<br><br><br><br><br><br><br><br><br><br><br><br><br>
	<a id="n1">第一章：桃园三结义</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>
	
	
	
	
	<a id="n2">第二章，十常侍乱政</a><br>
	第二章，十常侍乱政<br>
	第二章，十常侍乱政<br>
	第二章，十常侍乱政<br>
	第二章，十常侍乱政<br>
	第二章，十常侍乱政<br>
	第二章，十常侍乱政<br>
	第二章，十常侍乱政<br>
	第二章，十常侍乱政<br>
	第二章，十常侍乱政<br>
	第二章，十常侍乱政<br>
	第二章，十常侍乱政<br>
	第二章，十常侍乱政<br>
	第二章，十常侍乱政<br>
	第二章，十常侍乱政<br>
	第二章，十常侍乱政<br>
	
	</body>
</html>

返回顶部就是在顶部一处设置锚点，然后链接过去

posted @ 2020-02-16 23:32  Shrly  阅读(431)  评论(0)    收藏  举报
回到顶部