尚硅谷前端基础 (14)

好，经过了我们之前的学习的话，我们已基本上已经搭建好了我们这个VS的一个开发环境，这个环境其实搭建起来也很方便，也基本上满足了我们以后很长一段时间的一个开发的一个需求啊，很长一段时间你只要用它就够用了，所以环境上我们不再多说了，以后需要什么插件我们再装就好了，那接下来呢，哎，我们来开始正式的进入到我们的这个。哎，这个HTMMR的一些这个语法，或者说它一些特性的学习，我们先说第一个东西啊，我们在这儿呢，来新建一个文件，诶我们叫做一个02.1个，我叫做一个实体，还是强调一点，现在我是在讲课，所以我可能为了你方便来说，我采用一些这种中文名啊，中文名，但是你在写的时候还是能尽能用，能避免用中文就尽量。不用中文，我们到了开发中也是这样是吧？哎，能用英文的地方尽量全都用英文，英文用不好，你说我实在没辙了，可以用汉语拼音，这些都是没问题的，但是千万不要把你的英文和汉语拼音混合使用啊，混合使用一定注意，要么都用英文，要么都用拼音啊，尽量用英文，用拼音呢，他不是什么高级的事儿，对吧？用拼音可能，哎，某些事比较多的人，他可能会觉得你用拼音很low，但是也确实稍微的有点low，但是万不得已的时候可以用，但是尽量能用英文，用英文好，那现在我们来创建网页还是直接叹号回车啊，或者叹号table键啊，叹号回车呢，是在我们这个这个这个Vs code里边的方式，如果说通用一点的方式，还是我们这个叹号table键啊，通用点的方式，它生成这两个Meta，没用没用，我给它删了，你留着也行啊，留着也行好，那这里边我们来说一个说一个东西。

名字已经起了，我这叫做一个实体，那实体是什么东西啊，实体是什么？我先演示一个一个东西啊，我这写一个P标签，成天P标签的方式直接P，然后后边跟着一个table键，在这我写一个啊，今天天气真不错啊，今天天气真不错，然后在这儿呢，我直接右键给它运行一下。

这个都给关上啊，或者直接选一个don't show again，这就给我们提示服务器启动，还是这个关闭啊，Show again就行了，那现在我的这个页面已经启动起来了，对吧？这就是我们的效果P标签表示一个段落，待会我们还要去总结啊，然后呢，我现在要做一件事儿，什么事儿呢？诶我现在希望在这个两个天之间，我给他加个空格啊，加空格就加呗，回车，诶空格啊，你看这空格是不是就加出来了，哎就加出来了，然后呢，我想再加一个走一个，诶你看在网页里有没有效果，诶没有效果我再加，我加了一堆空格，你看这有没有显示出来，诶没显示出来，同学说老师是不是你这个这东西没刷出来呀？诶我们右键查看网源代码，看这儿，这空格在源码里边是不是已经出来了，但是在这儿有没有显示啊，没有显示我这加了多少空格，直接选中一看，选中16个，也就是说我在这儿已经加了16个空格，但是这16个空格在我网页里有没有显示出来。

没有显示出来，为什么？哎，因为我们说了代码是我们写的，但是网页最终显示成什么效果，是不是由这个浏览器去决定啊，哎，所以说白了就是浏览器把这些空格给你隐藏起来，那是怎么回事呢？哎直接来说结论，哎在我们这个网页中，诶在我们这个网页中，哎，我们编写的这个什么呢？诶多个空格，哎默认情况下啊，默认情况下会自动，诶被这个浏览器解析为一个空格啊，会自动解析为一个空格，也就是说你写1万个空格，OK，没问题，你写吧，浏览器只把它当成什么呀，当成一个空格，那为什么这么设计，其实它是有原因的，诶为什么有原因，有什么原因的，其实你看啊，你像我们标签之间这些是不是都有缩进呀？哎，都有缩进，包括这儿，这儿是不是也是等于有空格啊，哎，包括这个位置，它是不是也等于是一个空。

格，哎，因为在我们写程序的时候，我们经常用空格啊，换行啊，缩进来对我们的代码进行一些格式化的操作，那你想他如果是把这些空格写一个算一个，写一个算一个，那也就说很有可能你格式化的代码，你说你这些代码，你这些空格仅仅是为了你的代码更好看，但是如果它11:1的去解析的话，那你这个网页里边的空格是不是就会非常多呢？哎，所以在大部分的语言当中都会忽略多个空格，哎，不是HT奇怪啊，不是他新鲜，但是这个时候就产生一个问题，OK，你是忽略多个空格，但是现在我的需要就是在他们之间是不是？

