36.尚硅谷_HTML&CSS基础_文本标签.avi原创

来呢，我们是把这个CSS这些选择性呢，大概过了一遍，还有一些可能就没没再有一些其他的不常用的没再说啊，接下来呢，我们说完CSS，我们暂时回过头来再去看我们的这个M，那这接下来我们要说一些这个文本标签，还有一些这个文本的一些样式，那今天可能说不到样式，咱们主要今天说一些这个文本标签，那所谓的文本标签呢，主要指的是我们这个HTML里边的一些这种语义化的标签啊，语义化的标签，也就是说在H1啊P标签以外的一些其他的标签啊，那接下来我们来说，诶，这你第一个要说的两个标签，一个叫做这个em，还有一个叫什么呀？叫做strong啊em，还有一个死strong，诶，我们来看看em标签用于表示一段内容中的什么呀，着重点啊着重点，而我们这个死strong标签呢，用于表示一个内容的一个重要性啊，着重点跟重要性好像看着它也没啥区别是吧，但是你要记住了，Em和死状都是。

表示一个什么呀，表示一个重要的内容啊，都是表示一个重要内容，而我们这个em主要是表示什么呀，主要表示的是这个语气上的强调，也就是说我说一句话可能有什么呀，有重音，Em就是表什么呀，语气化的强调，而死状呢是什么呀？内容上的强调啊，内容上强调，比如说举个例子，我们现在就有一句话叫什么呀，诶这有一个警告，任何情况下不要接近僵尸，那你看我这句话，我是不是就用死strong给它圈起来呀？诶比示这句话这个内容干嘛呀，非常非常的什么呀，重要啊，非常非常重要，千万不要靠近僵尸，提醒你要重视这个内容啊。而下边还有一句话叫什么呀，诶，他们只是看起来很友好，实际上他人门是为了吃你的胳膊，那这里边你看看起来这干嘛了，是不是给你整了一个em呀，这表示什么呀，这表示是语气上的一个强调，你就说这句话读的时候，你这个重音应该放在哪啊，看起来应该怎么读啊，他们只是。

站起来很友好，那实际上呢，它是为了吃你的胳膊，哎，所以死strong表示是内容的重要，而这em主要指的是什么呀，语气上的一个强调啊，都是一个强调的标签，那我们来写一个东西都比较简单啊，还是都了解一下，我们这来一个11叫做一个我们这个文本标签，我们来说一下叫做一个em，还有这个死strong，哎，Em和我们这个呃，死strong，哎，我们说这两个标签，哎都干嘛呢？哎都表示一个这个什么呀，强调的什么呀，哎强调的一个，哎内容什么呢？诶em，诶主要。哎，主要表示我们这个语气上的什么呀，语气上的一个强调啊，语项上强调，比如说举个例子，咱们来写一个什么呀，写一个P标间，P标间里边我来写一句话吧，哎，写一句话，哎，今天诶天气哎真不错，哎真不错，那现在我们来说这个可可以干嘛呀，我可以在真不错的给他套一个什么呀，哎，来一个em表示什么呀，我要强调一下啊，今天天气真不错是吧，好像也没啥区别是吧，今天天不，这应该是什么呀，这应该是就刚才你们看那种日剧，应该以那种日本人的那个语气说是吧，今天天气真好啊是吧，应该这种感觉是吧？啊，这真不错啊，读不出来是吧，但是注意em表示一个什么呀，语气上的一个强调，我们来看笑话啊，CTRL一看，诶，你看真不错，是不是突显示起来也是比较突出的呀，什么呀，斜体啊斜体，所以这里边我们注意em默认什么呀，诶em。

在我们这个浏览器中干嘛呢？诶默认使用我们这个斜撇显示，但是还是这句话，它怎么显示，我们关不关心啊，不关心，只关心它的什么呀，语义啊，表示一个语气上的一个强调啊D，然后再来看还有什么呀，还有一个叫做诶strong strong呢，其实咱直接写吧，写一个strong，直接写一个str orangeg strong strong里面我可以写什么呢？诶注意诶如果你不认真上课，哎你哎就有可能。

