请选择 进入手机版 | 继续访问电脑版

兄弟连HTML5入门视频教程(31讲附源码和PPT)

[复制链接]
发表于 2020-11-13 21:02:21 | 显示全部楼层 |阅读模式
回复

使用道具 举报

 楼主| 发表于 2020-11-14 10:51:23 | 显示全部楼层
一定要选最好的P P学校,跟最牛的老师学,就得学最高端的课程,什么负载均衡啊,祖宗数据库啊,动静分离啊,能学的都给他学了。这从熊连出去工作了,看到主管甭管有事没事都跟人家说the project A so easy,倍儿有面子。什么是皮儿皮大牛范儿,皮皮大米饭,就是买什么东西都买两个,不买一个买豆浆,喝一碗倒一碗,就这么有个性。我们做程序员的口号就是不求最好,但是不报错。无兄弟不编程。大家好,我是烂兄弟连的丛浩老师。今天呢我们要切实的进入HTML五相关内容的学习当中。上节。课呢我们讲了一下什么呀哎tm五发展历史,然后在后面我们讲一下什么啊没有准备诶学习tm五需要准备的一些工具,最起码要有个什么啊支持HTML五的浏览器,是吧?好,那么我已经给大家准备好了,不知道大家有没有准备好,如果没准备好的话你要抓紧哦,否则你实现不了单今天的内容,好吧,来进入我们今天的学习当中。我们今天要主要学习内容是HTML五标签的改变,那我们要先改变来看一下学习流畅。今天呢我们要学习内容呢一共分为五大部分,第一部分呢我们要学习一下新的文档类型声明,DT D第二部分呢我们也要学一下新增的H M五的标签。第三呢我们要看一下HTML五对N S N四来说,删除了哪些标签。第四部分呢我们。去讲解一下ATM四保留下来,但是怎么做了E和使用修改的一些标签。最后呢我们将什么呀利用新增标签中的结构标签,为大家展示一下如何使用HTML五的结构标签来进行新的页面布局方式。好,这就是我们本节课的主要学习内容,下面进入第一章的学习。好第一章,学习新的文档类型声明,D T D好十二、学习新的D tt声明之前呢我们要搞明白一件事情,D T D到底是个什么作用?D T D呢它是为浏览器声明一种渲染方式而使用的。我们的浏览器呢本身就有一定的差异性,就说Ie浏览器啊,火狐浏览器啊,chrome浏览器啊或者O。浏览器啊它本身论其是不是有一些有一些嘛有一定的不同哈。说白了,浏览器之间差异仅存在于两个部分。第一部分呢是对相应的css或者说HTML标签的渲染不同,这也导致了相同的标签和css的声明可能在什么呀?不同浏览器中显示不同的效果,那么这之间的区分呢区分呢就是浏览器中第一部分的区分就是什么渲染效果的不同啊,第二部分区分的是什么呢?是对JavaScript的支持不同啊,对扎克的支持不同。当然我们现在这块不讨论哈,我们讨论滴滴声明就是为了讨论第一部分他对HTML和css的支持的不同。那这些不同呢也就导致了每一个浏览器都有自己的渲染方式。这种渲染方式呢我们可以统称为怪异模式。所谓的怪异模式啊就是浏览器什么,按照自己的意愿联系厂商。他自己医院进行什么显示的一些效果。而我们知道在HTML G是不是有个老大在管理它的标准啊,谁呀?是不是W三C啊?那么走W三C标准的浏览器的模式就叫做标准模式,也就是我们什么啊我们浏览器一般都具有两种模式哈,一个是怪异模式,浏览器厂商自定义的一个显示模式,还有一个W三C标准模式啊这两个模式。那这两个模式该怎样区分呢?你写个面如何让浏览器处于标准模式下或者怪异模式下吗?那么这个就有什么啊?我们的文档类型滴滴声明哈,所以说有些兄弟们在一起嘛,开始学的时候发现哎我滴滴声明不写页面可能和我想的效果不一样,是不是不一样就对了哈。如果你不写的声明,浏览器将默认走怪异模式。而我们正常写一个什么上线呢,或者写一个标准页面的时候,都需要进行文档类型的滴滴声明。好,那再洗。呃四点零一之前的H M二四点零一之前的文档声明的时候是一个很麻烦的事情,要背下来呢好像不太可能要复制下来呢,也很麻烦。是不是我们一般都说啊打开一个追梦word,或者上百度什么搜一个下来,然后直接复制进来吧,是不是啊?好,那HTML五时代呢我们不必再纠结了,因为HTML五时代的声明非常之短啊,短的不能再短了,虽然说可能有些人就是喜欢长的,是不是?当然我们还是觉得什么啊短小精悍才是王道。迷你版的迷你版滴滴声明好了,我们看一下诶先买五D的声明是怎么写的呢?就一句话,尖括号to D C type HTML尖块结束,那A tm五十步就写完了。那为什么这么短呢?好,来,我们看一下之前别的声明。好吧?哎打开我们的暖气猎豹浏览器,好,百度。搜索一个页面,看它声明,比如说收汽车吧,来打开我们的第一个吧。这是什么?哦汽车之家是吧?啊应该都是有声明的啊,来右键查看源代码。网速稍有点慢啊,大家谅解。好,来看一下页面中最前面一句话。好,我先领鼠标选中了上面是不是多数tab一下门啊和每天中午前门不一样吧?你看后面什么多了成串儿啊,public啊,W三C啊,S前面一点零啊是不是穿身上?然后耶恩呐还有一个什么诶还有一个URL路径,说白了你看他连到哪儿啊?连到大陆三C的是不是W三点二G啊?然后后面是什么D T D文件声明吧,说白了哈,他就要什么要求浏览器按照这个D T D标准的形式解析什么啊仙的页面那一天卖四是不是很麻烦啊?是不是啊?好,那这一长串儿呢?从此以后我们就跟他说,拜拜了,解脱一下啦,不需要写长了,那我们要做事情就很简单了。在HTML五时代,诶不好意思,在A HM五时代呢,我们的D tt声明只需要写短短的几个字母D Q、type HTML就可以了。而且dock tm不需要区分大小写啊,不要什么都给他买,上面也可以,你都大写或者一部分大写小写都是没有问题啊,因为诶相当于法本身它就不区分大写是不是啊?好,那很多兄弟们有疑问了,说为什么要跳舞的这么长啊,鼻子那么长,而别人的前面四的话差一前面那么长啊,很简单哈,因为HTML file它什么呀不是建言,而且它没有有效性检查,而只存在什么呀?呃呃一直存在什么啊?以一致性检查是不是啊?好,所以哈我们不需要写后面那一长串那个什么H T PC啊,然后是W G D R W。呃W三点欧啊G啊是不是连接大滴滴文件啊都不需要写了哈。

