17.尚硅谷_HTML&CSS基础_超链接1.avi原创

说直接连着说了啊，下边内连框架说完了以后，我们要说一个，另一个比较重要，一个也是比较简单，一个东西我们叫一个什么呢？叫做一个超链接，超链接昨天我们讲这个N毛说了，我们说了H天毛叫做一个超文本标记语言，实际上那个超指的就是什么呀？就是超链接啊，超指的就是超链接，那我们来说什么叫超链接，超链接有什么用啊，上网的时候一定点过超链接，你点超链接什么效果呀，是不是跳转啊，昨天我们这老师说使用什么呢？使用超链接可以让可以什么呢？可以让我们从一个页面跳转到是不是另一个页面啊哎，从一个页面跳转到另一个页面，诶，那我们来说这个东西是怎么用的，我们使用什么呢？使用这个标签比较简单什么呢？A标签，诶使用我们这个A标签来干嘛呢？来创建一个超链接，那我们来看怎么创建，直接来一个这个什么呀，A它也是一个什么呀，有开始就结束然。

然后标号中间可以写文字来我写一个，诶我是一个超链接保存，那这样我们就创建好了一个什么呀超链接，但是我们来看一眼吧，我这一点开你发现是不是这玩意儿啊，诶那超链接你是不是得能能点呀，这能点吗？不能点那为什么呀，你这超链接我们说我一点这个超链接，我是不是得跳转到另一个页面啊，那问题来了，我点它完了跳到哪个页面，你告诉他了吗？没有吧？诶所以这东西是不能点的，所以这里边注意超链接还有什么呀，有几个属性，属性第一个我们来说叫做HRAHRA干嘛呀，叫什么呀，指向我们这个链接，诶跳转的一个什么呀，目标地址，说白了，你这个点完超链接，我是不是跳转到哪个页面啊？诶，哪个页面，那比如说我可以改一下来什么呢？来一个h rap，等于我这是不可以写一个路径啊，诶那这里边可以什么呢？可以。

也写一个什么呀，诶相对路径也可以写什么呢？一个完整的什么呀，地址，比如说我来写什么呢？直接写了HTTP冒号斜杠，斜杠3W点百度点com，那这个现在这个地址是什么呀？是不是百度的地址啊，哎来我这一保存，现在这一块一刷新，你看诶模样是不是已经变了呀，哎，你看是变成紫色的了，而且还多了一什么呀，下划线，当我鼠标移上去以后，变成一什么呀，是不是变成一小手啊，诶变成小手，我这一点走，你看开始转起来了，干在干嘛呢？再向百度发送请求，你看是不是页面就变成百度了呀，现在就是没网，如果有网，百度页面是不是出来了呀？诶这就是一个超链接，可以干嘛呢？可以跳转到我们那个指定的页面啊，指定页面好，那这里边是我们写的一个什么呀，跳转到外部页面，那我能不能跳转到，我们能不能使用相对路径啊，诶，那比如说我想跳到。

啊，然后想跳到这个DEMO03行，不行直接写吧，诶demodemodemo03.m码保存是不是就OK了呀？诶来我们来看效果一刷新，诶这是又来一串链接呀，诶你发现这俩串链接呢，是不是在一行的呀，那我们希望他干嘛呀，是不是远一点换个行啊怎么办啊，哎，我来这儿给他加一个是不OK了，诶来一刷新走你就换过来了，有点近，有点近怎么办呢？再来一个对吧？诶再来一个，这一刷新走你是不是下来了，好，那下边我点下边这个创链接啊，我一点走是不是跑到这个W03里边了，诶W03里边啊，上边这个是百度，下边这个是DEMO03，在这儿可以看到这个地址啊，在这儿可以看到这个地址啊，那这里边我们还有一个什么呢？那比如说我这换一个啊。这里边我就复制一个CTRLC，这边我不写百度了，我写一什么呢？百度1234567，诶那这个网址呢，就随便写一个网址是吧，但这网址呢，我肯定是没访问过的，没访问过我们来看什么效果，我这一刷新走你你发现什么了？诶这是不是蓝色的呀，为什么呀？诶这是没有访问过的链接，这个紫色的是什么呀，访问过的诶所以你会发现它没访过的，还有访问它会有一些什么呀，有一些区别，当然我们会说这个东西怎么去设置啊，怎么设置，但你要知道他们现在默认是有一个区别的啊，访问过的是一个蓝色，不是访问过的是一个紫色，没访问过的是一个蓝色的啊蓝色的好，这是我们说的这么一个超链接，那超链接这儿看完了，那这个东西只是一个跳转页面，你们会发现我一点完超链接干嘛呢？我都关上啊，我一点完超链接一点完了，是不是直接在我们当前页面是不是打开这么一个超链接啊，诶直接在当前页面打开这么一个超链接，那我还。

