步步高怎么打开html查看程序

安卓手机如何打开 h t m l 文件？将 h t m l 文件发送到手机微信上， 然后打开手机微信，选择文件传输助手，点击微信中接收到的 html 文件，选择右上角的三点图标， 在弹出的菜单中选择保存到手机，然后打开手机的文件管理，选择左下角的最近，点击 h t m l 文件进入，再次选择 h t m l 文件， 在弹出的窗口中选择 h t m l 查看器，然后点击下方的仅此一次即可使用。安卓手机打开 h t m l 文件，本期视频 就到这里，感谢观看！

喂喂 喂喂喂喂喂 喂 喂。

倒在桌面，打开文本编辑器，并且在文本编辑器里面写入 hold word 这句话，并且进行保存，修改后缀 放到桌面并点击保存的时候确认关闭，我们会发现桌面生成了一个叫做文档点 html 的文件， 我们通过右键打开方式，利用浏览器进行预览，我们会发现我们就已经实现了一个叫做 hello word 的网页。那么有的同学呢，可能会发现 我们没办法看到文档后面的这个点称上后缀，我们可以通过打开我们的资源管理器，利用我们的这个选项去进行查看。 下拉到最后面的时候，我们会发现这行文字隐藏已知文件类型的扩展名是勾选上的， 我们把它取消勾选，点击应用确定并且关闭， 我们的点上后缀就已经展示出来了，那么我们就可以通过修改他的名字，随心所欲的修改文件的后缀了，这是入门网页开发的第一步， 那么第二步呢？我们就可以进入招聘网站，查找相应的开发岗位，升职加薪，迎娶白富美了。

大家好，这是 javascript 的第三个视频，这一讲主要讲解的是浏览器的控制台，也叫 ctrl， ctrl 这个单词就是控制台的意思，也就是说所有的浏览器都有控制台，但是对于如果不是设计者的时候，那么我们关注的是什么？这个网页整个展示的效果，如果你是一个设计者，那么你一定要关注浏览器的控制台， 特别是在开发的过程中，如果有错误，有等等内容，那么控制台的作用就是你在加载浏览器，在加载信息的时候都会体现在控制台， 爆拓也会在控制台。那么首先第一件事情我们要按我们的顺序呢，是要打开控制台，打开控制台非常简单，当我们打开网 以后，在网页的任意位置，单击右键底部有一个检查，检查啊，直接点击以后弹出的这块内容，下边这部分内容就是控制台，他主要就是为设计者考虑的，也就我们设计者要来调试这块内容，考虑到很多同学呢，就说 没有做过项目，实战控制还不熟悉，我作为零基础两家两个视频来讲解，这个视频主要讲解的是 css 和 htm 来调试， 那么它的前边有两块内容，第一个是箭头，第二块内容各位同学看好啊，第三块是元素，我把这内容呢放大一点， 那么这个箭头啊，就说可以指向，当我们选中以后，它的颜色呢变为是绿，呃，蓝色，我们直接可以移到任意一个标签上面。各位同学看好，现在有三个部分啊，哪三个部分是联动的？ 各位同学看好。当我点击到任意一个标签或者是标题的时候，我们的底部啊，是跟着对应的改变了， 当我们在点击我们对应标签的时候，它的右侧就是 c s s， 就沉淀样式表，也就是三个联动。第一，我们拿这个箭头指向标签，它对应底部就会出来对应代码，这个代码呢，在右侧就出来 c s s 啊。来各位同学老师现在操作一下， 比如我现在要想改变这个文字的颜色啊，是哪一个颜色呢？我们首先来改标题的颜色，我们第一件事情是点击这块内容，各位同学，使它变成蓝色，再点击标题，那对应这块内容，我们就知道是标题了 啊。各位朋友，如果你没有采用这个箭头去指向的话，也就是上面第一个箭头，那么呢，你是不知道他是 h e 的，那么知道 h e 的时候啊，我们现在就可以找到 h e 这块内容了。各位同学，是 h e， 如果找到 h e， 那么这块内容我们到代码当中来，各位同学可以看到 h e， 那我们这边呢，可以给他添加一个什么标题 h e， 然后来个大括号，来个 call， 等于 read。 那各位同学来，我现在把它改为 grip 绿色。各位同学，我们刷新一下啊， 老师写错了，因为是上面是 h 一，下面我写成 h 三了，现在改为一啊，改为对应的一，保存， 我们到浏览器控制台看一看，那么他对应就什么是一种绿色了。如果我们比如现在没有想改变段落的颜色，我直接再次点击这块内容，再次点击其中的段落，那么他 右侧就会出现段落的颜色。目前的背景色啊，各位同学一定要注意了，先点击上面这块内容，再来点击对应的标签，他的右侧就会出来。那么现在呢？我们现在要改变他的背景色，各位同学看好，我在移动的时候他背景色是改变的，那比如现在这块颜色我看中了，我想把这块颜色，我把它改为一种粉红色啊， 哎，不可以，粉红色太亮了啊，改为黄色，那我现在可以把这颜色的值然后复制过来。要换到什么位置呢？ 各位同学，我们再点一下 p 标签，它对应的位置啊，看的非常清晰，也就是主页的第二十五行，各位同学看好主页的第二十五行， 那么到主页的第二十五行是这块内容，那么现在要直接第二十五行啊，直接保存，他有可能上下会悬出下， 相差那么一两哈，你看现在的背景颜色被改变了吧， ok 啊，那么我们再讲第二块内容，也就是说第二个按钮是一个电脑端和手机端对应的图标啊，各位同学就说我们点击时候他可以切换成电脑的屏幕， 呃，手机端的屏幕和电脑端的屏幕切换来，各位同学，你现在看到的是手机端的屏幕啊，我们让他显示百分百，那各位同学，你看是不是手机端的再一次的点击就可以切换成电脑端。 那么现在讲了这两块内容，我们来讲最后一块内容，就是这个控制台啊，他是可以调整的，比如说我们现在把它关闭，再次打开控制台，他默认他不一定在底部，在他的 右侧这个地方有个有一个什么，各位同学看好了，有一块这块内容三个点啊，是竖起来的点，那么你点击的时候啊，他会有一块塑料桶， 各位同学看好，也就说我们的控制台可以停放到四个不同对应的位置，根据你电脑的版面或者屏幕的需要，那么比如说我现在把它放到右边，那么我们现在的控制台就放在哪边呢？是右边这块内容， 各位同学看好啊，右右边这块内容，那么我也可以点击一下，把它放回电脑的界面，对吧？手机端，电脑端，手机端，各位同学看好。 那么这块内容我们点击展开，比如我们现在点击是电脑端，当我们再拿出第一个内容来选择的时候，选择对应标签，那么我们这块内容啊，也就是可以看到一个对应的标签，同时我们在它的底部还有一个 css 样式， 也可以再一次的改变它其中的样式，各位同学看一看，那么这个视频啊，主要讲解到这里边就是控制台的，控制台的打开啊， 摆放和控制台的，通过上面前面的两个操作，一个是选择对应的标签，然后放在上面可以看到对应的标签，通过对应的标签，我们再找到对应的代码来修改对应的样式表 三块内容，各位同学想看一下，首先控制他要来点击啊，通过这个地方来选择对应的标签，然后点击对应的标签代码，然后直接样式，然后通过修改这块内容，都是通过一个图形化的操作来选择到代码， 那么这讲讲到这里，那么下一讲我们还要讲控制台，又是网页中，网页脚本中的控制台的使用，感谢大家的关注、支持和点赞，谢谢这一讲讲到这里。