诶找不到好工作，诶这东西不能说有可能是吧，好像还有点遐想的是吧，你就找不到好工作啊，诶你就找不到好工作啊，这是一个必然的是吧？诶这是一个必然的啊来保存我们这一刷新走你诶你看干嘛了，是加粗啊，哎加粗啊加粗，所以这里边我们来说strong，哎表示一个什么呀？哎强调的一个内容啊，强调的一个内容，诶比什么呢？比我们这个em更强烈啊，比我们em更强烈也是默认使用什么呀？诶粗铁显示啊，默认粗显示，但是我们还是这句话，它粗不粗呢，我们不关心，我们只关心什么呀，它的一个呀，语义啊，它的一个语义，诶strong比我们这个em的语义更强烈，Strong em主要表示的是语气，而strong表示什么呀？内容上的一个着重啊，内容上一个重要啊，一定要注意这句话，它不是给你们开玩笑的是吧，哎，不是跟你开玩笑的，你不好好上课，你可能。

诶，你咱们现在说啊，工作相对来说还算比较的什么呀，好找诶你凑合学四个月，糊里糊涂没准也能找着一个七八千的工作是吧？但是呢，诶可能你可能就不太满意了是吧，还不太满意了，好那这里边是我们说的这么一个这个诶em还有死strong，那除了em死strong呢，还有两个比较，哎比较有意思的，一个叫什么呢？一个叫做I标签，还有叫什么呀，叫做一个B标签，我们先看爱标签啊，我是这个I标签中的什么呀内容，诶来保存，现在我们来一刷新走，你发现什么了，是不是斜体啊，诶跟我们这个em的显示效果实际上是一样的啊，实际上是一样的，还有一个谁呢？还有一个这个B，诶B，诶我是这个B比赛什的内容。

B保存一刷新走，你看完了是不是加粗哎加粗I是斜体，和我们这个em的效果是一样的，B是什么呀？加粗和我们这个strong的什么呀，效果是一样的啊，效果是一样的，来我们来说一下哎标签哎中的这个诶内容会什么呢？会以我们这个斜铁显示，而我们这个B标签中的这个什么呀，诶内容会什么呀，会以这个加粗显示啊加粗显示诶那我们会发现I和B是不是跟我们这个死strong还有em是一样的呀，那我们注意I和B干嘛呢？没有任何的一个什么呀，没有任何语义爱表什么呀，Italli就是什么呀，斜体的意思，B叫什么呀？Bold就是什么呀，就是加粗的意思啊本来像这种，那他们是不是相当于是一个纯表现的标签啊，按理说这俩标签干嘛呀，应该给他淘汰了啊，应该给淘汰了，但是H5呢，没有淘汰，他怎么规定的呢？我们说H5这。

啊规范中干嘛呢？哎规定，哎如果什么呀，如果这个语句有语义，哎这样写吧，哎规定对于什么呢？对于不需要什么呀，着重的内容就什么呢？诶着不需要着重的内容，而是什么呢？而是单纯的什么呀，诶加粗或者是什么呀，或者是斜体，诶就诶可以使用我们这个B和这个什么呀，爱标签说白了如果有语义，你就用em和什么呀，说如果什么呢，你这俩词你就单纯的，你觉得什么呀，这词加粗完了以后干嘛呀，好看你就用什么呀，你就用B，你觉得斜体完了好看你就用什么呀，用爱这两个没有语义，而我们的什么呀，Em和死状有语义，所以根你的需求去选择啊根据需求选择，哎，这是我们这个I还有B，那其实这个I和B啊，它有的时候我们干的时候往往不是显示文字。

这个事儿有的时候你去什么呀，现在有的时候拿它干嘛干嘛用啊，比如说你上京东，京东可能你上前边它有一个栏栏里边可能有一个什么呀，这种小图标见过吧，小图标可能是个用户啊，或者说可能是那种购物车图标，他有的时候呢，这种小图标用什么呀，用这种爱来表示爱，他取了一个谐音I，叫一个icon，这么一个小图标，小图标这么一个意思啊，用它去表示一些东西，也就是说它实际上已经不怎么用来设置文字的样式啊，不怎么用来设置文字样式，好这是我说I和be em，还有一个死strong啊，有语义用em，死strong没有语义用I，还有B，但是整体来说用的这个其实都没有那么多啊，没有那么多，好，下边我们再来说一个P标签里边还有一个什么呢？还有一个我们叫做一个small标签，Small small small什么意思呀？诶小的来写一个，我是这个P标签中的什么呀内容，然后呢，我在P里边再写一个small。