要写空格啊，哎，我就要写十个空格，或者我写100个空格，或者写1000个空格，我就是要写很多个空格，但是在这儿你不让我写的不太合适吧，诶那这里要怎么办呢？哎，所以这是第一个点啊，空格写不出来再来看，那现在呢，我想在这里边啊，我再写一个P标签，我再写一个标签，在P标签里边呢，我想干嘛呢？诶，我想在这写一个。写一个H1什么意思呢？我就想在这儿写一个H1标签，我就想写这么一个标签，但是你会发现我这一在现我页面里这个标签能不能显示出来，哎，不能显示出来，为什么不能显示出来，可能这么写不太明显是吧，这么写可能又容易误会，我换一种写法，我写什么呢？我写一个A小于哎，B，然后呢，大于C，我想写这么一个，这很明显，这个是我们的一个数学中的一个，这个等于是一个表达式对吧？数学一个公式A小于B大于C，也就说BB比A大，哎，比大，然后也比这个C大对吧，比这两个值都大啊，那这个时候写完这个以后，你会发现在我的这个网页里就显示一个AC，而且C好像还有点这个，诶这个加粗的效果对吧，还有点这个加粗的效果，那这个是为什么？诶这个是为什么，那这个我们来解释一下，这里之所以会出现这种情况，你们注意了，我想。

他写一个A小于B大于C小于在数学里是小于号，大于在数学里是大于号，但是很不巧，小于和大于在我们的HTML里是不是也是标签左右那么一个符号，你就说小于和大于，它是用来标识这个标签的，那这个时候你看这一小于号，这一大于号，是不是正好把这个B变成了一个开始标签啊，诶正好巧了，在我们HTM里边还正好有这么B这么一个标签，B这个标签什么什么什么意思，就是加粗的意思，所以你看他是把C给加粗来，哎，所以这个时候为什么显示出来就应该显示出来，因为他把这个东西当成标签了，那这个两个问题其实类似的，我这写了很多空格，结果给我解析成了一个，啊，我这写了一个小于号，写了一个大于号，结果我解析成了这个标签，那这个问题怎么解决呢？其实标签这个好解决，你给它前后加个空格，加个空格，那这个时候它就不是标签了。

是不是就可以显示了啊，就可以显示了，可以解这么解决，但是这么解决明显它不是很高明，那我不能老得加空格吧，我现在就不想加空格，我就想这么写，那要怎么写啊怎么写，所以这里边我们来说一下啊，诶在我们这个HTML，在我们这个HL中，诶有些情况有些时候哎我们什么呢？哎我们哎不能直接书写。

哎，一些这种特殊符号啊，一些特殊符号比如什么呢？哎，比如我们这个多个连续的空格，哎比如哎，比如我们这个字母两侧的，哎，字母两侧的这个哎大于和这个什么呀，小于号，哎小于号为什么不能直接写，因为这些东西在我们的网页中，它有一些特殊的含义，所以基于它这些特殊含义就是它，它这个东西本身在网页里它是有语法的，它是有意义的，所以这些解释的时候，它都会按照这些特殊的含义去解释，比如说小于号，大于号就被解析成标签，而多个空格就被解析成那种格式化的一些代码，那所以这个时候我们想一下，那像这种东西，我们这儿的多个空格，像这儿的小于号，大于号在这儿是不是就是普通的这个符号啊，诶就是。

中的符号，所以这个时候我们要告诉浏览器啊，我这大于号啊，小于号就是大于号小于号，它不是你的那个标签里边那些东西，那这时候我们要怎么表示啊，那注意了，哎，如果。如果我们需要，诶在什么呢？哎，在这个网页中书写这些特殊的符号，则什么呢？诶则需要使用我们这个HTML中的这个什么呢？叫做一个实体，或者叫做一个转义字符啊转移字符这东西是干嘛的？它的作用很简单，它的作用就是什么呢？哎，就是表示特殊字符，也就是说我用这种方式表示不行，因为对你来说有意义吗？所以我就换什么呀，我就换一种方式，换一种特殊方式，对你来说没意义的方式，所以这里边我们来说一下实体的特殊语法，实体的一个语法，实体的语法在这儿我们说了，它是一个and符开头分号结尾，中间呢，是我们实体的一个名字，比如说我要想写空格，我就是and符开头分号结尾，空格的名字叫做NBSP啊叫做NB。