哈喽，大家好，最近的话会有好多同学在问这个关于我代码查看跟下载的这个问题，所以呢，我觉得有必要录这样一些视频来解释一下我的代码去怎么查看和下载，好吧，然后的话如果你已经知道了去怎么看我的代码的话，那就可以直接跳过这个视频就可以不用往下看。 好，接下来的话就直接按我的最新视频来举一个例子，好吧。呃，直接的话打开我的视频随便选一个就是选一个最新的就行，好吧， 然后选了之后会看到我的简介区域，简介区域会有一个预览链接，然后再加下面会有两个仓库链接。为什么是两个呢？因为有的同学可能他的 detap 打不开，然后的话就可以打开第二个，两个其实是一样的操作，好吧，然后 然后的话我们就简单的打开第一个 gittub 来看一看，然后我们选中之后去直接跳转到这个页面，等它打开 好打开完了之后，实际上这就是我所有的代码的位置，就可以从一步一步的看的话，就是从，呃，比如说从前端分享这个文件夹点进去，然后的话就可以看到我的视频分类，视频分类再点进去就能看到我之前发的所有的代码的文件夹， 每一个文件夹里面就是对应的我每一期视频的一个代码东西，就比如说这个 h t m 吧，就是我每一期视频里面的这个代码，然后退回去，我们退回去到首页 可以看到的话，下面会有一个简单的一个说明哈，然后里面的话会我放了一个我的预览链接的一个 首页，然后再往下的话会放会放每一个预览链接的这样一个结构，目录结构，其实它就是跟着这个仓库目录结构一样，就是前端分享，然后 htm 加 cs 加 gs， 就是一个分类，对吧？ 也就是上面这个前端分享，然后然后分类，然后在下面的具体的某一个文件夹， 这就是查看代码。那如果想要下载代码的话，实际上很简单，我们点击这个右上角这个 code 扣的里面就会有两种下载方式，一个是这个链接的下载，然后一个是下载压缩包的这样一个下载方式， 如果你已经会了 get 的使用的话，就可以直接去复制这个 get 链接，然后去去你的电脑终端里面去 get clone， 对吧？然后输上这个一个链接，然后就能下载下来， 如果你不会的话，就可以通过这个当绕的 vip， 你点了之后，实际上他就会通过这样一个通过这样一个文件下载的方式，把这个压缩包就是所有代码的这样一个压缩包，直接下载到你的电脑本地，就是这么个东西， 这就是简单的一个下载方式跟查看代码的方式。当然很多同学实际上打不开这个 github， 因为这是国内国外网络的问题，好吧？打不开这个 get up 的，那它怎么打开呢？实际上它打直接打开另一个链接，就是这个 get 链接，就这个它是一个国内马马云平台的一个链接，我们同样打开它，然后打开它 可以看到他的这个页面，其实跟这个 github 长得其实差不多，对吧？然后同样也是有前端分享，然后各 就是目录结构是一模一样的，因为我是同步进去的，然后两边的东西内容全是同步的，呃，不会有任何偏差。然后同样的话查看还是点击对应的目录结构，然后的话同样会有这样一个预览链接之类的东西， 然后如果想要下载的话，可以看到右上角，这是变成了克隆或下载，对吧？然后同样你可以看到他会有一个 h c p s 这样一个下载链接，这是一个 get 链接，然后你如果会 get 的话就可以通过这个 get 链接去 clone， 对吧？然后如果你不会的话，同样是点下载 vip， 点完之后他他也会把这个，他也会把这个我所有的代码打包，然后然后打包了之后又是右上角看，他又可以让你去另存网页保存，好吧？好，就这么一个东西， 就是这一期就是简单的讲一下我的代码去怎样查看跟怎样下载，如果你是打不开第一个的话，就打开第二个，两个是一模一样同步发布的，对吧？然后就没什么了，就这么一个简单的东西，好，拜拜。