诶这写一个我是这个small，诶标签中的这个内容，我们来看什么效果啊，一保存咱们再看一刷新走，你这是P这条里边的内容，这是什么呀，Small里边内容，你看small里边干嘛呀，是不是比P里边这个字要小一些呀，哎要小一些，所以small就是小意思，我们说small标签中的内容会什么呢？诶会比它的什么呀？诶副元素哎中的这个什么呢？中的这个文字要，诶要小一些啊要小一些，诶它其实之前呢，也是一个什么呀，纯的这么一个表现的一个标签，它设置文字的大小嘛，但是现在在H5里边，它有了一个H5，赋予它了它一个语义，在我们这个H5中使用什么呢？使用我们这个small标签来干嘛呢？来表示一些什么。

什么呀，诶细则，细则一类的什么呀，一类的这个内容啊，细则这类内容，比如什么呀，诶比如像什么呀，我们这个合同，合同中的什么呀，小字啊，合同这个小字，比如说我们这个网站的这个什么呀，诶版权声明诶都可以放到我们这个symbol中。诶，什么叫合同中那个小字啊。你像你看那电视，你看电视可能看那种方便面那广告是吧，那广告一出来那大块的牛肉是吧，那个那个方面这再说就该饿了是吧，反正那个意思啊，那个牛肉，牛肉都画的老大老大了是吧？但是注意你要看电视这时候肯定右下角有一条小字是吧？诶图片仅供参考是吧？诶以实物为准，这字绝对是极小极小的，你不拿放大镜基本上干嘛的呀，看不见的，那像这种东西就可以用什么呀？哎，用small还有什么呀？诶你合同里边也有些什么呀，细则这种文字或者说就这种霸王条款都不一样，你看清楚了给你干嘛呀，你写小点这种东西看嘛，也可以干嘛呀，也可以用small还有什么呀，网站里边有一个什么呀，版权声明copyright也可以用什么呀，Small啊，也可以用small，这是我们说的一个small，诶那看到small你就想它有没有什么呀，诶big是吧，有没有big呀，哎，其实也有big啊，也有big，但是big和small就不一样，诶big其实跟small差不多，Small是变小，而这个big是吧，是不是变。

大呀，你看是不是比这个副标签的文字要大一些呀，但是注意big这个东西没有什么呀，没有羽翼啊，没有羽意，Big标签可以说就已经给它淘汰了，而死没由于这个需求干嘛呀，表示我们这个细则，所以还给他干嘛留着啊，留着B了，已经没有了，没人用了啊，就不怎么用了，没有什么余义啊好，这是我们说的这个small，然后我们来看看还有什么东西啊，I和B这个small还有一个叫做一个哎set是吧？哎set这个标签是干嘛的呀？哎set标签可以指明对某些内容的引用或参考，直接说了就一句话。

哎，网页中所有的加书名号的这个内容都可以使用我们这个C的标签，哎，就表示什么呀，诶表示是什么呀，诶叫做参考的内容啊，参考的那个内容。哎，那这就像什么呀，像举个例子，假如说你写一个论文，论文里边都会有什么呀，是不是参考的书目啊，哎，参考的书目，那这些东西可以可以干嘛呀，可以用这个set给它圈起来啊，给它圈起来，那比如说我这写一个写一个写这么一个，这里边来先写一个书名号。

这个里边吧，这里边书名号还打不出来，他给我直接给我给我改了，这出来了啊来说一下叫什么呀，写着说论语，诶论语是我最喜欢的什么呀，最喜欢的一本书啊，最喜欢一本书，那这里边我们说什么呀，论语我是不是给他套上那个sit呀，哎，来一个直接来一个C来，然后把这论语给它放进去保存这表什么呀？哎，这是我的一个引用的一个内容啊，引用的一个书目啊，所有加重众号的东西可以都可以加这个SEAT1保存易刷新，是不是这么一个效果呀，也是有点斜体是吧，但是还是不关心表现，只关心它这个什么呀啊语义啊语义诶那所有的加书名号的内容都可以用这个C的，比如说什么呢？比如书名，哎书名没得说了，肯定加书名号是吧，还有什么呀，哎，歌名还有什么这种，哎，叫做话剧是吧，哎，话剧。

