00:00
局属性了解就可以了,这个全局属性会推翻我之前给大家讲的一个理论,我之前是不说了,页面中所有能输入内容的地方都是form表单,在我讲表单之前的第一句话对吧?那么实际上页面中所有能输入内容地方不仅限于form表单,这是在H5里边推翻的这个理论,比如说零六,我们叫做属性,属性attribute at tribut。背过这个单词吗?到底背没背过?那你就每天早上那15分钟白背是吗?是面。只是读一读,白读呗。差不多是吧。好样的,我知道了,我要给你们整改一下啊。没事,我整改呢,虽然会苦一点,但是呢,肯定会让你们长知识,那你想嘛,你来这几个月你不苦。你们都大学毕业了是吧?还没毕业呢,对吧,来年毕业是这样吧,你现在跟你父母说,我要去学什么,再拿多少钱可以,你这会要学不出来,你还学吗。
01:10
不学了吧,就算你学,你再跟你父母说,我说在这块没学明白,再给我拿点学费,我再上你地方学,合情合理吗?就父母他也不会给,他再愿意给你掏这个钱,对吧,因为谁家的钱就你再有条件,他也是那么回事,谁家钱都不是大风刮来的,对吧,如果说我们在座所有人的父母真有能力的话,那可能我们就不需要这么去。拼自己了对吧,就是我们当不了富二代,我们只能想办法努力去当富二代他爹。是这个道理吧,哎,所以说你们钱都已经花出去了,你没有第二条路了。对吧,哎,所以只能去把它备好了,所以我对你们会越来越严格的啊。就起码你们在这儿骂我半年,比你们出去骂我一辈子要强。是这个章吧,哎,行了,来吧,咱们来看啊,我给一组列表标签,然后Li。
02:05
咱们来个人生四大喜吧,人生四大喜都有什么呀?金榜题名石一看,都是好学生,还有什么?你看刚才他就想动动一下,让你们给金榜题名实了,多尴尬是吧,洞房。洞房花烛。然后还有呢,他乡遇故知。最后一个。久旱逢干,哎,久旱逢甘。路。好。现在咱们写完这个,这是什么,这个是一个无序列表对吗?然后呢,在这里边。我能编辑他吗?不能,好了,我加一个属性,你看我还能不能编辑它了啊,在这里边我把这个属性复制过来,Content at table啊,就是内容激活,那么这个时候你再来看啊,金榜题名时好回车。
03:10
嗯,诶可以了吧,对吧,再来个人生四大杯金榜题名石重名是吧。然后还有什么,还有洞房,洞房花烛夜咋的?你太狠了,竹叶,哎呀,我拼不出来洞房花,竹叶。然后如花是吗?如。花啊,还有呢,他乡。一不知骗行骗子还有久旱。久旱逢甘露,然后呢啊。闲的闲。
04:03
闲的太有思想了,好了,我是不是写过来了,完事了。页面可不可以编辑?可以吧,但是它有个弊端,看好了,我摁一下我的FF是什么键知道吗?对了。就是它只是做临时存储,它做不了永久的存储,明白吧,就是如果我们想做永久存储可不可以,可以,但是需要配合以后我们要学习的GS跟阿贾克斯。只有这两项配合才能做到永久的存储,否则他做不到,能明白吧,哎,这就是这个属性的作用,那你看我加了这个属性,比如说我再来个P标签,叫我是一个经典的P。好了,这里边我能编辑吗?不能了,看到了吧,就是说他只能针对于你给了哪个标签,加了这个属性,我才能干嘛呀,才能去。这个对应的去编辑它,如果你没有加过的这个属性,你是编辑不了的,明白吧,那么还有一个属性。
05:01
叫什么?这个属性它什么呢?页面可编辑属性,也就是相当于当你把整个这个,当你把这个属性设置好以后,你的整个页面它是可以编辑的。能明白吧,但是它不是归哪个标签所有,它归谁所有呢?归文档所有。过文档所有啊,所以你要把这个属性设置到文档上,那么问题来了,我们讲了这么长时间的课,我们没有提过文档的概念,对吗?哎,我们根本不知道文档是什么,你记住啊,整个的HTML下来,它是一个倒数的结构。一个树倒着是不是要有树根对吧,要有竹干,要有枝干,要有叶,是不是这样的?哎,那你就要去想吗?在这里边我们先去画一个图。最顶上是谁呀?我们是不是设置了一个这个东西叫叹号dot HTML,这是表示什么,表示我们HTML这个值,告诉浏览器它以什么方式解释对吧?然后再往下我们写的什么,是不是写的HT面标签了对吧?那这些内容都写到了哪里?
06:15
写到哪儿啊,是不是写到了我们的HTM文件里面。对吗?那么这个HTML文件它又是什么呢?它就是我们平时所说的文档。你看啊。在我的H5这里边,然后呢类型。类型看好了啊,扣的这里边来。看,因为我的浏览器默认是谷歌,所以它前面是,如果你是浏览器默认是火狐,它就是fire FOX,明白吧,如果你是IE,它就是IE,如果你是那个edeg,它就显示edeg,然后HTML文档,就证明什么HTML的文档,那文档是谁?是不是这就是HTL的文档啊,那么也就相当于我最终所有的代码都写到了哪里啊。文档里边文档是谁呢?Do document,这叫文档,现在我给你们写的这些单词,你们可以去背,对你们有好处,明白吧,有了这个文档以后,那文档里边有什么东西呢?
07:12
它分了两部分。第一部分。是不是就是刚才我所写的叹号do和特莫勒对吧,然后第二部分呢。写的什么呀?HTML开始HTML结束对吗?我们文档是这么写的吧,然后再往下呢。HT里边又包含了谁呀?包含了一个hier,一个body,你看是不是这样的,你看document跟他俩是不是同级了,然后在里边HT里面包含了一个hi,包含了一个body,对吗?然后里边是不是可以继续再包含。对吧,然后包的里边也可以继续再包含吗?包含完以后,比如说包含了这是一个P标签,那么P标签里边能不能再包含其他标签。
08:07
可以对吧,所以它还可以再往下分明白吧,然后呢,比如说某一个标签里面它有没有属性啊。有属性对吧,那属性就相当于是什么是它的什么呀,是它的叶呀,对吧,比如说这个是枝干,那它就属性就是它的树叶,那这个是不是就是一个倒数的一个结构。能明白什么意思吧,所以刚才我们所说的这个属性哪去了,这呢,这个属性归谁所有呢?归这个document所有,所以你要给它设置到哪,设置到document上才管用。能明白我说什么意思吧?哎,好了,来,咱们把这些标签补全一些啊。A。这个就放在这儿吧,然后我们再来一个OL啊,然后里面再来Li,叫做这个。赵云,我没有词了,有点断溜了啊,我给你们猜个谜语吧,叫做这个。
09:04
呃,叫什么婴儿?饿了,婴儿没吃饱,婴儿没吃饱,打一个明星的名字。这什么?你们肯定都认识,还是个帅哥。男的。婴儿没死网加奶量吗?是这样的,然后再来P,标签也有了,我们还需要什么标签?死判标签对吧?来,我是一个span标签。然后还有什么,呃。我们还需要什么标签div来,我是一个div标签,好了,这里面是不是就有不同不同样的标签啦,然后接下来我要想把页面中所有标签都能编辑,当然这个ul能ul能编辑是因为这里边我设置了一个属性对吧,但是其他标签我是不是编辑不了啊。
10:03
对吧,那么好了,现在咱们来看,因为我要去把它设置到文档上,所以我需要用一些我没学过的语法啊,你只需要看,不需要去记,那在这里边我要去写什么呢?写GS语法了,因为我说了他归谁所有,归文档,文档是不是document document里边有一个属性,叫什么属性呢?叫de。In model给它打开为。就是打开了啊,默认是off,诶of默认是of给它设为二打开了,打开以后这个时候你再看页面中来,我们来刷新啊,刷新完以后div标签你看我可不可以往里边写呀,磁盘标签继续对吧,加奶量不够不够对吧,这里边你看是不是随便了,还有这个经典的P哈哈哈哈,是不是都可以了,上面这个不用演示了,上面这个本来就可以。
11:01
看明白了吗?但是它也一样,如果说我一旦刷新以后,是不是就还原默认了,对吧?所以这两个属性最终后期我们要使用的时候都需要配合GS来使用,明白吧?比如说像有一些呃,叫什么牛刀牛刀云,它那种就是专门布局页面的那些工具啊,就是他们是整提供整个一个平台,你可以把它的组件直接拉过来,然后在它上面可以直接编辑,那他就需要靠这样的属性来完成的。明白吧,现在可能你们没见过,没见过不用管对吧,等你见的时候你会想起来我说的这句话的啊好了,那这块完事以后,这两个属性知道了吧。了解就可以了,不用去记,在你的笔记里边,有它的存存在和出现就够用了,明白吧?那么再往下来还有什么框架标签?框架标签,这两个标签已经被HTL5来舍弃了。啊,这两个标签已经被HTM5来舍弃了,那么目前如果涉及到用的时候,我们用什么呢?用这个标签叫什么?它就是在页面中开一块空间去连接一个子页面而已,比如说现在让你布局一个百度。
12:07
我能分分钟给你布局出来,你们可以数数,我现在开始写,从我建文件这一刻开始,零七百度点com,算了,别叫百度了,叫f frame啊,然后在这里边我直接III连接的地址HTTP冒号,冒号斜线3W点百度点com,我写完了。咱们来看百度页面,是不是就在我的页面当中哦。这么卡脸吗?我地址有错吗?百度上不去了。没问题啊。哦,他不让我用,看到吗?拒绝了我们的连接请求,来吧,我换个页面写京东。不能吧?
13:01
我想想啊。哎。你看总有一个好使的吧,然后太小了看不出来对吧,来wi宽度宽度一。9201高度1080。我的分辨率吗?好了,这能看出来是到底谁的页面吗?哎,能啊,我宽度没有这么宽吗?是有,因为我没用样式啊,我只是想给他。呃,二我随便加一下吧,好吧,26我只能把宽度放宽,这个太宽了啊。222625。哎,能看出来吗?这是不是我自己写的360页面有了,看到了吗?而且我还能搜索呢,你们不是喜欢帅哥吗?
14:00
来搜索,你看还好使呢。看到了吧,哎,就是说白了,在你页面开辟一块空间,连接一个子页面,你连接什么,你把它连过来就好了。明白什么意思吧,啊,这个呢,用的比较少也比较少,就虽然有,但是用的也比较少了啊,所以大家知道它是用来嵌到子页面的就可以了,能明白吧?啊当然了,这里边还会没有其他属性,有它的属性好几个呢,来比如说在这里边我们百度百度点COM100度。com啊,只要在你为什么说有的时候我说在你的笔记里面出现这样的标签就可以了,你拿到这个标签以后,你们后期一定会忘记今天我们所讲的所有的标签的,这是必然的啊,当你遇到这个新标签以后,你只需要把这个标签,比如说我们复制过来F标签对吧,不会用,那我教你怎么去查,这里边只要你搜搜什么,看看几个字样,一个W3SCHOOL看到了吗?还有一个菜鸟教程。嗯。
15:00
有了吗?还是我越过了?没有了是吧,没有了就这一个也够用了,来点进去。只需要看那个w c school那个字样的啊,然后这里边你看人家有没有给你提供属性啊,看到了吗?上面已经介绍,你看I frame元素干嘛呢?会创建包含另外一个文档的内联框架对吧?及行内框架,然后呢,在这里边浏览器所支持的,你看这些浏览器都支持,都是yes,看到了吧?然后呢,然后所有浏览器都支持这个I frame标签,然后它就什么版本的差异对吧?如果是什么,你看如果它使用的是4.4.1的版本的时候,它是不支持f frame标签的,看到了吗?也就是f frame实际上是在五以后的,然后你可以把需要的怎么样放到那个支放到哪块,对吧,你看它都有说明,然后在这里面就是它的这些属性了。看到了吧,啊,有alone就是什么呀,不赞成使用对吧?有这个居这个左侧就居左啊,居右居顶,居中居底对吧?这个frame border是设置它边框高度对吧?然后还有什么,还有规定页面,该页面有包含有关的这个什么较长的描述,然后还有什么,还有这个顶部局部的边框对吧?还有左侧和右侧的,然后还有什么,还有规定它的名称,规定名称的时候给谁用的,是给GS用的,就有很多属性,你放心啊,就是起名,起ID,定义class对吧?这些属性都不是给HTM本身来用的。
16:26
明白吧,是给其他人来用的啊,那你一看这些属性,其实你就都能看出来,就属性人家这里面所支持属性都在里面了。看明白了吧,然后这属性支持什么呢?支持像素还支持什么呢?支持百分比,看懂了吧,支持两个能看懂了吧,再去自己查资料的时候,看到这样的文档,不迷糊了吧,这回。啊,那OK好了,那咱们再来看这是咱们的I frame,那么另外还有一个被舍弃的这个东西,但是呢,我们其实还能用这个东西,在前台的时候,就是你做前台的时候是一定用不到的,做后台的时候才能用到。
17:03
明白吧,后台长什么样呢?咱们我给带大家看一下,比如说我们先看一个前台的商城,叫做so2.1S。这是不是前台,这是不是一个商城的前台,比如说我们看上了一本书,然后呢,我们在这里边可以加加,然后我们就加入购物车,然后去购物车结算,是不是这样的,这是一个流程对吧?那么好了,那商城它也一定会有后台,后台如果我没有。猜错的话对了。来对了,看了这就商城的后台啊,后台以后你看左边有商品分类,我一点,你看右边是不是显示分类啊,左边商品列表一点,你看这边是不是列表啊,对吧?商品的这个叫什么咨询这边是不是展示咨询评价是不是评价,然后什么订单的支付的文章,这个文章分类啊,列表啊,单页呀,对吧?还有他的会员管理呀,你看会员表里是不是就这样的表格,还记得我带大家做过这样的效果吗?
18:06
我们讲table的时候,我是不是讲过t hier tea body跟tea foot对吧?哎,为什么要用的这几个标签,因为就是我们在说后台表格这种用户表格的时候,你看。头肯定是不能选中的,底部也不能选中的。对吧,那这个时候把这个把这个表格作为投中了划分,是不是对于我们的帮助就会很大呀,看明白了吧,哎,然后还有什么,还有这个管理列表,管理表他没做,真坑人。然后基本信息。对吧,这你看这不都是表单吗?是不是都是表单看到了吗?然后友情链接这是不是表单。对吧,然后还有什么广告列表里边,这都是表单,看到了吗?这些就什么就是按钮了,这就是按钮了,对吧?哎,那这就是咱们商城的一个后台啊,后台的话,你看包括在顶部,顶部始终没有变过,对吗?然后我点左侧的时候,它右侧会变,是不是这么样的一个结构,对吧?但它实际上是引入了三个页面过来的。
19:08
啊,当然了,你用I frame能不能引也能引你自己调位置对吧,而这个frame set呢,它就是用来做这种后端的框架,就这么一个架构的啊,那怎么来做呢。它做出来比较麻烦啊,看好了,我新建一个frame frame set这个目录,在frame set目录里边,我们去创建一个叫做index作为我的首页,那么作为这个我们要想把它当成什么呢?当成框架来看的话,将把它的腿给它删掉,就把它主体删掉,不需要了,对吧?而主体用什么来替代呢?就用这个叫做。Set来给它替代啊frame set来替代,但是当一替代以后,你会发现它已经给你标成一个红线了,对吧,不建议你去用了,那能不能用。没有报错对吧?页面中没有报错,然后这就是相当于什么,相当于一个整个页面啊,接下来干嘛,我是不是要给页面做拆分,像刚才我们看到那个页面结构是不是相当于它头部有这么长,然后左边有这边,然后左边里边有内容,当我点内容的时候,右边的内容发生变化,是不是这么样一个结构对吗?那好了,那我就可以切分呢?可以拆分呢?怎么拆分呢?拆分的话肯定对于这个页面而言,我是不是先给它横向切一刀,分成上下两部分。
20:27
是这样吗?哎,所以说在这里边我先给他切一刀,叫做。横向纵向横向横向row Rose是横还是扣是Rose是吧?是肉吗?还扣子啊?发。重。扣子是横的对吧?Rose啊,比如说顶顶部我让它占为25%,剩下所有的我都给底部看明白了吧,那我这么写完以后,你看页面有变化吗?没有,它只是相当于就是一张白纸,你在白纸上拿了一刀以后,确实是有有缝了,有两半了,对吧?但是呢,我们看不出来,那么需要干嘛呢?你需要拿两个东西来去接收,那我这里边用两个frame来去接收,再来一个frame接收,接收完以后,这个时候我们来看有没有中间一个横线啊。
21:27
有了吧,哎,当然了,那我不这么分,我还能再分,比如说我上边25%,中间30%,然后剩下的所有的我再给底下,是不是相当于我横向的去切了三个页面,那么那你切三个页面,你就三个frame来接收呗。能明白不,那这个时候你看。是不是就三个了,看懂了吧,哎,好了,那我就改,改成俩能理解吧,各位来改成俩,然后那改成俩,我这个是不是要删一个呀。好了,那现在页面是涨这个样子了,那么接下来呢,这个二十二十吧,啊太高了,那么接下来干嘛呢?接下来咱们看这个东西,我们知道它是代表谁,是不是代表头部,就是顶上那这块,而这个frame是不是代表底下这块,底下这块我是不是还要再进行。
22:17
竖切是这么切一刀啊,对吧,所以这个时候咱们来看好了,我在这里边摆它,那它要切我肯定就不用它了,那用谁呢?Fi继续frame set看到了吧,然后这回怎么切呀。Co对吧,左边25%,右边给他剩下所有,那么这个时候诶不对,切完以后咱是不是就有两个页面了,Frame来去接收,Frame来接收,接收完以后你看这个时候是不是就分成了上左右三块了。那有了这三块,接下来干嘛,我是不是得引入页面呢?那引入页面好了,咱们来看啊,能跟得上吗?到现在为止。能是吧,来我创建一个目录啊D。
23:02
在目录里边,我们去创建这个页面,比如说top。这里面写就是顶部页面。Left left左侧的。Igt右侧的。然后顺便改一下啊呃呢,这是。右侧页面,右侧页面还有这个left呢,就是左侧页面,好了,那现在我来刷新这几个页面,现在跟我有关系吗?好像还没关系呢,对吧,我需要干嘛呀,给它引入过来,我又回到index里边来了,看好了,那么要想引入这个东西,是不是要引入头部的?好,给它加SR。
24:01
C引入谁呢?DR里边的top点对吧?路径能理解吧,这回你看Di跟这个index是不是同级的,所以我在index里面要引入它里面的文件,是不是就是在DRR下边有这个top对吧?然后同样这两个呢。Src是不是就D里边的left这个呢?SRRC就是D里边的right呀,对吗?哎,好了,完事搞定。写完了。是不是搞定了,搞定以后接下来咱是不是还得跳转呢?你点左侧的,让它右侧显示啊,对不对,那咱们多跳转两个啊,我在头部里边,比如说我们给它做一个划分,有什么呢?有A标签,然后给他再来两个案子,NBSP。这什么东西?是里空格吧?好,然后这块显示叫什么呢?叫做这个会员管理。CTRLCVVV对吧,比如说这个分类管理,商品管理,订单管理平。
25:08
论,管理好了搞定。现在是不是有这些了,有了以后我想做的什么呢?一点,会员管理的时候,让左侧能显示跟会员相关的,比如说添加会员呢,修改会员呢,删除会员呢,这是不是都对会员的管理啊,你记住啊,咱们以后学编程就是以后道路,你记住只要涉及到管理的无非就是那四步。哪四部呢?增删改差。啊,增删改查就这四步,所以学后端学什么,学后端学到最后就学四项增删改查。啊,就学这四点正常改啥就是对数据。添加查询删除还有什么,还有这个修改啊,就做这几步,所以说我想要当我点击会员管理的时候,我想让我的左侧变成跟会员相关的那些选项,现在能反应过来吗?各位。能是吧,那好了,咱们来看,我在这里边再进行一个页面的创建,叫做user。
26:07
然后会员管理,然后这里边我们来一个A。来个T里面放个A,叫做添加会员。然后还有。修改,呃,删除查询好了,那么现在咱们来想啊,当我一点击会员管理,会员管理在哪里面呢。会员管理这个A标签我写到哪个页面里了?Top对你一定就是页面多,别别蒙啊,当我点击会员管理,我想它跳到哪个页面呢?是,是的吗?U,这里面才是这个选项吧,对不对,是作为默认页面的一个显示,对吗?诶,所以当我点击这个会员管理的时候,我想让他打开的是谁呢?打开的是当前目录,这个叫做user的还是天猫。
27:09
能跟得上吗,现在。啊,那好了,那现在我们来看吧,刷新,当我点击会员管理,它有没有跳啊。他跳了,但是他是在他本身跳的,对吗?我想他在哪跳,我想他在左侧跳。对吧,学A标签的时候学过打开方式吗。学过吧,来看好了啊,我在零六这个attribute里边吧,这里边别的了,在05TABLES这里边啊,随便找个地方A标签,比如说我们要想去百度啊百度,然后HTTPS冒线3W点百度点com的时候,咱们来看在这里边当我打开百度的时候,一点它是不是在我当前页面跳的,我能不能在那新建页面跳呢?通过什么属性,他给的属性让他杠blank是不是新新那个新页面,那个新新窗口打开对吧?杠self sel是不是当前窗口啊,对吧,当parent是在它的副类啊,那么这回咱们来看再来刷新,当我点击百度的时候,你看是不是新窗口打开的。
28:11
把它关掉,你看。是不是新口打开的,看明白了吧?哎,那么现在也就是说我们通过它给的属性可以指定它的跳转的位置,对吗?那么现在我想干嘛呢?我想的是当我点击这个,呃,会员管理的时候,我让他在这块打开。那是不是就要往这块去指了,对吧,那这块他怎么一点标志都没有,他怎么能指到这个左侧呢?咱是不是想办法给它起个名或者起个标志,对吧?所以这个时候看好了,我又回到index页面,Index页面这是不是就代表了顶部页面,左侧页面跟右侧页面,好,我给它起个名字,这个顶部咱不用不用我也给它起了啊,然后这个呢,我也给它起了一个name叫什么呢?叫做left。对吧,当然你英文不好,写个左这没问题吧?呃,L还有右侧呢。
29:05
Right I GI g,就这个名,你自愿的啊,你愿意起什么就起什么,你把你自己名写上去都没人管你明白吧?哎,好了,那这个时候大家知道了,当我在这个top里边对吧?当我点击user者会员管理的时候,让他往哪跳啊?是不是往left里面跳对吗?那现在我们来看啊,当我点击会员管理的时候过来了吗。过来了吧,当我点击添加会员的时候呢,添加会员我在这里边来看好了,我再新建一个页面叫ad点赫特莫勒,然后这里边我们写上添加会员,添加会员一定是要有什么有放表单的出现,然后引破的test。XT,对呃,添加会员名称对吧?好了,那这是一个页面啊,对吧?那么咱们知道当我在优这里边一点击添加会员打开的是哪个页面,打开的肯定是当前目录的ad点天码对吗?但是这个时候我一点击你看啊,点击这个里边点击添加会员,它是在我当前页面显示的,我也想到上右侧怎么办,是不是一样的道理,继续它给它变成什么R对吗?那这个时候我们再来刷新,然后看点击会员过来添加的右侧。
30:27
能明白吗?能明白吗?这是不是有点烧脑,页面太多主要是对吧,但实际上总共就这么几步,三步差不多对吧?第一步是什么?你要把这个index页面必须吃透,对吧?你要清楚frame就是帮我接收一个页面的,这个就是一个切刀,可以帮我去切割页面了,切割完之后拿它来接收,接收完之后你要想在这个页面中,就在这个页面中的链接,想跳转到指定的其他页面的时候,一定要给它起个名字。
31:00
是这样吗?起了名字以后,在其他页面,不管再多都好,只要他给他指降到这个名,他就会往那块跳。这就完事了。能明白吧,那OK,其实到这为止,HTML所有东西就没了。HTML标签里面它就这么点东西。讲不出来花来,他没有那么多东西,当然还有一些布局标签,咱们没有说过对吧,因为说了咱现在没用,咱们还没布局呢,那布局的标签呢,它更没有什么玩意儿,虽然你听着可能高大上,我跟你讲它就是一个方块。嗯,它就是一个方块,没有别的东西,所以你们不用紧张,放松一下你们心情没,就是放松一下你们的这个神经,没准能记得更多一些。啊,但是你这个我说的放松,不是让你们真正的达到那种就是思那那种放松,明白吧,就是哎没事,老师说了,我这不用太记,我不是这个意思啊,我是说让你别太过于紧张的那种情况,我也解释不太清楚,反正你们懂了就行了,会了吧,这块。
32:02
OK,剩下时间你们来练吧。
我来说两句