接下来就是红色圣诞树使用教程， 打开代码合集 html 圣诞树代码，选择银色 a 圣诞树，点击下载，打开客户端，选择下载路径，等待下载完成。下载后可以看到银色 a 圣诞树文件夹 下载并打开银色圣诞树文件夹， 双击 english h t m l 文件，就可以用默认浏览器打开银色圣诞树。

一招教你查看浏览记录安排，按住键盘无印加 tap， 可以看到最近打开的文件及网页。按住键盘无印加 l， 在运行框中输入 reset， 点击回车最近打开的文件盒视频一清二楚。查看时间精确到每分每秒，点击这里还可以切换时间点赞关注哦！

大家好，这个视频呢，详细跟大家介绍一个我们做布局经常用到的一个 css 属性， vertical alive。 虽然说 vertical alive 我们经常用， 但是呢，我估计绝大部分的同学呢，是没有完完全全把这一个样式属性给他弄清楚的，大家自己上网去查呢，有时候还不大好理解。所以这个视频呢，我打算从多个角度跟大家详细来介绍一下这个属性的真正用法。 一般我们现在用这个属性呢，用的最多的话就是控制我们元素的一个 wet golie middle， 中线对齐啊，中线对齐呢，他也是最好理解的。 再有就是我们这个图片和其他元素之间呢，会出现一个空白缝隙，这个问题呢，也可以用这个 verticalalette 去解决。至于为什么可以解决这个缝隙的问题呢，我们等一下再来说。我们先来学习一下 vertwoodlight 最 常见最重要的四种对齐方式， top， middle， baseline， button 这四种对齐方式。哎，他到底是怎么对齐的？来看一下代码 在包底里面呢，我写了一个 divdiv， 上面呢是一张图片，这个 div 呢，我是给他转换成这一个行内块元素的。来看一下， 这里呢，就是我们写的这张图片，他的右边呢有一个 div， 这个 div 因为我们对他转换成了行列块元素，所以呢，他是可以和这个图片并排在一行的。好，现在呢，我就对这一个 div 呢，给他设置一个 ready go alive。 这里我先用这个 top 的对齐方式看一下效果。 现在呢，我一刷新呢，哎，这个图片和这个点位呢，他们的顶部呢，就对齐在一起了，这里好像很简单哈，不就两个元素， 他们的顶部对齐在一起吗？ ok， 那我现在呢，我给他们换一下现在这个位置给我来呢，我就不给这个 div 设置了，我给这个图片设置， 我们再来看一下，现在呢，我一刷新，哎，大家发现他并没有什么变化，对吧？那这里我们有一个疑问，本来我们这个图片，如果说他没有设置这一个对齐方式的话， 这个图片呢，他是在下面的，刚才这个 dav 设置了这个 top 的对齐方式，这个图片呢，他就上去对齐了这一个 dav 的顶部，这里呢，好理解。那现在轮到这个图片设置了这个 top 的对齐方式， 为什么不是你这个钓鱼下来对齐我这个图片的顶部呢？这里是为什么呢？这里大家如果有这种疑问呢，很正常， 但是全部都错掉了，因为他们的这个对齐的参考点根本就不是对方，那他们是参考谁来进行对齐呢？ 哎，其实是文字文本，如果说这里有一行文字在这里呢，那这行文字他会直接参与进去对齐。这样子呢，我们看起来就直观一点，如果说没有那系统，他就会假设这里有一行文字在这里，这样子说可能还不好理解，我给他加一些文字在这里， 这个标语呢，我就改成 span 里面呢，我随便输入一些内容，好来看一下效果。 现在呢就是一张图片，然后他隔壁呢，就有一句文本在这里，再把图片的对齐方式呢给他设置上来， 我们这一个图片呢，他设置了这个 vertical line 呢，他实际上是相对这个文字来进行对齐的，所以呢，现在呢，他们两个就应该是顶部对齐，现在刷新呢，这些文字就升到顶部去对齐了。这里有同学眼睛比较好使的，可能就看出来了， 文字的顶部和图片的顶部好像并没有对齐，对吧？文字的顶部呢，是这里他并没有贴着我们图片的顶部，他们之间呢还是有一点点的间隙的，这里又是为什么呢？ 其实这里呢，他对齐的是这一行的顶部，而不是这里面的某一个文字，某一个字母什么意思呢？这里我给这个 pan 呢，给他加个背景颜色，给他个红色，然后呢再来刷新，哎，这个时候呢，大家就 看的清楚了，他现在呢是这一行文字这个背景颜色，这个红色的顶端呢，就已经对齐了。这张图片的顶端，也就是呢 top 对齐，所以 top 对齐呢，他对齐的是这一行文字这一行的顶端，我们只要给这些文本给他加个背景颜色呢，就很容易看出来了。我们再来说一下 button， 把这个 top 改成这个抱团哈，也就是呢底端对鞋，哎，这里也比较直观，对吧？ 这一个底端对齐，底部对齐呢，他对齐的就是这一行文本的底部，我们可以给他加个背景颜色，或者说直接我们用这一个小写字母，这个锥的底部 做一个参考呢就可以了。接着来说一下这一个机械对齐，也就是呢这个 baseline， 其实呢，这个 baseline 他也是我们默认的一种对齐方式， 也就是呢，如果我们没有设置这个 vote gold lie， 它默认的就是 baseline。 来看一下这个 becelai， 他参考的是哪一条线，哈，这里一刷新呢，大家发现这一行文本呢，往下面来移动了一点点，对吧？那这里他是参考哪里来对齐呢？ 其实这一个小写的 x 字母呢，我们可以拿它来当成一个标尺，这个小写的 x 字母，它的底部延伸出来的这条线呢，其实刚好就可以当做成这一条机线的一个延伸线， 就这条黑色的这条线呢，刚好就对准了这张图片的底部哈，这就是这一个机械对鞋哈，他对鞋的是这一行里面 x 字母底部延伸出来的这一条线。这里呢，有一个小点，不知道大家有没有发现哈，刚才呢，我们用这个 top 的对齐方式的时候呢，就是这张 图片的顶部对齐了这一行文本的顶部。然后呢，用这一个 bottom 底部对齐的时候呢，就是这一个图片的底部对准了这一行文字的底部。而现在呢，我们用这一个基线对齐的时候呢，也是用这个图片的底部对准了这一个 x 的底端。这里我们可以这样子来理解， 就是呢，我们这些 imagine 图片元素，或者说 electro 元素，他们底端的这条线和他们的机线呢，已经是重叠成一条线了。 而我们这些文本呢，它的基线呢，就是小写字母的 x 底端延伸出来的这条线。然后呢，这些文本它底部这条线呢，就是加了背景颜色的底部，或者说 是小写 c 字母的底部延伸出来的这条线哈，这里呢，这些文本呢，就会比这一个 imag 元素呢， 就多出来一条线，因为呢，这一个一麦九元素呢，它底部这条线和机线已经是重叠成了一条线了，我们这里呢，这样子来理解的话，就比较简单一点，所以无论说是包臀的对齐方式，还是贝斯拉的机线对齐方式呢，这些文本呢，都是去对齐这个图片的底部这里的。 再来看一下这一个咪斗的对齐方式，也就是呢中线对齐啊，咪斗这里呢就比较简单，也是我们用的最多的一种对齐方式哈，也就是找到这两个元素的中线对齐起来就可以了。我们这个图片的中线呢，就是他高度的终点， 他高度的终点延伸出来的这条线呢，其实就是他的中线。然后我们这一个文本元素，他的中线是哪里呢？这里呢我先给他刷新一下。 其实这一行文本的中线呢，也可以拿这一个小写的 x 字母拿来做一个参考，就是这一个字母他的正中间，他的中点延伸出来这条线呢，就是这行文本的中线。 然后呢这个图片他的中线呢就是他高度的一半，这里呢延伸出来这条线哈，这两条线对齐在一起呢，就是一个中线对齐。 说到这里呢，四种最常用的对齐方式呢，都跟大家来介绍了，我们来总结一下。首先呢是 top 和抱疼，这两种呢是最容易理解的，就是我们这一个元素的顶部对齐，我们这一个文本的顶部还有抱疼呢，就是我们这个元素的底部 对齐。我们这一行文本的底部就是这一个 mido 和贝斯拉呢，我们要找一下他们对应的一个参考线，这里呢给大家画了一个图，如果 我说我们这个元素设置了一个密斗的对齐的话，他就是找到这一个小写的 x 字母中间延伸出来的这条线，哈，对齐我们这个元素中间延伸出来这条线， 如果呢是机线对齐呢？就是我们这个元素底部的这条线，对齐我们这个小写字母 x 底部延伸出来的这条线。 好，我们再来分析解决两个问题。我们呢先把代码给他恢复到刚开始那个 div 的时候啊，就这里呢是一个 div， 然后我们这个音乐还没有设置这一个对齐， 就是这个时候啊，大家有没有思考过一个问题，为什么这个 diy 呢？他是贴着这个浏览器这个顶部的，但是这个图片他并没有贴着这个顶部呢？刚才分析过我们这 元素呢，他默认的对齐方式呢是机械对齐，哪怕说我们现在没有给他设置这个问题过来，但是呢，他还是以这一个机械对齐的方式来进行对齐的。这里呢，我把刚才那一个 span 给他恢复一下，然后再来看一下 这边刷新呢这行文字，他就出来了。现在呢给他找一下这个机线，刚才说了这个机线就是这个小写字母底端延伸出来的这条线，对吧？ 哎，他们现在是不是就刚好对齐在这一条线上面？就是因为他默认呢是机线对齐，所以呢，第一张照片呢，他就不会贴着这一个浏览器的顶部了。 好，我再给他来变换一下这个 span 呢，我暂时不需要他了，现在呢就这样子，然后我给这一个 imagine 呢，给他添加上一个 vodka like， 让他呢中线对齐。 现在呢，大家来想一下，他们应该怎么样来对齐法呢？有同学可能觉得很简单哈，不去把这一个图片他的中线 和我们这一个 div， 他的中线，就把这两条中线给他对齐起来，不就 ok 了吗？好，这里呢，我刷新一下。 哎，这里好像和刚才想的不大一样，对吧？这里呢，我们一开始就已经说过了，他们这两者呢，并不是以对方为参考点来进行对齐的。我们这里呢，要给他加一行文本进来一起来参考。这里呢，我就把刚才这句篇呢给他恢复一下， 再来刷新一下，再来分析一下啊。首先呢，我们这个 div 他没有设置到这一个对齐方式，所以呢，默认他就是机线对齐。他机线对齐呢，我们就先找到这行文本他的机线 他的迹象呢，就是这一个小写的 x 字母，他底部延伸出来的这条线，对吧？所以呢，首先呢，我们就确定了，这行文本他的位置呢，就出现在这里了，就小写的 x 字母呢，他延伸出来这条线呢，他就要去对齐我们这一个 div 的底部。 接着就是我们这个图片呢，他设置了一个中线对齐，他的中线对齐呢，我们先找到这个图片，他的中线呢，大概在这个位置，对吧？哎，大概这个位置。然后呢，再去找我们这个文本他的中线，这个文本的中线呢，就是这个小写字母的中点，这里， 这里延伸出来的呢，就是他的中线。这个时候呢，这两条中线对在一起呢，哎，就是我们这一个图片他的一个中线对齐。好分析到这里呢，基本上呢，就把我们这一个 vertical ride 对齐方式呢， 已经详细跟大家来说一遍了，我们再回到最初那一个图片缝隙的问题哈，这里这个 spare 呢，我还是先给他删除掉，然后呢，这个 imagine 这一个 vertical like 给它去除掉，这个 diy 呢，我们就让它恢复变成一个 block。 现在呢一刷新呢，哎，这个图片下面呢，就距离这个 div 呢，他就有一个缝隙了，其实造成这个缝隙的主要原因呢，就是因为这个图片他默认是这一个机械对齐的方式，这里呢，我可以把这个图片给他恢复过来。 然后呢再来看一下这边刷新的这行文字，他就出现了，我们来找一下这个机线，这个机线呢，就是这个小写的 x 字母底部延伸出来，这条线啊，刚好就是对齐我们这个照片的 底部的，为什么这里这一个机线对齐，他会造成这个缝隙呢？其实这个缝隙呢，是专门预留给我们放这些类似追拘这些小写字母的，因为呢，他们的底部刚好是超出这一个机线的这个范围的，大家看一下哈，就这个范围呢，专门给我们预留出来的。 我们呢要解决这个缝隙的问题呢，也很简单，只要说对这个 imagine 这个图片，让他这一个 ready gold lie 不要设置成这一个 base lie， 随便一种都可以哈，比方说我 bottom 这边呢，一刷新呢，哎，这一个缝隙呢，他就没有了，我们这个片呢，就可以给他删除掉了哈， 他只是方便我们来理解。一刷新呢，这个缝隙呢，也是没有的，或者说我们把这个 imagine 呢让他 display 转换成一个快元素呢，他同样啊也没有这个缝隙啊，因为呢快元素他是不会有这种机械对齐的方式的。好，感谢大家的收看。