和万话机剧，话剧名还有什么呀，这种电影电影名，什么舞蹈的名等等，凡是可以加成标号的都可以用什么呀，用这个sit这个标签啊，表示一个引用的一个内容啊sit好，那接下来除了这个呢，还有两个，还有一个叫什么呀，叫做一个QQ，还有一个block block q q标签啊，就是一个Q标签，表示一什么呢？表示一个这个短的什么呀，引用啊，短的引用或者叫什么呀，叫做一个行内引用，那什么叫短引用啊，比如说我引用一句什么呀，名人名言，诶孔子说什么什么什么，孟子说什么什么么，那这种短引用我就可以什么呀，用这个Q标签给它套起来啊，给它套起来，比如说举个例子啊，还是来一个叫什么呀，诶子曰，子曰什么呢，来个冒号，我这来写一个Q标签，哎呦呵。

来一个Q标签，Q标签里边写个什么呢？写一个这个，哎，学而时习之不亦乐乎啊，不亦乐乎孔子说这么一句话，我是干嘛呀，我拿这个Q把这字给它圈起来了，表示这个是引用什么呀？引用孔子说的，它不是我说的对吧？哎不是我说的，保存，然后一刷新走你诶发现什么效果了，诶我这个Q是不是加给这个学而时习之不亦乐乎这句话了呀，你发现干嘛了，哎，它是自动给它加上一个引号了呀，哎引号了，所以这里边我们说Q标签的，那Q标签引用的内容，引用的这个内容浏览器会什么呀？会默认，诶加上什么呀？哎，加上这个引号啊，加上引号表示一个引用内容啊，加上引号，诶那我们就有一个问题，你说这引号是怎么加的呀？

怎么加的呀，你说首先他不可能通过HHT加吧，HTML是谁写的呀？我写的他加不上去，那他通过什么加的呀？诶只能通过CSS，那CSS它是怎么加的呀？诶来我看看，我选这个引号A，这引号它选不上是吧，后边的引号我选。是不是也选不上啊，诶，那它怎么加的呀？哎，通过我们这个Q，然后来一个冒号什么呀，Before或者是一个after，前面各前后各加一个什么呀，引号啊，所以这个注意是通过这个比before还有after全添加了，但是还是这句话，这东西我们其实要不要啊，不要赶明儿我们都得给它干嘛呀去了啊，这都是碍的东西啊，都是碍事的东西，好，这是我们说这个Q表示一个短语用，而且注意我们为什么还说一句不关心这个什么呀，不关心他这个表现，我们来看看其他浏讲题啊，看看我们这个ch chome呢，也有这引号是吧？哎，也有这引号，看看我们这个IE。

IE这引号呢，也有，但是好像他的引号好像还是不不太一样啊，来F12我们看看来IE7IE8有没有，IE8也有IE7IE7是不是就没了呀，哎，所以我们为什么说这个样式我们不用，为什么呀，因为在不同浏览器里，这个样式它实际上干嘛呀，他不统一，有的浏览器这样，有的浏览器那样，所以这样式默认样式一般我们都是干嘛呀不用的啊，不用的，所以他即使给我们加了双引号，待会儿我们还得给干嘛呀去了啊，可能再给它去了啊好，这是一个Q，我们叫做一个短引用，那有短引用了还有什么呀？哎，长语block block block标签表示一个什么呀，一个成语，哎，Block什么意思呀。

哎，块啊，Block就是一个块元素的意思啊，表示一个这个长语用，或者也叫什么呀，也叫一个块级引用啊，也叫一个块级语用，哎，那其实呢，跟那个Q的作用比较差不多，只不过它是什么呀，Q是一个内敛元素，而我们这个block q的是一个什么呀？诶，是个块元素啊，是个块元素，诶，那我们来看我这么写行不行，来一个P标签，我来什么呢？呃，来一个这个子曰吧，还是子曰，子曰什么呢？我这来一个block block啊q block q的写一个子曰，诶，有有有有朋自远方来，自远方来干嘛呢？哎，乐呵乐呵，哎，我写这么一句话，先看我这么写行不行。行不行，但是你不用管我篡改论语了是吧，你就主要看我这么写行不行，对不对，你有毛病，诶，Block q咱们说了叫一个什么呀，块级用，那换句话说这是什么元素，块元素，那P里边能不能有块元素，哎，不能，所以这么写一定注意，不行啊，就别把它放在P元素里边了，你可以写个div，但是写不写都行啊，保存这就没问题了，但是一定注意，这不能是P元素啊，P元素里边不能放这个会元素来这块一刷新走，你发现什么了。

