尚硅谷前端基础 (21)

好，我们继续来讲解这个超链接，那关于超链接现在你应该至少会有一个直观的感受，超链接就是用来跳转页面的，我们可以通过它从一个页面跳转到另一个页面啊，就这么简单，就就这么一个功能，就是跳转页面的，那这个里边你要注意写超链接的时候，你必须要写一个HRA这个属性，这个属性指定的是一个路径，这个路径表示什么意思呢？哎，表示说你要跳转的位置，诶，你是要跳转到A页面，你是跳转到B页面还是跳转到C页面对吧？那这种路径啊，我写一个HTPS冒号斜杠，斜杠3W点百度点。com，这个就是我们的网址啊，你在浏览器上访问，你输的也是这个东西，这就是一个网址，这种路径我们也可以称为，它叫做一个绝对路径，这个路径没啥好说的，你想跳百度，你就写百度的网址，你想跳京东，你就跳京东的网址，你说老师我不会写这个不会写你找到京东，你想跳。

啊，打开它直接在这儿一复制粘过来就行，懂这意思吧，所以这我就不多演示了啊，所以这种路径没什么可说的，但是这种路径稍微的有点不一样了啊，稍微有点不一样了，所以为了说明这个路径的问题啊，我在这里边我新建一个文件夹，我叫做一个pass pass里边呢，我来创建一个新的一个文件啊文件我们来说一下啊，我们来说一下，我直接来一个零九，我在这儿来说一下相对路径的。相对路径哎，点一个HTML，那这里边我们直接先写一个页面的一个基本结构啊，这个呢，留着不管它了啊，我直接写一个A标签，我们说了它可以跳转到一个指定的位置啊，我们来一个这个超链接，超链接啊，我把这东西给它关掉啊，然后打开这个。

当然现在超链接这我们也没写路径，所以他现在跳的话，他也他也没地方跳去，对吧，我们来open with。那应该点的停啊，这个超链接现在没写路径对吧，那现在刚才我说我想跳转到零七列表这个页面，那我在零八超链接里边，我直接写了一个什么呢？零七列表，那我现在把这个路径啊，我CTRLC我直接给粘到这儿了，你说这样我在这儿这个路径能不能正常使用。能不能尝试？行不行，诶刚才这个路径在我零八里可是好使的，那在零九里它能不能好用，能不能好用，我们来试试啊，来试试我这一点出来什么，哎，出来这么一个东西叫做不能获取什么什么什么什么玩意儿，这其实给我报了一个404啊，如果是别的网页的话，可能就出现404了啊别的服务器出现404表什么意思，表示您访问的网页未找到，诶不对呀，我这个零七列表这有啊，为什么说没找到呢？哎，不是有没有的问题是你这个路径它不对啊，路径它不对，好我们回退回过来，我们来说一下这个路径，当哎我们需要跳转到哪呢？诶跳转到一个服务器内部的一个页面时，啊，服务器内部或者叫项目内部，你像这种，像我们这个凡是在我扣的文件夹下。

它的它都属于项目内部啊，都属于服务器内部，当然我们要跳转到一个服务器内部的页面时，一般我们什么呢？诶我们都会使用我们这个相对路径，所以注意在这里边，现在我们用的一个路径叫做一个相对路径啊，叫做一个相对路径，那我们来说一下相对路径，相对路径一般诶一般都会什么呢？诶这么写吧，相路径都会使用我们这个点或什么呢？或点点开头啊，或点点开头，所以相对路径应该怎么写，或者是点斜杠开头，或者是点点斜杠开头，一般都是这种情况啊，这两种情况，但是同学看到这儿可能就要骂街了是吧，胡说八道啊，你这哪写点了哪写点写杠了，写没写没写我是不是直接零七开头了，哎零七开头，所以注意我们的点鞋盖可以什么呢？点鞋盖可以省略。

不写啊，省略不写，如果没写没写点如果什么呢？如果不写点斜杠也不写什么呢？点点斜杠，哎则就是什么呀，就相当于写了点斜杠，就相当于写点盖，所以在这我有没有写点斜盖，没有没写跟你写了是一样的，默认就是它是不是也找不着啊，哎，也找不着，所以默认就是点斜杠，所以这点斜盖你写不写都行啊，如所以你看这个路径的时候，这俩东西按道理来讲是必须写的，但是呢，如果你不写它默认就认为你写的是这个东西啊，它等于有一个默认值啊，有一个默认值，那这里边其实我们就要研究一下点斜杠和点点斜杠的区别了啊，我们来说一下这个点表什么意思，点点斜盖吧，点斜盖表示什么呢？表示我们当前文件所在的目录啊，表示。

