00:00
我们来看一看,就是再往下就是这个超链接,各位。超链接啊,来这个我就先关了啊,这个呢,我也先关了,它这都先关掉啊。太多了。关了吧。这关了呢啊,不需要了。好了。这个图片我先删了啊。那再往下呢,咱们就一块来看一看,这个叫做超链接的这个东西,到重点上的各位啊,来,我们叫009叫什么超链接或者叫热链接。来,比如说热连接标记就是A标记开始,A标记结束,标记当中有h ref这个属性。
01:07
这个属性后边写什么?写URL,比如说写上百度的地址,写上百度,这就是一个热链接,非常之简单,也非常好用。我们点一下你看就过去了。对吧。超链接有个特点,特点是鼠标停留在超链接上,鼠标会变成小手。并且超链接会有下划线,点它的时候,它还会发送这个请求给服务器。超链接百度首页上就有新闻是不是啊超链接对吧,那你在这块呢,你就可以写一下你自己的对不对,哎怎么写啊h ref这个属性后边写一个路径。
02:03
对吧,这个叫百度新闻。那你再打开再后退。刷新一下百度,百度新闻。不是进不去啊,慢的来再点一次。是吧,哎,百度百度新闻。你比如说你经常用京东,你就可以写一个链到京东的一个链接啊,京东商城。3W点勾D点。来你再打开点一下对吧,哎,你说你平时都喜欢用什么淘宝是吧,天猫。
03:01
淘宝或者是天猫对不对,哎天猫,那你除这个之外,你还需要用,比如12126邮箱对吧,126打开。点一下天猫。是不是,哎,点一下126。对吧,你好好看看那个好123。有什么技术含量?全是啥,全是超链接,比咱们好看的地方就是前面还整个图片是吧,哎,这个最初的这种门户就是这样做的。这个页面上百。或者上几百个什么超链接就在这放着。大家以前都不知道网址啊。
04:00
懂吧,不是说大家都知道有个百度啊,不知道,或者是你不知道有京东之类的网址,不知道,但你可以通过好123这个门户上面的链接,你可以点过去啊。这就是这种门户的作用嘛,对不对,哎,门户的作用啊,提供入口,那如果说好123上特别多,这东西太多了,那你可不可以自己搞一个你自己常用的一些链接可以吧,搞几个呗,放到这儿以后每每天你要你要上网之前,先打开你自己的页面,这页面在那放着,一双击打开对吧,你点点过去,就这几个是我自己经常浏览。没事。老师听不清你说什么,你这孩子那个你是哪的人?安徽还行啊。
05:00
方言。带一点点方言味。诶,咱们再往下看啊,再往下呢,我想说一下什么呢,就是说这个超链接呢,后边这个HF这个h ref到底是个什么东西,就h ref是什么是hot啊叫热引用。是这个,这个叫h ref,这两个单词的一个缩写,听懂了吧?啊就是热引用,就是这个位置一定填的是什么。是一个链接的地址,明白吗?这个属性后面一定是。一个资源的什么地址?明白一个资源的地址。
06:00
来这块呢,我们写上什么呀,比如说。007,我们能不能练到007上呢?行啊,所以说这个路径可以是互联网当中的某一个路径,也可以是你本地的一个路径。懂了吧,哎,就是HR啊,可以是什么HF后面的路径,可以是绝对路径,也可以是相对路径,明白可以是网络中某个资源的什么路径,也可以是本地资源的路径,都可以。
07:01
都可以啊。这个超链接有一个特点,我在这里给大家再说一下啊,超链接的特点。有什么下划线,鼠标停留在超链接上面,显示小手形状。对吧,哎,点击超链接之后。还能怎么着,跳转页面。是不是哎,能跳转页面超链接。是不是很简单,哪个标签你记住了吗?A?为什么他选A呀。
08:00
A是26个英文字母当中排头老大,听懂了吗?网页当中所有的位置基本上90%以上都是什么超链接,你点一下是不是超链接?老师,这这怎么是超链接呢,图片超链接啊,有学说老师怎么还能图片超链接呢?来,我们画一个超链接出来,超链接这块HRF写上我们这边呢,链接到哪呢,我们就链接到。好,123这个位置我们除了可以写文本之外,能不能加一个。可以吗?是不是这个从这点右键图片图片图图片另存桌面桌面我的天。这个图片咱们就叫做好123吗?好,这个图片有了之后呢,我们把这个图片拿过来,放到我们这个位置上行吧,就放这啊,放到这之后呢,这个路径咱们写什么呀,就是好123呗。
09:10
行不行,这是不是图片超链接,来接下来再打开,再看看这是不是图片,是不是你点过去,你看能不能过去,能过去吧,那你想觉得图片有点大有点大,你可以改啊,加什么宽度啊100让它稍微小点。点一下会过去吗。好123上你这个图片不就不就不就这个德行吗?对吧?来F12摁一下。摁一下之后呢,这个位置呢,有一个查看元素啊,点一下啊,我们可以看看这个图片的宽度是多少120。哎,我教你这个。
10:01
这个东西啊,就是怎么出来的,右边那个F12啊,以后我们全靠它了啊,靠它干啥调试。你以前写Java程序,在idea里面调试吧,你写前端的代码,你得在这个浏览器上调试。懂吧,哎,你在浏览器上调试来点一下你看。有宽度吧。是不是?能不能调?是吧,可以调你。哎,我的天负值了,那咋整60回车?调了吧,有同老师你这么调,这好123能同意吗?你调试调的是你本地浏览器上的东西,跟人好123服务气没关系,也就是说您把这个只要一关,一刷新这个玩意儿,它又回去了。
11:12
听懂了吗?您这个根本就改不了人家,人家的东西啊,不可能要这么干的话就完了,对。就是我想向大家说的,其实是什么呢?就是这个F12,它是很牛的啊,这个F12这个东西啊,这个地方有个查看器点一下啊,你看百度这个图片是128,这个是120是不是好,那这块呢,你就可以给它改成多少啊120啊,改成120之后呢,接下来我们再把这个关关关了吧,关了啊来咱们再运行一下。嗯,这个图片大小跟那个大小就一样了,点一下它就过去了是吧,它就一样。好,那文字超链接理解吧,图片超链接也理解吧,H ref后面写的就是路径,就是地址,这个地址可以是你本地的地址,也可以是网络当中的一个路径,这都可以啊,都是超链接。
12:12
那么这个超链接这块还有什么知识点呢?诶还有一个属性各位。什么属性呢?Target属性。它的属性有这么几个取值,一会你就知道了。Blank我们选上啊,选上之后呢,大家看这一个这一个吧,我们点这个大家看。是不是之前那个页面没了。我点后边那个你看。诶还没看懂,来点这个,来点这个,记住如果您这个盖的是下划线block,就表示开启新窗口,如果你是下划线self。
13:04
的英语单词什么意思啊,自己呀,你后边这个点是不是也是自己呀,对吧,所以这个HF这个不是h ref,就是这个超链接,它有一个什么属性呢?有一个他盖的属性啊,就是超链接有一个他概的属性。可取值可取什么值?下划线,Blank下划线下划线to_parent。啊,Blank是什么意思呢?口是当前窗口,Top窗口,Parent是负窗口。
14:01
现在没法给大家演示这个这个这个这个top和parent啊,因为我们现在没有父子窗口嵌套的效果吧,如果有父子窗口嵌套的效果就好了,什么意思解释一下啊,有一个窗口叫做A,里边有一个子窗口叫做bab,里边有个子窗口叫做C,好,如果在C窗口里边,你用的是这个top。假如说在这有个百度啊,有个百度啊百度俩字,然后呢,这个超链接啊,只要这个超链接它的写的是top,当你一点百度的时候,这个百度页面的展示位置就会展示到哪A窗口上。因为这个是超级顶层窗口,顶层窗口嵌套B窗口,B下面还有一个孩子窗口叫做C窗口,C窗口当中点击百度,百度的如果是top的话,会将来把A窗口的东西给它覆盖掉。
15:09
也就是B跟C都没了,听清楚了吗?ABC现在是嵌套关系啊,C窗口的资源一显示,显示到哪?A窗口,整个A窗口上面显示的百度首页,听懂了吗?B窗口C窗口是不是就没了?好,那如果说是parent,你点这个百度的话,会显示到什么地方?B窗口上听懂了吗?诶,Self就是在自己当前窗口啊,如果是就会开启一个新的窗口。所以这几个选项大家有点印象,各位啊,有点印象这个self是默认吧,默认就是这种方式吧,是不是。默认就是这种方式啊,有一个了解。超链接。讲完了。
16:01
超理,你讲完了。重要吗?以后我们开发就靠它了,你浏览器上点完能跳来跳去的。你不就靠他吗?对吧,所以说您这个必须得掌握,咱咱无论如何也得掌握啊,我刚才说到哪说到这个A,他为什么为什么这个标签叫A呢?我猜的啊。我猜测的A是26英文字母老大嘛,这个超链接实在是太多了。这个那个那个叫什么,那个W3C那个创始人提姆伯纳斯里是吧。他创造这个互联网的时候。没有这种花里胡哨的啊。整个网页当中全是什么这些东西?你懂吗?这个就可以看成是所有标签当中的第几个标签,第一个标签老大嘛,这个标签他是很牛的。
17:07
它是网页当中的导航。通过它你永远都迷失不了方向,就这意思,导航的是超链接是导航,超链接是导航,各位啊,就是相当于咱们上网的时候,只需要在浏览器的地址栏上写一次这个地址对吧,剩下的事儿是不是都是通过点超链接来做,你往下你还用输地址吗?不用往下你就点就行了,点到这对吧,你看看啊这个地方,诶是吧,诶点一下点一下点一下啊点一下是吧。点一下。就这个意思吧,啊,这是个新闻,是不是就点过去了啊。那么大家想想,这个新闻是不是应该有后台的维护界面?这个新闻你今天看到的跟明天又不一样啊,明天跟后天又不一样啊,是不是?那咋的每天改网改改网页呗,是这意思吗?不是不是啊,这个东西肯定是存在数据库里边的,他后台肯定还有一个系统,可以专门往数据库里边录新闻。
18:15
你懂什么意思吧,就是百度他肯定后台有一个系统,这个系统是专门对新闻进行维护的。它可以删新闻,可以新增新闻,懂吗?新增之后,诶,只要我们在这一刷新这块的东西,都是从数据库里边取出最新的新闻,那这个新闻肯定按照时间排序吧。是不是按照时间排序?嗯,了解一下啊,你们这个可以展开你的想象啊,后台数据库是怎么维护的啊,维护这些东西。行,休息一下。
我来说两句