它是不是独占一行啊？哎，你看我这引用其实本来是写一块的，都写到一个div里，但是发现这什么了，我这个有朋自远方来，这个乐呵了，干嘛了，独占一行了，为什么独占一行了？因为block cut是一什么呀？块S啊，是一个块S，所以这边两个引用，一个叫做Q，一个什么呀，短引用，一个叫block q的，一个什么呀，长引用，它是一个块S，会独占一行，这个东西在哪用的多呀，如果你上过这个知乎啊，在知乎里用这玩意儿用的特别多是吧？知乎里经常干嘛呀，它摘别一句话就用什么呀，Block q给它圈起来啊，块节引用啊块引用，好，这是我们说的这两个Q，还有一个block q的啊，然后再往下看block q的，还有一个Q啊，长引用短引用，然后再往下呢，还有这么两个东西，一个叫做S，一个叫做S啊S，还有一个S，这是什么玩意呢？直接说啊，直接说来还是写一个P标签，写一个P标签，有的时候我们有这么一个需求，写一个什么呀，写一个这个二的二次方。

诶我想写这么一个东西，那这玩意对不对呀，这写完了什么效果呀？哎，这是个22是吧？哎22我们这个第二个二我需要带什么呀，是不是在他这个上标这显示啊，那所以我就需要把它设成什么呀，设成这个上标啊上标那怎么去设置上标呢？叫做一个萨，诶使用我们这个up，诶标签来干嘛呢？来诶设置一个这个上标啊上标直接来看我这直接来一个up干嘛呢？哎呦，Up把这个二给它干嘛呀放进去，诶来咱们来看这俩二有什么区别，一保存我这一刷新走发现什么了，诶二是不是上去了，哎，这就是二的二次方这么一个效果啊，所以这个S里边东西会自动干嘛呀，设置为这个上标去显示啊，上面就显示那这种东西，我们经常会看到什么样的，它不是这样的，可能是这样的，你上这个百度这个百科可能是这么写的，可能写个什么呀，写个这个。

写个这个赵薇，诶赵薇可能干嘛呢，赵薇你发现他这有一个萨，写一什么呢？写一个这个中号来个什么呀，来个一，我这一保存你发现什么了，一刷新是不是在赵薇这给他加了一个呀商标啊，而且他还不是这么写的，怎么写的呢？诶这还放一个什么呀，一表情，也就是说这东西是能干嘛的呀，诶能点的一个链接，我这一保存一刷新走你诶这种效果你如果上过百度百科应该看到过对吧？诶出来一个人名，然后这一个链接什么意思呀，表示这个词在我这块可能有什么呀，有一个备注是吧，我一点这一可能就跳转到他相应的那个什么呀，说明那个备注上了啊这么一个效果在百度里边经常会看到啊，叫做一个上标一个sub啊sub好这是一个，那还有什么呀，诶下边有的时候写一个什么呀，写一个H h2o，哎，这个化学式是吧，化学式，但是这块写完了还是这个问题，这二跟这H是不是平起平坐呀，我们需要这二干嘛呀，是不是下去点啊，哎下去点下去点用什么呢。

诶叫做一个sub，这俩呢有点像叫做一个sub，诶sub标签用来，诶表示一个这个什么呀，下标啊下标直接用一个叫做一个sub，把这个二给它圈起来，来看这个效果啊，一刷新来看来这二是不是沉下去了，来表示一个下表，S是上表是下表，怎么记，Sub是上边，你看后边是一个P对吧，P那个圈在哪啊，在上边啊就是上边诶而这个sub是不是后边是一个B啊B这个圈在哪在哪啊，在下边，诶下边啊这么记啊，以后你记不住东西就找点。