诶有什么情况呀，我一点这个是不是应该在一个新的标签去打开呀，哎，我一点在一个新的为去打开，那这个东西怎么找？诶那么想如果是在新的打开，它是不是肯定有一个属性啊，哎，有一个属性我可以去设置它这个打开的位置，那这个属性如果我们开发的时候想不起来怎么办呀？哎，我们可以看一眼我们这个文档W3SCHOOL离线手册，直接找A肯定干嘛呀，在最上边，因为它A嘛，对吧，在这诶直接一点开往下找它的一些属性，你看包括这些东西都给你给你写上了，咱们不管它了，往下看，诶属性还不少，我们看我们用的什么呀，有一个HRI叫什么呀，规定我们链接指向的页面的URL吧，这是我们刚才用的那个，还有什么呢？这是有一个target呀，Target什么意思呀，目标，目标叫什么呢？规定在何处，打开链接文档也就是什么意。

知道在什么位置，是不是打开链接啊，目前什么情况啊，我这一点是不是在当前窗口啊，诶当前窗口，那我们来看看它可以设置什么值，那在我们这个target的后边，你看这个框这是什么呀？这是它的一个可选值，有这么几个啊，我们来看下划线blank，什么下划线下划线下划线top，我们这边暂时就看两个，一个是一个是我们来看看下划线来，那下划线什么意思，诶，我直接来一个target，然后等于我这来一个下划线self，我这一保存啊，我们来看刷新一点走你。

有变化吗？没有变化，你会发现我是不是写不写都一样啊，哎，都一样，我们来说一下这个属性叫做一个target a标签中的什么呢？诶中的这个targety的属性可以干嘛呢？可以用来指定我们这个打开链接的什么呀，位置啊，打开链接的位置，我们来说一下可选可选值，可选值第一个值我们叫做一个下划线self self什么意思呀，自己啊自己self表示什么呢？表示在我们这个什么呀？当前窗口中干嘛呀？打开啊，在窗前当前窗口中打开这个玩意儿送他三个字叫什么呢？默认值，什么叫默认值啊，你写不写都是它，你不写是不是也是它呀，你写上S也是它，所以这个self叫做一个默认值，然后刚才我们看到一个。

下划线一个叫什么呀？哎，Blank blank什么意思呀，空白的是吧，来我们来换成blank看效果啊看效果我这一刷新，现在来看我这是不是两个标签一个标签页啊，诶，我这一点它来走。变成几个是变成两个了，你看刚才这我是不是还在呀，哎，我这一点是不是打开一个新的呀，哎每点一次是不打开一个新的呀，诶所以表示什么呀，表什么呀，哎在一个什么呀，新的这个什么呀，哎窗口中完了，诶打开我们这个链接啊在新的窗口打链接，所以这两个帧你用的时候，如果你想在当前窗口打开就用什么呀，Self如果想在新的窗口打开进什么呀，Blank啊blank自己去选择，按自己选择，然后还有一种情况，什么情况呢？来我把这f frame给它粘过来，CTRLC来在这我来一个f frame啊，然后这写两个b f frame它也不会换行，然后呢，我们这还是引入这个DEMO02啊DEMO02我这一保存，咱们来看一刷新，我这是不是一个FRA，还有一些情况，我希望什么呀，我一点这个。

链接干嘛呢？是不是在这儿去打开页面啊，哎，我一点超链接在这去打开页面，那这玩意儿怎么整呢？我希望什么呢？我希望我这个目标页面是在我这个内联框架中打开的，那怎么办呢？诶，那我们来看了，这就用到什么了，刚才我们这个内联框架是不是有一个name属性啊，Name属性叫什么呀？叫ho，那干嘛呢？我将这个它给设置成什么呀？Top，诶那我们来看这回什么效果，一刷新现在看着啊一点走。