大家好，我是老盖，今天我们接着学习 htm 二啊，今天是第四节课，我这里还是一边写代码一边讲解四啊，先新建文本文档，四 htm 二啊，建一个文件，然后我把上节课的内容复制一下。 上节课我们学的是啊，维持一到维持六啊，就是标签啊，是标题标签啊，然后改一下文字，第四节 我复制点正文啊，这个今天我们学习段落啊， 好，这个比如就是七行啊，七个文本，我们先看一下今天学习的标签啊，这六个都是比较简单的，我一起就是和大家讲讲解一下我这里演示 是吧，演示还是比较啊，容易理解。首先把这个啊文件我拖到 啊，这里边大大家能看到啊，浏览器直接解析的是一行，因为我没加任何标签，没加任何标签的情况下，我这个啊这些文本就是默认是一行的，但是我想啊，有所改变，我用这个屁标签，我比如加到第四行， 交到第四行和和第四行，第四行和第四行是单独一个，然后第五行单独一个啊， 好，刷新一下能看到啊，第四行和第五行又单独另外起了一行啊，相当于一个小小段落啊，其他的还是在一起一行的好。这个就是啊，啊 p 啊， p 标签啊，用这个斜线 p 结尾。我现在用的这些标签啊，全部都是默认的属性啊，没有更改它的颜色呀，大小啊，或者定义一些啊其他的属性。我们讲解标签就是讲先讲解默认的以后再啊，后续会讲解其他的。好，我们看一下这个 b 啊， 对比一下，我 b 二放在放在这里啊，这个 b 二是一个标签啊，没有这个结束标签，只有一个。好，大家看一下这个效果。 b 二啊，刚才我放在了这个二的后边啊，能看到能看到，这个第三行已经啊，已经换行换过来了，他就是一个换行的，我，我再加一个比啊，大家再看一下， 又加了一个换行，可以理解为就是一个我们在这个文本里边的回车行啊，但是在网页里边，你如果想换换行的话，必须用这个 b 啊。好，我们接 接着往下看，这个是注视功能啊，注视能把里边写写入的一些文字啊代码都注视掉，我这里演示一下，我比如把这一行第二行我放在这个中间，大家看一下。好，这个第二行已经消失了， 这个注释就是啊，我，我分开一点啊，啊，前面四个字符是开始啊，这个后边三个字符是结结束，中间啊是注释的内容，我们在任何语言里边编程里边哪啊都是有注释的啊，这个是 html 里边的注释。 好，我，我修改一下啊，我把这一行还复制出来，改了改一下，我是注视啊，就是这样，大家看一下。好，我们再看一下这个标签， 看一下啊，结果他这，他是主要用于那个格式化，预先格式化，有的时候我们比如定义一个代码，这里边显示的效果不好，我复制一个代码吧，复制一个 vc 的代码看一下， 少复制一点。好，我复制到啊，下边啊， 默认的情况下，这些代码应该啊应该还有错误的，因为维持 tml， 他有些解解析不出来，和会会和这个我写的这个微信代码会有冲突啊，应该是解析不出来，我先看一下结果 啊，看着还是不是太美观啊，我加上这个标签， 开始啊，这边是结束， 刷新一下，好，这个就能看出来了，然后这个就是和我这个文本里边啊，定义的还是比较像的啊， 因为我这个是 htm 二语言，然后我复制的 c 加加这个代码，他这个颜色显示的有些不太正确啊，这个大家这个不用在意啊，好， 这个就是演示这个代码啊，大家可以看一下，这样的话，就是我定义的是什么样子，然后这个这边显示就是什么样子，就是用了这个标签。 好，我们看一下这个地址标签，我修改一下，我把这个这个改成地址标签，大家看一下，对比一下，第三行和第四行 稍微有一有一些变化，变化啊，这个字体变成写体了，我再来一个第三画，大家也可以看一下，好，这个也变成写体了，好，他这个就是一个啊，地址标签，我们看一下这个快快引用我，比如我定义到这里， 好能看到啊，这个是有前方啊，有一个空白啊，相当于一个缩进的意思啊，因为我这个文本写的比较少啊，大家要如果要是我，我加一些文本吧， 正常我们这这些标签经常用到啊，就是文本编辑的时候会用到这些标签啊，啊，大家可以看到啊，然后这个 标签互相可以签套啊，就是啊，这个标签里边还可以签到一个标签，我比如我这个再放一个这个标签啊，屁，标签啊，能看到啊，有不同的变化啊，然后我再来一个， 大家看一下啊，修改一下，比如我这个用地址标签。 好，这个变成写体了。这几个标签用法都比较简单，大部分默认的情况下，这些标签都很简单啊，我们以后要改变这些标签的一些其他的属性，比如啊改变字体，改变颜色，或者改变一些其他的定义。就是另外的啊， 我们以后再再学习那些啊，今天我们讲的这几个都啊，都是基础标签，大家可以练习一下。类似的标签还有很多，我们以后再继续学习。好，今天这个视频就到这里啊，感谢你的观看，我是老盖，再见。