找点斜折是吧，来找点斜折可能记得快一点啊，上标下标S还有一个S好然后呢，我们来看看还有这么几个，咱们一块给他说了吧，还有一个叫做insert，还有一个叫做底delete insert表示一个插入内容，Delete表示什么呀，删除的一个内容啊删除内容这经常会看到什么呀，比例的经常看到什么呢呀，你可能会看到这么一个效果，P标签在在哪看的多呀，淘宝或者什么呀，或者京东会看的比较多，我有两个价格，可能一个价格呢，是一个，诶17块七毛五，还有一个价格呢，是15块五毛四是吧？诶它会有两个价格，那这两个价格是干嘛的呀？一个是我们这个原价是不是，一个是我们这个现价呀，哎，现价，但是我这么小E保存这两干嘛呀，是不是看起来没有没有区别呀，他要干嘛呢，他要表现出我这个价格已经什么了，是老的价格了，我给他干嘛呀，诶我怎。

划了吧，要给它划了，那这一块就可以用什么呀，用我们这个呀，Delete表示我这块内容是一个什么呀，是一个删除的一个什么呀，内容，哎使用我们这个Del来干嘛，Delete标签哎来表示一个什么呢？诶删除了一个什么呀，内容，那我干嘛呢？我可以把上面这个价格给它来一个比例的标签，给它圈全CTRLX保存，我们来看效果一刷新成么了，是不是加上了一个这个删除线呀，诶删除线啊表示一个这个删除的一个，诶内容啊删除一个内容，所以我们来说delete这个什么呀，标签中的一个什么呀，诶内容会什么呢？呃会自动诶添加什么呀，诶删除删除线啊添加删除线，Delete表示一个这个删除内容以后什你要表示把哪个东西删除了，你就给他用什么呀，用砥例的就OK了啊，用比例的OK了，好这是一个啊，然后再来看，当然这个一般情况下我们都是什么呀，你删除那个金额的币什么呀。

得比你这金额是不是要大呀，证明我这东西是不是便宜了呀，以前我跟京东看这东西，京东不知道是是他们那个工作人员是是失误啊还是什么原因是吧，他他卖一东西我忘了多少钱了是吧？现价写一个什么呢？写一个4000原价写一个1500，然后给他咔划了一刀，我说这玩意儿想买也不敢买了是吧？诶这玩意儿还有什么呀，还有涨价是吧？诶还有涨价了，所以这里边一定要注意啊，我们这划的是这个旧的价格啊旧的价格好这个是我们说的这么一个这个deletet，还有一个叫什么呢？叫做一个insert insert标签叫做一个ins ns insert啊insert什么意思呀，插入啊表示一个这个什么呀，诶插入的一个什么呀，内容这有点像什么呢？像我们这个像一个这个填括题那种感觉似的啊，填空题那种感觉似，我们来写一个皮标签，写一个什么呢，写一个。

写一个什么呀，今天今天天气，哎我们的这个，哎老师真真好啊，诶那我这是不是出了一个这个填空题呀，那表示什么呀，这好啊是谁填的呀，是同学们填的，哎你说这是不是我选的是吧，这同学们这个公认的那表示什么呀？诶这是大家填的，这是一个什么呀，插入的这么一个内容啊插入这么一个内容，我一保存，咱们一刷新走，你看效果了吧，诶是不是跟填口邻的效果，它会里边会多了一个什么呀，下划线啊下划线，所以这里边注意叫做insert表示一个插入的内容什么呀，Insert中的内容，诶会什么呢？会自动添加什么呀？诶下划线啊，自动添加下划线，当然还是啊，无论是delete还是insert，我们还是那句话，不关心的什么呀，表现删除线，我不用比delete的也可以添加下划线，我不用隐色的也可以去干嘛呀，添加我们关心的是它的那个什么呀，语义啊，关于它这个。

E啊好，这是我们说delete insert，然后还有一个两个标签，两个标签一个叫做我们这个code，还有一个叫做pre，啊code还有pre，诶咱们先说这么一个东西啊，我们有这么一个需求，那假设干嘛呢？诶我们去平时在上网的时候，我们经翅会可能去搜一些这种技术博客，一旦涉及到这种技术博客，经常看到什么呢？在网页里直接干嘛呀，是不是编写代码啊，诶我们需要在我们这个页面中，诶直接干嘛呢？诶直接编写一些这种代码啊，代码比如说举个例子，我写这么一个东西啊，来一个window，点一个onload，等于一个function c ton，然后呢，我来写这么一个东西，当然现在你们就不用管它，看懂了不用不用不用看懂它了，是吧，你就知道它是一个代码，这是我们一个GS的一个代码，这里边要来一个alert，一个hello word，诶我写这么一个程序，这个呢是我们一段G。

