尚硅谷前端基础 (6)

好，经过我们之前的学习呢，我们已经安装好了notepad叠加，那以后我们再写这个网页的话，我们就可以临时先用note加来写这个代码了，当然它也不是说那么的好用，但是它至少比我们这个记事本要更靠谱一些，那随着我们这个内容的增加呢，我们这个代码呢，也会越来越多，所以呢，我现在呢，诶来在我的桌面上尝试创建一个新的文件夹，叫做一个SOCE啊source，诶source干嘛呢？哎，我的这个源码的文件夹我在这一块，哦，我的这块已经已经存在有这个文件夹了，那我就直接把它删除了啊，那在我的桌面上有一个文件夹叫做一个source source就是源码的意思啊，源码的意思，那我在这里边呢，我把我所有的资源上课，我相关的资源都放到这个soft里，那比如说我先放了一个什么呢？哎，我放了一个这个，呃，Soft或者叫package啊soft吧。

Soft软件，哎，我把我的软件的安装包全都放到这个soft里啊，CTRLC拖进来啊，放进来啊，直接拖进来不是CTRLC了啊拖进来以后呢，我在这里边我再创建一个新的文件夹，叫做一个code啊，那soft里边我是放这个，哎这个这个软件的，以后我会给你提供各种各样软件全都放到这个soft里，你直接下载就行了，然后呢，Code里放的是我们课上的这个代码，哎，代码的话你就可以通过这个文件夹去找，那因为我不能确认你是从什么渠道看到的我的视频，所以你当看到视频的时候，你可以联系一下是吧？啊，你看一下你那个呃平台的介绍，或者你是在我们官网上下载的，看一下介绍啊，它都应该会有下载的一个途径，那这里边code里边我直接创建，再创建一个新的文件夹，因为我要给它分一下类嘛，对吧，诶零一我们叫做一个这个诶introduce啊。

Introduce。Du啊，Introduce，这是我们的一个课程的介绍相关内容，然后我把我的两个文件放在这里边，那这样你们在看的时候，直接去这个文件夹里就能找到了啊，就能找到了，所以我希望你在自己组织你的代码的时候，也要把你的代码组织的，哎，结构要清晰一些，哎，千万不要给它整的特别的特别的乱啊，一定要整的结构清晰一些，好，那我们接着来就拿这个INDEX2我们这来说这个问题。啊，我们这儿直接来编辑一下啊，那这里边我们打开这个网页，这是我们之前说的一些东西，那这里边我们就再来补充一些我们的一些基本的语法啊，基本的语法那像我们这个像title也好，像hi也好，像body也好，像h he也好，这都是我们之前说的叫做一个HTML里的标签，那标签作用我们也说了，它就像是一个这个带有这个。

名字的括号一样，通过标签可以来标识出我们这个网页中的不同内容，那我们之前说了，我们标签的话一般都是成对出现的，它会有一个开始，还会有一个什么呢？有一个结束啊，有一个结束，但是除了这种成对出现的标签以外，在我们这个HT标里边还有什么呢？还有这种标签咱们还不讲呢，待会可以说一下，叫做一个img，或者我们叫做一个这个in input这种标签他们的特点就是什么呢？它只有开始标签，没有结束标签啊，只有开始标签，没有结束标签，所以这种标签呢，我们就不用再去写这个啊，不用再写这个，这种标签有两种写法，一种是直接就写它就完事了，还有一种啊，CTRLD复制，然后呢，还有一种我是直接在开始标后边加一个这个反斜杠，那这两种都是对的啊，这种标签叫做字结束标签啊，字结束标签什么叫自结？

这标签呢，就是自己把自己给结束了啊，就说它没有结束标签，那和其他标签，像H1这种标签它不一样的地方，像H1这种标签呢，它是成对出现，有开始有结束，而我们这种字结束标签，它只有什么呀，只有自己只有开始标签，没有结束签，两种写法，一种是只写一个开始标签，还有一种哎，就是开始标签后边你加一个鞋盖加以区分，但是在H5里边，其实这两种写法你都能看到，H5标准推荐的话，是我们的这两种写法啊，这两写法，所以你记住这两种写法啊，所以有时候你看到单独存在的一个标签也不要奇怪，那说不定它就是一个自解数标签啊，自叙数标签好看到这儿呢，我们就要说一个问题了，你会发现我在给你讲这个内容的过程当中，我跟着是属于属于光说对吧，光说我告诉你是吧，这个叫什么标签，这个叫什么标签，我都给你说了，那这里边我就希望什么呢？可能。