大家好，这个视频呢来跟大家讨论一个 gs 里面的一个小问题，不知道大家在开发的时候有没有遇到过啊，就在页面上面呢，我写了三杠钮，现在呢我希望做一件什么事情呢？我在 gs 里面呢，先把这三杠钮呢给它获取到，然后呢做一个循环， 我希望的就是当每一个按钮，当我进行点击的时候呢，我可以把他身上这个哎，就是这零一二分别给他打印出来，因为我们这个数组下标就从零开始，对吧？就定零个昂克力的时候呢啊，打印零 第一个昂克力的时候呢，打印一，第二个昂克力的时候呢就打印二，我们的想法是这样子，但是这样子做有没有问题呢？当然我们这里呢是不考虑这个 es 六的哈，也就是说呢，不管 eas 六里面这一个会计就用于还有呢这一个了，这个关键字来说 声明变量哈，要不然呢这里这个讨论呢就没有意义了，这里呢还是用回这个 rear 来声明好。我们现在呢就来看一下这些按钮点击的时候呢，是不是可以正常把这个 i 给他打印输出出来，也就是呢第零个昂克力输出零，第一个昂克力输出一，第二个昂克力输出二，看一下这里有没有问题， 这里先把控制台呢调出来，然后呢我就进行点击哈，我点击这个一，哎，大家发现没有，这里输出的竟然是三，我再点击这个零，哎，这里还是三，然后隔壁有一个二，代表这个三呢给输出了两次，然后呢再点击一下这个二还是这个三， 也就是说无论我们点进哪一个按钮，他输出的都是三，而不是我们想要的零一二，这里是为什么呢？明明这里就是第二个昂克列的时候， 我们答应输出 i， 也就是说呢第零个奥克力的时候呢，我们应该答应输出零，第一个奥克力的时候呢，我们答应输出一，第二个奥克力的时候呢，我们答应输出二，对吧？但是这里为什么全部给我们答应输出的最后都是三呢？ 其实这里呢最主要的还是由于我们 gs 助用欲的一个问题啊，假如说这个实力我们换成用别的语言啊，扎瓦，用扎瓦来做的话就绝对不会出现这种问题，但是我们接由于他助用玉的关系的话，就导致了这个问题的发生。 什么意思呢？这里的话，我首先啊把这个佛循环它里面的代码它到底是怎么执行的？一个执行情况呢？给大家来剖析一下。首先呢这个佛循环一上来呢，给我们声明一个 i， 对吧？这个 i 的值为零，然后呢就是进入循环的第零个按钮，当他昂克列的声 后呢，是不是让他执行一个函数啊？让他执行一个函数，然后把这个哎给他打印输出出来，然后这里呢哎就加加递增一次，对吧？当他递增完之后呢，这里哎就等于一了，哎，等于一之后呢，同样啊第一个按钮呢，他继续啊给我们执行这一步操作， 这个时候呢就是第一杠的昂克力了，然后呢哎，同样加加哎加加。这里之后呢下面的哎他就已经变成二了， 这里的哎呢他就变成二，然后呢就是第二干柳，这个时候呢他昂克力，然后呢哎加加，一直到这个哎呢等于三的时候，这个哎才不符合这个条件才跳出这个循环，对吧？但是呢，这个时候啊，已经是等于三了，这里呢就是我们这个佛循环直 执行的一个具体情况，一直到这个 i 等于三呢，才跳出这个循环，然后呢我们这个代码是一上来呢，他就马上立即就执行了，也就是说这个佛循环呢，一上来他就已经是执行完毕了，循环完毕了，他是不会等我们昂克力的时候呢，才去执行这个佛循环的。 所以说我们奥克利之前呢，其实这个哀已经是等于三了，又由于在这个函数里面这个哀呢，他并没有重新声明， 这里呢，只是在这个佛循环这里呢，对这个 i 有一个声明啊，所以呢函数里面这个 i 他是会受到全局状育这个 i 的一个影响的，所以这里当我们点击的时候呢，这个 i 就已经是用到全局里面最后的一个 i 的值，也就是说 i v 三这个值。这里因为我们在佛循环这里呢，用的是这个 rear 这个关键字来声明这个变量， 并且呢在 es 六之前是没有这个会计作用欲这个说法的，所以呢在佛循环里面呢，其实这个 i 它相当于就是在一个全局作用欲下面的这里呢，我们可以这样子，先把这段分析代码呢给它删除掉，我在佛循环的外面呢， 给他再对这个 i 复一个值，八啊，随便复一个值，这边的话我来刷新一下，然后这个时候一点击呢，哎，大家发现没有，每次点击呢，这里打印输出的都是八号， 其实这个道理是一样的，就是这个佛循环一上来呢，就已经让我们这个 i 的值呢，已经循环到三了，所以呢每次打印呢，这里都是三，那这里假如说我希望每次点击的时候就是第零个按钮点击的时候呢，输出的就是零，第一个按钮点击的时候输出的就是一，那这里应该怎么处理呢？这 这里呢我们可以用传统的做法，也就是说呢，不考虑这个会计状域的情况之下呢，怎么样可以让这个哎没有那么容易受到全局这个哎的影响？这里呢我们就可以考虑给他多包一层函数，也就是说呢用必包的做法给他隔绝一下，我们就在外面再包一层函数， 然后呢这个爱在这里给他接收一下，然后呢在外面这里呢给他传进去，再把这一段代码呢给他放进里面来执行。 好，我们现在再来看一下有没有问题啊？这边呢我们刷新一下，然后呢点击一下零，哎，大家发现没有，现在他就把这个零给我们打印输出出来了，再点一还有二，哎，好像现在就没有问题了，对吧？我们点击每一个呢，他都可以 正常的把这个 i 给我们输出出来了，为什么我们这样子做，他就可以正确的给我们打印出我们想要的这个 i 的值呢？是因为我们在外面给他再包了一层函数，对吧？ 虽然说这个佛循环他一上来呢，他循环的速度很快，对吧？一上来他可能就循环完毕了，但是呢这里我外层的这个函数呢，我这里加了括号，他也是自动直行的， 所以说零一二的这个值呢，这里他是可以正常的给他接收过来的。那我函数里面的这个 i， 他用的话肯定是参数传过来的这个 i， 而不会用到佛雄花外面的这个 i， 所以呢这里他打印出的这个 i 的值呢，就没有问题了。当然这里呢我们用这个 b 包的做法呢，是一个传统的做法，现在的话一二十六之后呢，我们引入了这个会计的教育，其实我们要解决这个问题的话就很简单了，我们只需要 把这一个关键字改成用 lat 来申明这样子呢就可以了。这里跟大家讨论这个问题呢，主要就让大家熟悉一下我们 js 的一个作用率的一个问题，还有 b 包的一个用法。哈，好，感谢大家的收看。