当前文件所在的目录什么是当前文件？什么是当前文件？当前文件就是你写路径的这个文件，如果你的路径是写到零九里的，那当前文件就是零九，如果你的路径是写到零八里的，那么当前文件就是零八，你如果是写到零七里的，当前文件就是零七。你的路径写到哪儿，这个当前文件就是谁，懂这意思吧，你路径写到哪，当前文件就是谁。所以现在我的路径写到哪了，写到是09点相对路径点HTL写的是这个文件里，所以这点斜杠。

哎，所以注意当前，哎，在我们这里，我们当前页面就是我们的什么呀，零九相对路径点HTM啊在这里当前页面就是09点相对路径点ML，而我们这个点斜杠是谁呢？而我们这个点斜杠诶就相当于当前文件所在的目录，所以点斜杠就等于什么呢？就等于09点相对相对路径点HTM2所在的目录啊，所在目录，所以我们来想一下，09点相对路径点M，它所在目录是谁？是不是就在pass，哎，所以它就是相对于什么呢？相当于是pass，所以注意我这写一个点斜杠，这就等于什么，这就等于写了一个。

Pass啊，就等于写了一个pass，所以这个时候我这句话什么意思，就等于是说去pass下边去找零七点列点点in头，那我们来看pass下边有吗？没有，所以是不是就找不着啊，哎，就找不着，你要注意啊，要注意我这么写它跟上边那种写法是一模一样的，没有任何区别，因为点儿斜杠你不写，那默认就是点斜杠，它都是表示去当前目录，也就是pass里去找零七点列表点头，很明显它是不可能找到的，因为压根儿是不是就没有啊，啊，压根儿没有，所以是找不到的，那所以什么时候我可以这么写，如果我在pass下边有一个文件，比如说我叫一个贴亚gett target点我随便写一个target给点名，这边我写点东西，我写个H1 h1啊，H1写一个啊，我是target点。

HL，那这个时候假如说我想通过点击超链接跳转到target.l那这个时候我就可以直接写target.nl这样写是一点问题都没有，一点问题都没有，我们来看效果啊，来看效果，我这一点是不是就可以发生跳转呀？哎，可以发生跳转，可以发生跳转证明路径是没问题的，为什么可以这么写，因为现在targetgg和零九它是不是都在pass下，哎，都在pass下，而我这一写我不写点斜杠，其实我给你写什么写上可能看的比较清楚一点，我写成点斜杠，那其实写不写都一样啊，它就表示去当前目录，当前目录就是零九所在目录，零九所在目录是不是就是pass呀？哎，那就表示我要去pass下，去找target点，那pass下有没有target有，所以这儿是不是就找到了，哎，所以就这么简单啊，所以点斜杠表示是当前目录啊，表示是当前目录，就这么一个套路。

那我们来看，那现在我们想找零七点列表点N，那现在我们来看它是不是在当前目录，是不是在pass下边，不在pass下边，它在哪，在pass的上一级目录，也就是说这个零七呀，实际上是在我这个introduce这个目录下，Introduce跟pass什么关系，表示pass的上一级目录，所以你这写点斜盖还能不能找到它找不到了，你写它的话，等于是在pass里边找当前目录嘛，你要找这个玩意儿，这个东西是不是应该在pass的外边，也就是pass的上一级目录，上一级目录所以就不能写点了，要写什么呢？点点斜点啊，点点斜杆，我们先看效果啊，先看效果，哎，我直接点一下走一个，这个时候是不是就可以访问了，哎，就可以访问了，那么点点斜点表什么意思？点点斜杠，它表示什么呢？哎，表示当前文件所在目录的。

上一级目录啊，上一级目录我当前文件所在目录是pass pass，上一级是不是就introduce，所以我写点点斜盖表示什么意思，去in introduce里找零七点列表，点in毛能不能找到，很明显能找到，那这个路径是不是就对了？哎，所以路径很简单，点斜杠是当前目录下去找，点点斜杠是去上一节目录去找，就这么简单啊，就这么简单。好，我再来演示两种情况啊，其实这个东西你自己写写就明白了，千万别跟着光听我说，你听我说你可能会感觉听的还挺明白，对吧，但是你真正写的时候可能就乱了，所以这个东西关键点你需要待会儿下去以后你自己再写写啊，还有两种情况你们再展示一下，那现在来看啊。