你们对于你们来说，你更希望我在这里边要写点一个介绍性的内容，比如说我写一个，哎，我开始写什么呢？我这写一个写一个啊我们这个标签，哎标签一般什么呢？一般我们叫做一个成对出现，哎但是呢也有，但是也存在一些什么呢？诶一些这种字节数标签，诶字节数标签，那我写这么一个东西什么意思，CTRLX保存一下，那这个东西是不是对我们下边内容的一个一个描述啊，哎，一个描述性的一个内容，那现在我把它写到这里，写到这里以后，我现在你猜猜我待会儿双击打开这个网页，我的这个东西他能不能看见。能不能看见，诶很明显，我这如果打开网页的话，这一个东西它也会同时出现在我的这个页面里，你看标签一般成的出现，但是也存在一些什么呀，诶自己做标签，那这个时候注意了，那像我们说这种东西，我希不希望它在我的网页中显示出来，希不需要，诶很明显是不希望的，因为这个东西我们是对下边这个内容进行解释说明的，我们并不希望它直接在页面中显示，那就像我们开发中也是一样的，我们开发的时候，可能大部分情况下我们是一个协同开发，也就是说我可能是多个人一起去开发一个东西，那这个时候我可能就要在网页里边写一些文字，这些文字是干嘛的呢？这些文字就是专门用来去解释我这个代码的，解释代码的意思，也就是说这个东西我希不希望让我的普通用户也看见，哎，不希望，只需要让我的同事，或者让我同为。

工程师的人能看见，而普通用户最好你是什么也看不见呢，那这个时候要怎么办呢？哎，那这个时候就要用到我们这么一个东西叫什么呢？我先写上一个监宽，一个叹号，然后两个减号，再两个减号，一个加号，写这么一个东西，我可以把这段文字啊，CTRLX直接放到这个里面，CTRLX，诶把它选中一下啊CTRLX直接放到这里面，然后再保存，你看这个时候它的颜色跟别人的颜色是不是都不一样了，哎，都不一样了啊，然后在这里我一刷新走一个，你看还有没有了，哎，没有了，但是我如果右键查看网页源代码，这个时候有没有，哎就有了，所以这个东西叫什么？哎，这个东西我们叫做一个注释。

这个我们叫做一个HTML的一个注释啊，注释怎么写的？再回顾一下，一个间号，一个叹号，然后两个减号，再来两个减号，再来一个间块，中间这个内容就属于是注释啊，这就是注释，这叫做一个H填膜注释，注释是干嘛的？注释中的内容会被我们那个浏览器所忽略啊，所忽略它不会在网页中直接显示啊，也就说你这个注释，你这爱写什么写什么，在网页里你是看不见的啊，你是看不见的，你看不会在网页中显直接显示，而是什么呢？诶但是诶可以在我们这个源码中，哎，查看我们这个注释，所以注释的作用很简单，注释就是用来干嘛呢？诶注释就是用来对我们这个代码进行解释说明的啊解释说明的，那这个东西还是我们说了，现在我们在学习阶段。

哎，那可能注释对于我们来讲，我可能就是在课上主要是当成一些笔记的形式来展示给你们的，但是我们真正在开发的时候，这东西是干嘛的？哎，可能就是做一些解说明的，比如说像这个东西，我们说了我的一个网页啊，那它举例子，我的一个网页，我们在开发的时候是协同开发的，那并不是说你一个人，或者说大部分情况下不是你一个人开发，可能是有三个人，四个人一起去开发一个网页，那这个时候比如说你写了一个东西，是这么一个东西，这个东西呢是对你来说很重要，你希望别人在改你的网页的时候，这个东西千万千万千万不要给你删除了，那怎么办呢？诶，那我一想我写个东西呗，写一个啊，这个东西很重要，千万不要不要删，诶我就写上了，哎，当然写上以后，我们的程序员在看到的时候啊，这个东西很重要，千万不要删，那他大概也能猜到了，这个东西删不删呀，不删，但是这个时候。

会给我们带来一个隐患，我们这一刷新这个东西很重要，千万不要删这个字儿，是不是在这儿就出现了，为什么在这儿会出现？因为它是一个直接写到包里边的东西，我们说了直接写到包里的就会在页面中直接显示出来，但是像这个东西我们需不需要直接显示，哎，很明显是不需要的，所以像这种东西我们就可以给他写到一个注释里。