好，下面我们讲解一下如何在新 solid worker 里面啊，利用我们 solid worker 里面一个插件 in draw， 把我们的三维模型导出到我们的手机上面啊，方便我们的客户进行一个浏览啊， 也更方便我们的操作啊，脱离了我们这个环境，在手机上啊，不用，不用装任何软件就可以查看我们的模型啊，好，下面我们打开我们的一个模型，比如说这个俯视的一个换热器，我们点开它，把它出版到 e d dry， 好，就把这个模型输出到我们这个 e d 钻里面，当我们输出到这个 e d 钻里面之后，我们可以点击我们的另存为啊，另存为，在这里面我们可以操作我们的那个啊， 比如说我们可以自动的认识啊，播放一些啊，展示的一个根据不同视图播放一个视图，一个动画，还可以形成一个爆炸图啊，形成一个爆炸图，我们可以看一下， 我们还可以啊，任意的啊，移动我们的一个零件来查看观看里面的一个内容啊，这都是允许的。 好，我们重试，我们可以点击另存为啊保存的格式。为 啊，记住啊，是为我们抄文本的个 rep， 一个浏览器的一个文件 h t m l 啊，我们保存到桌面上就可以了，我们取名为啊，啊，我是换掉器， 我们可以验证一下啊，这个时候我们可以利用我们的三六零啊，我们也可以打开我们的那个啊， 这个模型，我们可以用用我们的鼠标进行拖转啊，好，我们查看我们的这个啊， 在我们的那个模型里面，在我们的手里的 work 里面查看模型是一模一样的。好，下面我们把这个文件啊， 也是 h t m 幺啊，输入到我们的手机上面，我们来看一下在手机上面的一个操作 啊，现在我们已经在这个红色框里，就是我们手，就是我的手机，我已经把这个文件上传到我们的手机里面了，我们用浏览器 uc 浏览器打开它，我们看一下它现在显示的我们的 etr， 我们来看一下它的操作和我们的电脑上的一个 et 转里面的操作是一模一样的，它可以啊放大，缩小，旋转等等，还可以播放动画，我们可以看一下。 好，现在我们来看一下啊，我们可以把形成一个爆炸图啊，拉动我们的那个数值的一个拖放条啊，进行一个爆炸图的设置，我们还可以以坡面图的形式来查看我们换个器内部 的一个内容啊，非常的方便。 我们还可以调整一下我们的位置啊，也可以在坡面图的情况下来播放我们的一个，按照我们的视不同的视图播放我们的动画，查看我们的设备 啊，记住啊，这是在手机上面查看的，方便我们的客户来查看我们的那个设计的一个内容。我们还可以以不同的一个啊形式模式来看，比如说我们的一个草图啊， 不同的形式来查看我们的那个内容。