所以在这儿你看今天天气真不错，你不是想写空格吗？我现给它删了，现在来看空格是不是没了，哎，没了以后我这直接写一个，按着符开头，分号结尾，我这直接啊分号结尾，注意英文的啊，写一个NBSP看这，诶你看这有没有显示那个东西，没有啊，是显示了一个空格，所以这个玩意儿就是一个实体，它所代表的意思就是一个空格啊，就是一个空格，你说我要想写两个空格呢？哎，我们就直接再写一个NBP是不是就两个空格了，你想写三个就写吧，想写几个你就写几个就完事了，懂那意思吧？哎，NBSP表示的是一个空格啊，表示一个空格，那它为什么没有合并成一个，因为我们已经用了它了，这东西就不会被合并了，因为它已经是一个实体已经转换了，诶我们的浏览器一看就知道啊，确实只是想写空格，就不会给你合并了啊NBS表示空格，这个叫做一个空格。

还有什么呢？哎，And的符开头分号结尾，我们叫做一个GTGT叫做一个大于号啊，大于号，然后and符开头分号结尾，还有什么呢？LT我们叫做一个小于号，小于号，所以这个时候我可以把这个小于号，哎，直接写一个and，我们来一个GT，然后分号，这个是诶小于号是LT，然后这是一个大于号，我们是and的分号，我们这来一个GT，然后这一保存，你看这个G，这个小于号大于号是不是就可以正常的去显示了，哎，就可以只能显示了，就这么一个效果啊，这个时候就不会把它当成标签了，因为这时候它已经不是那个小于号，大于号，而是我们用那种转移字符去表示的，所以这些实体就是专门用来表示一些特殊符号啊，特殊符号的，像还有一些比较常用的，可能还有什么，还有什么and分号，我们叫做一个copy，这是我们这个版权符号啊版权。

图二，就那个圈C那个生存版权的，呃，那这个东西啊，其实实体这些东西整体来说在我们HTML里用的并不是呃特别的多，只是当你需要写一些特殊符号的时候，需要这么写，但是大部分情况下可能都用到啊，可能都用不到，那这里面呢，你就知道一下，了解一下就行了，但是很明显，如果你真的写的话，我如果只给你提供这四个，你是不是也不太方便对吧，也不太方便，所以那我们怎么去查询还有哪些实体呢？啊，还有哪些实体呢？我直接来说一下啊，那这里面首先说一下，我们现在用这个实体呢，首先你看啊，And符开头，分号结尾中间是这个实体的名字，你注意这些名都是有意义的，你像GT就叫great字，就是大于的意思，哎，LT叫小于，就是就是小于的意思是吧，小于号，然后copy呢，就是版权符号复制嘛，就是copy就禁止复制嘛，禁止去去去去拿我的东西嘛，对吧，Copy版权符号，然后NB。

SP呢，SP就叫做一个space啊，Space NP叫做什么呢？Nu break，就是不换行的空格，就是说白了这个空格你写的再多，它不会因为这个空格去换行，就这么一个意思，但是这个不要拿中文测，拿英文测，就是因为一连串的英文它不会换行，但是如果你是中文的话，其实它还会换行，只是不会什么呢？不会在这个空格的位置换行，可能在这个字的位置换行啊，是这么意思啊，不会换行的一个空格，这空格它会一直连续一行去写下去啊好，这个是我们说的它，然后实体怎么查啊，直接找我们上回跟你说那个网站w3school.com.cn在这里边，我们来看一下，它有一个HTML的教程，直接点过来，有一个专门的一列叫做HTMMR的实体在这儿啊mmr实体实题点开以后，你看语法ntt name是不是都给你写上了，哎，都给你写上了，然后你看哎，小于号，哎这个空格是怎么写的，小于号怎么写的，大于号怎么写的，按照。

符怎么写的，引号怎么写的，在这是不是都给你写了，哎，所以你要用的话，直接找你需要那个就OK了啊，需要那个如果还不够，这还有一个实体符号参考手册，直接点进去这边的东西就会，哎，就会更全了啊，就会更全了，所以这里边你就直接去诶用一下就OK了，诶需要用哪个就去找一下就行了啊，关于实体更深的东西，我们也不用去考虑了，你就知道一些怎么用，以后看到这玩意儿知道它是什么就足够了啊好，我们说到这儿尝试着自己来写一下，写几个试题啊，自己创建几个试一下，我们听一下。