回复

使用道具 举报

 楼主| 发表于 2020-11-14 10:51:39 | 显示全部楼层
好,只要在页面中写上叹号dock tb HTML,就能保证我们的HTML五处于一个什么样?就保证我们的页面处于HM五的渲染方式下。好,那这块唯一需要注意的一点哈,唯一需要注意点来是哪儿呢?是我们的页面中这块叹号和dock type之间的什么啊?这之间不要有任何的空隙哈,不要有空格,刷白就不要空格,有空格的话就表示你的文章生命可能是出现问题的。好吧?好,关于文档声明呢我们就说这一点,文档声明要写在整个HTML页面开始,这个就不用给大家都说了吧,是不是好,我们以后啊为大家写例子啊,这些例子大家能看出来怎么用呢?来第一部分就认识这些,那我们下面进入第二部分的讲解。第二部分呢主要讲解一下新增的HTML五标签,那么新A五。先给我们奶带来哪些新的惊喜呢?好,新增的第一类标签是结构标签。呃所谓的大家还有些有些兄弟们可能有疑问,说什么是结构标签啊?这简单,那table是不是用来布局的啊?恭喜你,tag就是一个结构标签啊,那我们最近比较推崇的,或者说是近期比较推崇的一个DIY加css布局,是不是也是一个布局标签啊?那恭喜你啊,DIY它也是结构,不像用来布局的标签就是接口标签,好吧?那A M五新增的结构表现比较多哈是比较多的,主要包括以下几个。第一个article标签,etc标签表示什么呀?定义一篇文章哈,安全是不是文章吝啬是不是好,说白了还阿土用来第一个文章块。然后呢哈德尔标签和fitbit还有success标签,这三个标签呢是用来划分页面区域的。我们在mm幺五。之前呢话费页面又什么呀,是不是dv加css吧诶D I V把页面分成三部分,是不是啊?哎这比如说是这个标题这块吧,什么叫顶部啊?D I V ID等于header,是不是?那恭喜你现在就可以直接用汉字背下来写了,不需要写DIY ID了,相应的中间的主体内容我们切什么呀?用DIY来画出来,然后写个ID的section吧。那恭喜你,现在也只骂直接三标签了,现在页面底部以前是不是也是用什么也是用这个D V切的,现在可以用这用富特标签啦,好久出来表示页面底部的哈。然后呢新增的标签AV标签,用来标标明一个导航啊标明一个导航,因为现在在外边冷凝时代哈,导航是什么啊不可缺少的一部分啊整个网站不论是企业站啊、论坛呐,还是商城啊,亦或者社区啊,都离不开导航。所以导航这个标签就已经被什么呀拿进到标准当中了。然后后面呢讲一下呃塞标签,呃塞的标签是侧边栏哈是。特别蓝标签,那具体什么东西呢?等会儿我们会在什么呀新的崭新那边布局中给大家讲解一下,一看就明白了。好吧,那H和R标签它是用来定义标题组的,你看跟rp是不是组啊诶诶是能想到什么东西呢?好,我们的浏览器里边不是呸不能说浏览器啊我们的什么呀,我们的HTML标签中是不是有一系列H系列的标签啊?A七一到十六是不是啊?那么恭喜你诶是group就是用来什么把这几个东西绑到一起的,好吧?比如说哎我一次写五个五个一千二百件,那你可以用这个把套在一起,意义更明确,是不是啊?好,F U表标签这个标签呢和下面这个F可是cp卡卡vs标签啊是共用的哈,这个词不太会读,好不好意思啊?他俩这是故事一套的,是一个整体,它是干什么用的呢?用来定义一个媒体内容和他们的标题,上面听着很抽象啊。白了一点用的什么呢?比如说我要定义一个ufo什么意思啊?是不是解释一下啊,是不是啊不明飞行物啊是不是?所以呢用future来定义ufo,下定义ufo相应的在它这个filter整个主体里边分两部分,一部分是标题,哎标题就这个标签来写,这个长的标签来写里边装的什么ufo,然后后面来个P标签啊里边写着ufo什么意思,比如说不明飞行物,是不是啊?好,然后呢后面还有个标签没讲,是Del了吧,大家洛克本身就是硬对话的意思是不是?那么它就是用来定义一个对话标签啊,英文在我们什么在我们现在哈页面中互相对话,或者说什么呀,或者说是一个呃打气的。问这种模块比较多了,是不是诶我问一下呃记者提问一下,然后某个某个什么啊主持人打一下啊接着停一下打一下,或者说什么用在记。是聊菜式中啊可以用什么待定标签来定一个对话。好,新的结构标签啊给我们带来的好处是什么呢?是对页面布局的一些改变和提升,对所有搜索引擎的友好哈。说为什么这么说呢?因为在DIY加css布局的时候呢,搜索引擎它不会认识你的,因为你的ID是什么而知道,是吧?你的内容是什么吧,是不是啊只会什么,他只能是来逐个的搜索你DIY中的内容,然后来匹配一下,看看是头部啦还是底部了,是不是?而现在我们是不是很清楚啦,哈德尔呀、福特呀、section啊,或者是其他的一些列标签都有各自的E啊,是不是苏醒切割什么,可以直接根据标签来决定是否抓取或者是副什么,是否给相应的权重,是否给相应的区域给第一部分的权重哈。好,那这是新增的结构标签,结构标签呢我们会在本章的最后给大家逐一的演示哈。注意。电视好吧好,来,第二部分是新增的多媒体标签。那新增的多媒体标签呢这块主要有五个标签,分别是video标签、A组标签、source标签、pvc标签和E、M、B D标签,这五个标签呢前三个标签啊说白了就是用来定义什么音频和视频的。而source是为video和A D提供一个资源列表,提供一个资源列表,canvas标签呢是大家比较关注里边标签,它是个什么呢?用来画图的,用来画直接在什么浏览器中进行画图,或者说你想做个什么小应用,做个游戏,KFC不先都是一个什么啊都是一个首选,它效率还比flash高很多啊。他呃从某种意义上来说可以代替完全代替佛。若是flash啊某种意义啊不能说全部,好吧?好,E M B D标签。这个标签呢很多兄弟们可能有些疑问说,哎这个表情我好像在很久很久很久以前就见过,是不是?好没错啊,这个标签并不是一个新生的标签哈,它是很久很久以前就有了,但是它一直不是标准的,你说什么啊?W三C一直没把它列为一个标准的标签之内,而现在什么啊现在A F五中因为插件的需要,所以把它直接什么啊定义到诶前面五规范当中了。新的HTML的多媒体标签给我们带来的什么呀?带来的是媒体的支持,不再需要使用插件了啊不再需要储存插件了。我们知道啊在很久很久很久以前,那页面中呢是可以载入声音的,当时呢有一个标签叫B D S的,是不是?当然那是很久很久以前的事了,可能很多兄弟嘛还没听说过这个标签是不是用来载入midi类型的文件哈,让页面可以蹦蹦蹦的想起来,是不是祝你生日快乐啊,happy birthday呀可以想起来哈哈当时哈还没有。视频呢后来呢随着互联网的发展哈出来一些什么呀支持视频的一些插件了,比如说是什么呀,很早很早我记得我当年看视频的时候用什么?用real one和real player,也就是当时啊当时你想在网上看一个流媒体视频的时候,必须要装这些插件,你不装就看不了,铺装就看不了哈。而现在呢现在我们虽然说也不用装插件了,是不是啊?但实际上啊现在是是什么呀?是浏览器中自动的给我们嵌入了flash插件,所以我们看什么优酷啊、酷六啊,或者看什么土豆视频的时候不需要下载flash插件了,其实它本身装了福莱插件啊。好,那这些装插件来说好不好?好能解决很多问题啊,但是问题也也也有一些什么呢?黑天嘛,他不是标准中的,是不是啊那不是标准可能就是什么标准的混乱呐或者需要。那需要你用户自动一自定义来安装啊,是不是很麻烦?是不是?那么说实话,在现在这个时代,视频、音频这些东西也应该是很多网站不可或缺的一部分哈,基本上什么呀基本上处于HTML的呃一等公民当中了。这为什么呢?因为在之前可能是我们web一点零阶段啊,那时候也就是诶企业做个网站,我看看我做个人网站,你看看就完了,是不是啊?相应的对什么媒体和这个音频视频的知识并不需要太多哈,不需要太多,所以当时也没考虑到知识的问题。而现在呢音频视频已经不可或缺的一个,对于我们外部页面来说已经是不可或缺的。那是不是应该考虑一下提升一点档次啊?是不是以前是后妈养的就算了,那么现在是不是应该给人什么最起码变成一等公民,是不是现在最起码说什么web就是。多媒体音频、视频的,亲妈啦,因为你离不开的话是不是已经离不开它了啊?虽然这么说可能有点不太贴近啊,但是是实话,现在我们的页面中离不开音频和视频吧,是不是啊?好,那新的端撇尖就给我们什么啊诶是啊省的什么省的让用户装插件了,然后呢非提极高的提价用户体验。是不是你希望在你访问一个网站的时候,他告诉你啪你需要安装这个插件,是不是需要安装那个插件。


回复

使用道具 举报

快速回复 返回顶部 返回列表