交存这样就完事了啊，这样就可以，你看我再刷新一下，还看见看不见了，哎，就看不见了，但是在网页的源码里边，他是可以看见的，也就是说诶，你的用户是看不见的，但是你的同事啊，你的这个呃，伙伴他还是能够查看的，所以注释主要是对代码进行解释说明的，所以啊，我们在开发中，在开发中我们一定要什么呢？一定要养成我们这个良好的编写注释的一个习惯，哎，良好的编写注释的一个习惯，哎注释要求什么呢？哎，注释要求我们这个简单明了，注释的作用主要就是帮助我们的同事，或者帮我，帮助我们自己来理解这个代码的一个意思的，所以要求就是简单明了，什么意思呀，哎，我写。我这注释写的特别清晰是吧，我这一共有10万行代码，我写了100万行注释，那你想想，那我是不是还不如直接去看代码来的更快一些，哎，所以注释千万千万不要写的太过于的复杂，千万不要写的跟写个议论文似的是吧，那谁看起来都会很痛苦，所以注释要求简单明了，但是注意我在上课过程当中，我写的注释是偏多的啊，是偏多的，因为我们讲的东西会比较的比较多嘛，因为第一次接触我写东西会偏多的，但是你真正在开发的时，千万不要像我这么写，你如果开发中你像我这么写注释，那同事肯定哎要笑一下你，因为你注释写的实在是太细致是吧，开发中可能我注释就是一两个字就完事了啊，不会写的特别细致，好，这个是我们的注释，还有一点，其实注释除了我们说可以什么呢？可以去描述代码，还可以干嘛呢？哎，注释还可以，哎将。

一些什么呢？哎，将一些我们不希望显示的这个内容隐藏什么意思？看这儿了，这写了四个标签，这四个标签其实我们就做了一个演示，就是有这种字结束标签的一个存在，但是现在对我们来说，可能这玩意儿我们还不知道干嘛的呢，所以比如说我不想让他们在页面中显示，怎么办呢？诶你就可以把这四个标签全都放到这个注释里面，那这个时候与此同时这四个标签就被注掉了，注掉以后你再刷新页面，这里边还有没有了啊，就没有了，它可以去把这些标签也注释，注释完了标签也就与此同时不会出现了，啊，就不会出现了，诶你可能会说老师啊，我觉得你这么有点麻烦呀，你直接删了不就完了吗？诶没错，删了确实可以，但是删了和注释掉有一个本质的区别，就是删了那就真没了，而注释了，如果你还想着有的话，你是不是直接给它拿出来就行了，哎，放到注释外就行了啊，所以注释就是可以去注掉。

隐藏一些你不想显示的一个内容啊，这就是我们所谓的一个注释啊，注释还有一点你需要注意的是啊，我们再写一下叫做什么呢？叫做一个注释，它不能什么呢？啊，不能嵌套啊，注释不能嵌套什么意思？我这写一个注释，这个注释啊，在H填码里的注释，它叫做多行注释，你说你在这儿你可以怎么写，只要是在这俩玩意儿之间的，都属于什么呢？都属于注释，你爱怎么写怎么写，页面里边都不会显示出来，但是你可能这么写，诶我写这么一个吧，诶，我写一个咔咔咔咔咔咔咔咔，诶什么意思，我在注释里边，我是不是又写了一个注释啊，哎，我这写一个，我是注释中的这个注释，你们来看看有没有什么问题啊，我这一保存我们看效果，这一刷新，诶，这个东西确实没显出来，但是你会发现这多了一个小箭头，这么一个东西，这又是干嘛。

的，这又是干嘛的？哎，其实很简单，注意了，我们的浏览器在解析网页的时候，是自上向下一行一行解析的，所以它会先解析这玩意儿，他这一看，这表什么意思，表示注释开始，从这开始往下解析走，诶，这是注释，它这这是不是也是在注释开始的后边啊，OK，这个也是注释，这个干嘛也是注释，直到解析到这儿，这一块全都属于注释，再一看发现了这么一个玩意儿，这玩意属于什么？这玩意儿属于注释结束，所以他是怎么做的，他就把这个和这个配成了一对，也就是说他认为什么呢？他认为他们之间的内容属于注释，那这个时候产生一个问题，这哥们是不是也被注掉了？哎，那这时候他还有没有主了，哎，他就没主了，所以它就在页面中显示出来了，对吧，所以这个时候你就记住了，我们的注释能不能嵌套，哎，注释是。

不能嵌套的，一定注意不要在多行注释里面再写多行注释，不仅仅是HTML，所有的语言都这样啊，所有语言都这样，好，这个是我们说的一个这个注释的问题啊，注释问题我把这先给它删掉啊，因为啊留着吧，你自己去看一下啊，这是一个错误的示范，这是一个注释的一个嵌套啊，一定注意注释不能进行嵌套，好呃，那这个是我们说的一个注释的问题，我们这先停一下。