干嘛了，你看我页面整个页面刷没刷新我一点是不是这块变了呀，那意味着什么？意味着是不是在这个内联框架里打开了我那个新页面啊，诶新页面，所以我们第三种值干嘛呢？可以设置为一个什么呀，一个内联框架的什么呀，名字啊叫什么呀，内幕属性值将会什么呢？我们这个链接将会在我们这个指定的内联框架中干嘛呀打开，所以我这写了一个Tom表示什么意思，表示我这个链接要在我那个name值为Tom的内联框架中是不是打开啊，诶打开啊，所以注意我们可以指定一个内联框架一个name，但是这种东西现在其实相对来说用的比较比较少，但是你要了解一下，以后也会用到啊，也会用到，好，这个是我们说的这么一个这个超链接啊，超链接好，那说完这超链接呢，其实这里边有一。

呃，小的练习，小的练习呢，我们来看一眼，其实应该有同学已经看过这个东西了，就这么一个页面，那这个页面，那这个练习其实也比较简单，我们就干嘛呢，用我们的自己的自己的这个编辑器来模拟这么一个页面，那这东西我们来看它会不会做呀，应该没啥问题是吧？哎，那我们只要看什么呀？那我们来看这是不是有一个文字呀，那这个文字，那你们想想它这文字又大又粗的，这应该是用什么设置的？哎，是不是应该是个标题啊，哎，标题这是我的个人博客，然后这有一个什么呀？诶，这是应该是个水平线吧，哎，水平线，然后这有什么呀？诶，这是应该什么呀？是不应该是二级标题呀？诶二级标题包括下边这应该是个超链接呀，这应该是个什么呀，段落是吧？哎，然后这个应该是个什么呀，图片，包括下边又一个水平线，是不是又一些超链接呀，诶所以这些东西我相信大家应该都可以干嘛呀，我可以自己去完成一下，应该有同学可能已经做过了是吧？诶自己尝试完成一下，但是。

这里边唯独有一个陌生点什么呢？我们发现其实我整个页面它是不是都是居中的呀？诶文本都是包括文本包括图片，实际上是在我们整个页面中居中的，那在我们真实的开发中，我们居中要怎么办呀？一般都得通过我们那个CSS来完成啊，不一定是浮动，都是通过我们那个CSS完成啊，Margin啊，或者那个文本居中，或者我们那个t line等等一些属性，但是现在我们这些CSS我们暂时还没有涉及到，那我们怎么让它居中呢？那实际上在我们这里边有一个标签叫什么呢？直接写了叫做一个什么意思，就是中间意思是吧，就是中间意思，我们来说一下center标签中的这个什么呀？哎，内容会什么呢？诶会默认在我们这个页面中干嘛呀，居中显示啊，会默认在我们这个页面中居中显示，所以这里边我们来看，假如说我这写一个P标签，就写一个P标签。

写一个P标签，写一个什么呢？写一个这个，诶我是一个P标签保存，现在我们来看啊，一刷新走，你P标签是不是跟这的呀，那假设如果你想要P标签居中怎么办呢？诶直接把这个P标签放到什么呀，Center保存，我们一刷新走你是不是就居中了呀？哎，就居中了啊所以这里边注意我们叫什么呢？诶P3标中的内容会默认在页面中居中显示，我们可以什么呢？哎，我们可以将要居中的这个元素全都放到什么呀？诶种所以干嘛呢？所以你要写这么一个页面，把你所有的页面都干嘛呀，都往center里放就OK了啊就OK了，现在先这么做，但是这种东西你想想，我知道一个元素是居中啊，是靠左呀还是靠右啊，这是表现呀，还是结构啊表现吧，所以可想而知，这种东西按理来说应该是通过什么呀，CSS设置的，所以center的标签你猜能猜到肯定是。

啊，哎，肯定是不推荐使用的，我们来看看。是不不赞成使用啊，所以注意啊，这种纯表现的标签都是不赞成使用的，但是我们现在的学习剂来我们可以干嘛呀？诶先练习一下啊，先来用一下，好，这里边我们就说完了啊。