S的一个什么呀，代码，那这个代码我是不是希望执行啊，不是我希望什么呀，我希望在页面里干嘛呀，显示出来，可能我一记住博号，我要教大家这个hello word怎么写对吧？哎，那我们来看那这个代码我写的时候，包括缩进，包括这种格式是不是写的都非常非常的好啊，但是我发现一个特点来，我这一刷新在页面里干嘛呢？格式是不是都没了呀？哎，格式就都没了，为什么呀，我这换行这空格不写的好好的吗？怎么就没了呀。那我们说了，你写再多的空格，再多的换行，它是不是都给你当成什么呀一个，所以这格式是不是给你保留下来呀，但是现在我们希望什么，我们希望它可以把这个格式给我什么呀？保留，诶保留，那这需要一个标签叫什么呢？诶叫做pray，这个标签在这干嘛呢？我把这些代码直接粘到这个pray里来，我这里保存，我们来说一下什么意思，Pray标签是一个什么呢？诶叫做一个预格式标签啊是一个这个预，诶预先的预预预预先预格式标签，它为什么呢？诶会将我们这个什么呀，代码中的这个格式干嘛呢？哎，保存不会忽略什么呀，哎多个空格，说白了，你怎么写的他就给你怎么显示啊，怎么写的就给你怎么显示，一保存我们来看效果，一刷新走你是不是就有了呀，而且它这里边还给我们默认用了一个等宽。

字体啊，我们程序那个字体，字体是不是也变了呀？哎，字体也变了啊，叫做一个普瑞，诶，那你会发现。这东西怎么离得这么老远呀，为什么呀？诶因为你看我前边这一段是不是还有一段缩进呢，这段缩进它也给你干嘛了，也给你保留了，如果你不想要干嘛呀，Shift table往回缩啊，Shift table往回缩一保存，再来刷新走，你是不是就回去了，那就回去了啊，就是一个预格式标签，可以表可以保存我们这个代码的代码的一个格式，那除了pray呢，还有一个什么呢？还有一个这个叫做一个code code就是一什么呀，语义标签专门干嘛呢？哎，专门用来表示我们这个代码的啊，专门用来表示代码的，所以这块我也可以干嘛呢？直接我不用pray了，直接用什么呀，用一个code保存，咱们来看效果，一刷新走，你但是发现有问题了，我如果用code的格式还有没有了，没有了，哎，Code只是一个语义化边条，只是表示我这一段是一个什么呀，是条代码，但是它并不会干嘛呀，保留格式啊保留格式，所以这里边注意我们一般。

结合什么呢？结合使用我们这个pre和code来干嘛呢？来表示我们这个一段代码啊，来表示一个代码，所以往往这两个标签我们是干嘛的一起用的，在pray里我再套一个什么呀，套一个code，这样它既可以表示代码，又可以表示什么呀，哎表示诶预留保保持它这个格式啊，保持它这格式，保存一刷新走，你是不是这么一个效果呀，诶一般这两个标签我们会结合使用，当然如果你说我这个代码表示的非常少，就一小块代码，你就可以干嘛呀，只用code啊，只用code，好，这是我们说的这么一个几个文本标签，咱们再简单的回顾一下啊，回顾一下都比较简单，这些东西没什么好说的，你就记住了，大概有这么一个印象，行了，Em表示一个什么呀，语气上的一个强调，Strong表示这个内容上的强调，它的这个重要性更更高一点，我们这个I表示一个斜体，B表示这么一个，哎，加粗啊。

粗体诶I和B没有羽义，就是单纯的表示什么呀，斜体还要加粗啊，斜体加粗诶然后这个small表示一个什么呀，细则合同里边那个小字，什么版权证明都可以放到这个small啊，Small然后这个set表示一个什么呀，引用的一个参考的一个资料，诶或者说一个引用的一个内容，主要指的什么呀？加书名号这些东西啊，凡是所有可以加书名号的都可以放到这个号里，然后有一个叫什么呀，Q，一个短引用，那行内引用block q的是一什么呀？长引用名叫一个什么呀，块引用啊块引用，还有就是我们的sub呀，商标sub下标，还有我们的这个delete删除的内容，我们这个insert是一个什么呀？插入的内容啊，还有叫做pre q的专门表示一些代码的，Pre是一个预格式化code就专门表示代码的啊这么一个标签，好，那这里边我们来停一下。