他在这儿对吧，我现在呢，在这新建一个文件夹，诶我叫做一个inner吧，Inner内部的，然后在inner里面呢，我再创建一个文件，我叫tr det，他地的2.1个HTM，还是写点代码，然后这里边我们直接写一个H1，这是我是他gi2.x方写这么一个，那现在呢，我想在我的零九里边写一个超链接。A，然后呢，这个也是一个超链接，我改个名啊，这叫超链接一，这叫超链接二，这叫超链接三，现在我想去哪呢？我想去到inner，我想去跳转到inner里边的target的二点摁头，那怎么写？哎，首先我先写一个点斜杠，点斜盖表示的是我们当前目录，我要去当前目录下的inner里边找吧，所以点斜盖接着写一个in的，那in下边的谁TARGET2点N2，所以再来一个斜盖，叫做一个target2.n，所以其实很简单，一层文件或者一层目录中间就隔着一个鞋盖就完事了啊。点鞋盖表示当前目录，也就是pass下那这个鞋盖，点鞋盖inner表示去pass下的inner中去找，这是表斜杠inner target给二点号，就是表示去当前目录pass下去找inner，再去inner下去找target。

啊，2.n毛，所以这个时候能不能找到，能找到，能找到我这一刷新，咱们一点是不是就跳转过去了，哎就跳转过去了，如果in的里边还有一层呢，比如说in的里面还有一层ABC，那怎么办？哎接着斜盖ABC你是不是接着写呀？哎有几层你就写几个啊就是这个鞋盖隔的就是一个文件夹，最后通过这个文件夹找到这个文件就行，懂意思吧？诶当然你还需要自己再去体会一下啊，体会一下好，这是一种情况，还有什么情况呢？诶那现在呀，我想找谁呢？我新建文件夹，我这叫做一个aler aler里边我创建一个新的文件，我叫T亚GT target.h毛，我叫做一个TARGET3点条，在这里边还是写一个东西，写一个H1，我是它地3.n，那现在呢，我想在这里边写一个超链接，让它干嘛呢？哎，我把这两个都复制一下啊。

Out，加shift，然后加下啊复制一遍，复制一遍以后，诶，我这复制多了超链接四，我现在希望什么呢？一点这个超链接四，我要跳转到al下边的TARGET3，那这要怎么写，怎么回事？哎，首先你先看这两文件夹的关系，我这网页叫零九，零九是不是在pass下呀？哎，Pass下我要引入的是他的三，他三在哪，在al特下，那我要从帕走到al，我是不是得先从帕出来呀？哎，所以我怎么写这个路径，我先来一个点点斜杠，从pass出来，从pass出来到哪了？从pass出来是不是到了01INTRODUCE，哎，到introduce，我是不是再进到al里边啊？哎，所以后边紧接着一个鞋盖叫做一个al al直接写，你看它有提示对吧，提示，那al里边我是不是直接去它里边找TARGET3就行，哎，直接找TARGET3就行啊。

一回车保存，这时候再跳转是不是就没问题了啊，就没问题了啊，所以其实套路基本上是一样的，点斜盖表示当前目录，点点斜盖表示是上一级目录，你只要搞清楚当前目录是谁，一层一层往上捋，这个路径一定能捋出来啊，所以你待会儿需要自己去理一下，尤其是以前没有写过这种路径的，你就记住了，我们的Windows里边或者网页里边吧，它是用鞋盖去隔开这个路径的啊，一个鞋盖就是一级目录，一个鞋盖就是一级目录，点斜杠就表示当前，点点斜杠表示上一级啊，一定注意，所有的路径都是参考于当前，你返回也是从你返回一级，也是从当前目录返回一级，对吧，你进去一级也是从当前目录往里走一级，所以所有东西都是相对于我们当前目录，所以我们才叫相对路径，它总是相对于当前文件所在的那个位置，啊，路径是我们前期哎学这个网页。

的时候，一个相对来说比较难点的一个东西，有点绕，其实也不难，稍微多写写，多练练就OK了，也不用多写，你写个三五遍，我相信你应该就能写明白啊，应该就能写明白了。好，接下来自己来尝试着写一下这个相对路径啊，研究一下这个路径的一个问题，待会儿我们再来讲解一下超链接A标签的一些其他用法，好，我们先来听一下。