9.尚硅谷_HTML&CSS基础_常用的标签.avi原创

接下来呢，继续啊，你接着来讲，那这里边呢，这样我们再去写这么一个页面啊，写明页面先给它保存下来，嗯，直接写一个，先写一个银，你不写东西，它保存不了，写完了CTRLS这保存我们来一个DEMO。零五，那接下来我们再写一个页面啊，再回顾一下这个结构，那首先第一个一上来是一个OK tab，我们这个文档声明啊，文档声明你们先今天把这个结果都背下来，晚上把题的时多写几遍啊，多写几遍，然后是我们这个HTMMR跟标签啊跟标签诶那么跟标签里边是我们这个氦的。子标签啊开子标签还里边还有一个这个，诶你看先来一个Meta吧，诶Meta别忘了，它是一个字结束标签啊，字结束标签，这来一个什么呀，叉set等于一个UTF杠八啊杠八，然后再来一个我们这个title，诶title这是我们这个标题啊标题，这是我们这个网页的一个标题标签。

哎，然后再来说一个head在外往外，诶面还有一个紫外线，叫做一个body，诶body body我们说的是网页的主体内容，网页中所有可见内容是不是都在我们这个包子里写啊，诶包子里写，那接下来我们来说一什么呢？诶我们来说一下我们这几个叫做一个常用的一个标签啊，常用标签都是一些比较简单的一些内容啊，比较简单一些内容，我们先说什么呢？先说我们叫做一个标题标签，诶标题标签。标题标签，当然我们说了title，实际上你可以说它是一个什么呀，标题标签，但是这个标题是整个我们这个什么呀，网页的标题，而我们这个说的什么呀，内容的标题啊，内容的标题，那我们来说诶谁是标题呀，比如说是不是我们讲这个H1啊，诶H1它就是一什呀，是一个这个一级标题啊一级标题我们来说什么呢？在我们的这个HTML中干嘛呢？一共有诶几级啊，一共有六标节标签啊六级标签也就是说什么呀，从H11直到H26啊H11直到H6，那是有没有H7啊，诶没有，最大的就是这个六了啊H1到H6来，那我么来写一下，这里边有快捷键，直接CTRLD啊CTRLD复制什么呀，复制一行啊CTRLD这来2456是不是六个呀，到这边注意得改一下这标签啊，这是H2H。

来，我们主要看它们的一个区别。H4，这是一个H5，这是H5H6。这也是一个H6啊，我这一保存咱们来看效果，双击打开W05，诶这都是，这是我们一级标题，是不是最后是我们这个六级标题啊，我们发现H1是不是最大，H6最小啊，哎最小啊，所以这里边我们来说在显示效果上，哎，我们说H1。

最大H6最小吧，哎，H6最小，但是要注意，但是文字的大小我们并不关心，为什么文字大小我们并不关心。文字是100个像素还是50像素，它到底是大还是小？这个东西叫什么？我们结构表现行为里边是什么，是不是表现呀，所有凡是涉及到表现的东西，我们都应该是通过我们的什么呀，CSS来控制的啊，所以H1多大，H6多大，我们关不关心，不关心，通过CSS我们可以把H1变得比H6还小，也可以把H6变得比H1干嘛呀还大啊，都可以去修改，所以所以这个文字的大小我们实际上干嘛呀并不关心，那同学说了，大小你不关心，你们关心的是什么呀，关心的是什么呀？诶我们使用我们这个HTML标签时，关心的什么呢？哎，关心的是我们这个叫做标签的语义啊，我们使用的这个标签都是我们叫什么呀，语义化标签，也就是说什么呀，我这个标签是有什么呀，有羽翼的，像我们这个he标签，它就可以来标识什么呢？标识我们标签中的。

这个文本是一个什么呀？是一个一级标题，是我们这个网页这个内容的一个什么呀？大标题是一个重要一个标题，能理解吗？诶，那HR是一个什么呀？二级标题它可能是一个什么呀，小标题可能H3是不是更小一点啊，诶更小一点，所以注意我们关心的是语义，而不是关心的什么呀，显示效果啊显示效果，那这里比方说六级标题中，六级我们这个标题中什么呢？H1的什么呀？语义诶H1最重要，诶H1最重要表示我们一个什么呀？哎，网页中的什么呢？中的这个主要内容啊，主要内容，然后什么呢？H2到我们这个H6叫什么呢？重要性依次。

依次干嘛呀？哎，依次降低啊，依次降低，说白了H1最重要，H2其次，H3再次，H4再带次，就是一级比一级干嘛呀，不重要啊，H1是最重要啊，H1是最重要的，那我们说H1有多重要呢？我们说H1的重要性主要说的什么呀？对于我们这个搜索引擎来说，我们H1的这个重要性仅次于我们的什么呀，Title啊，仅次于我们那个title，浏览器干嘛呢？浏览器不是检那个什么呀，搜索引擎叫什么呀？检索完我们什么呀？哎，我们这个title为什么呀？诶会立即查看我们这个呀，H1中的什么呀，内容为什么呀？因为它是一个一级标题，一级标题我们说了，就像你写作文，那哪个是一级标题啊，你是不是作文的题目是一个一级标题啊，通过这个标题，我是不能看出你这个作文。

这个主要内容啊，同样在网页里通过一级标题，我可我可以看出什么呀，看出你这个页面的一个主要内容吧，哎，主要内容，所以这个什么呢？所以H1标签干嘛呢？非常重要，哎，非常重要诶它会影响到我们这个页面在我们这个搜索引擎中的什么呀，排名诶排名，诶那同学说了，那既然H1它这么重要，那我是不是希望我们这个网页在我们这浏览器里排名是不是越高越好啊，哎，越高越好，那我一想，那H1这么重要，那干脆页面里我什么都不用了，全都是什么呀，全都是H1。

行不行？诶，如果你全都是H1，那是不是意味着你这里边全都重要了，那全都重要，换句话说，干嘛了，是不是全不重要了？国家主席为什么重要，因为什么呀？全中国就一个是吧？如果你们村的全都是国家主席，国家主席是不是也不值钱了，哎，也不值钱了，所以注意一般我们这个，哎，不用说一般了，我跟说页面中只能干嘛呀，只能写一个H1，那你说我就写多了，我写100个行不行啊行，没人拦着你，但是搜索引擎会对付你，搜索引擎一看，诶这哥们儿，这页面里这么多一，那干脆干嘛呀，判断你这个网站是垃圾站，不予收入。能理解吧，哎，不予收录，所以你压根你在搜索引擎里干嘛呀，都找不着你网站啊，都找不着你网站，所以注意H1在我们页面里干嘛只能写一个啊，只能写一个，好，那接下来我们来说还有什么呢？那我们说一般我们这个页面中标题标签只使用H1H2还有什么呀，H23H3以后的基本。

不使用啊，像H4H5啊，H6我们基本上不用，为啥不用啊，一级标题最重要，二级标题其次，三级标题，再次再往后，456你是不是再次往后了呀，干嘛了呀，基本上和其他标签没有什么区别啊，所以你用H4跟用个div呢没有区别，所以456这种标题呢，我们一般用的很很少，或者基本上就不用了啊，基本上不用了。好，这是我们说的这个标题标签，那这块注意了，我们还是说一下，就是说我们说在说这个标签的时候，一般会简单的去介绍一些这个Su的知识，那这些知识我们只是简单的什么呀，了解一下，真正到工作以后，那Su实际上专门有人去，有人去干，我们只要是了解一些最基础的知识就能码了，就足够了啊，就足够了啊好，这也是我们说的这个标题标签，然后接下来说标题完事以后，还有叫什么呢，还有一个我们叫一个，诶写出来了，我第上写个注释的啊，写个什么呀。

啊注释诶，我们叫一个什么呀，叫做一个段落标签，段落标号干嘛的呀？段落标签用于表示我们这什么呀？哎，内容中的一个，诶，一个然段啊，一个自然段，哎就像什么呀，我们写作文也是写完标题以后，我们是不是要先写第一段啊，第一段，第二段，第三段，这是一个段落呀，哎段落，那我们段落标后用什么呢？哎，使用我们这个P标签来干嘛呢？来表示一个段落啊直接写了，直接来什么呢？来一个P标签，P标签直接来这么一个，诶P标签里面内容就是一个什么呀，就是一个段落，来我是一个P标签干嘛呢？哎，我用来表示一个段落保存，我们来看笑果，直接一刷新走你。

哎，是不是就出来了，哎，就出来这么一个段落啊，诶一看这玩意儿。我不用P标签，我直接写一个，你保存印刷新。没啥区别是吧？哎，没啥区别，哎，本来也没啥区别，那我们来看看它有到底有没有什么区别啊，那现在我这连着写两个啊，我先不用P标签，我把P条给去了，我这一保存是不是着写两个呀？哎，我们来一刷一刷新走，你发现什么了？这两个是不是在一行啊，哎，在一行，那我这换一种方式干嘛呢？我不这么写了，我写两个P标签一保存，我一刷新走你干嘛了，是不是独占一行啊，并且他们之间是不是有有距离啊，哎，有距离啊，所以这里边我们来说叫什么呢？P，诶标签中的这个文字默认会什么呀，会独占一行，并且什么呢？并且我们这个断。

哎段与哎段哎之间会什么呀？会有一个什么呀，是不是会有一个间距呀？哎会不会间距，所以你看我现在就写了什么呀，两个段落，这是第一个段落，这是什么呀，第二个段落，哎你发现什么呀，他们之间是不是有这么一个距离呀？哎有这么一个距离，但是还是那句话，你们关不关心这玩意儿，这东西都干嘛呀，是不是可以改的呀，你现在粘一行我干嘛呀，我可以通过一个属性让你干嘛呀。让你变成不是现在你各带一行是吧，我通过一属师吧，你站站一块去，哎呀你站一块，所以这些表现我们是都可以通过CSN来改变的，所以表现上的东西我们都不关心，我们关心的是什么呀，语义什么语义，那我们这个P标签的语义是什么呀，是不就是段落呀，那我就知道我这个P标签里边文字就是一个什么呀，就是一个段落，当所有已经检索的时候，可能你是一篇文章，我说要检索你这个文章里边的内容啊，那我就干嘛呀，我就直接去检索这个P标签里边这个呀内容，所以注意我们的这个H天猫标签都是什么呀，语义画标签一些什么呀，语义画标签以外的标签，实际上我们都干嘛了，都已经。

不用了啊，都已经不用，是一些语义化标签啊好，这也是我们这个P标签，它表示一个段落，并且注意P标签里边的内容，它会独占一行啊，独占一行，然后接下来我们再说P标签说完了，然后我们再写一个吧，这个两个P标签写的太简单了，我们写一个，写一个什么呢？写一个，写一个古诗，写一首诗啊，来一个。哎，床前明月光，吃吾王，床前吃吾昂，这不会写，换一个除日当午，这我熟是吧？哎，锄禾日当午，汗滴禾下赌，为什么呀？因为这东西打的多了，它有提示了是吧？要谁知盘中餐粒猎皆辛苦诶，这玩意儿打多快啊，我这一保存咱们来看一刷间走你，诶，是不是出来这么一首诗啊，湿出来了，但是这诗的干嘛呢？这式是不是不对啊？哎，格式不对，那这里边我们这个诗应该是一个什么格式，我是不是应该一句一句一行啊？哎，一句一行，我这一保存是不应该这样啊，但是我们来看效果啊，我这一刷新走你诶。

诶，我发现他们距离是稍微远了一点是吧，但是有没有换行啊，没有换行，那这是为什么？诶也就是说我在这个显的时候有换行，但是页面显示的时候干嘛呀？没换行对吧？哎没换行，那我们来说一下，我们说什么呢？哎，在我们的这个HTML中，哎我们什么呢？字符之间哎写什么呢？写再多的这个空格，诶浏览器干嘛呢？浏览器也会当成一个，诶空格解析哎换行也会干嘛呢？也会当成一个。

哎，空格解析，所以我们来看效果啊，现在我们拿这个除和举例子，除和之间干嘛呢？给它加一个空格保存，我们来看效果易刷新，距离是不是确实远了呀，哎，确实远了，但是走走走走走。我是不是多写了几个空格啊？诶，来，我这一刷新走变了吗？没变，我们说了，你写再多的空格它干嘛呀，也会当成一个控制演习望哎，来，我再写几个，来远点，够远了吧，哎，我们再看一刷新走，你是不人家压根不理你啊，源码里我们来看查看我们这个页面源代码，源代码里边是不是换这老远的呀，但是它给你显示的时候还干嘛呀。

是不是一个空格啊，哎，一个空格啊，所以注意这是我们这个H填面里边这么一个特性，你写再多空格，它也给你当成什么呀，一个空格，哎呦，那完了，那我现在是不是想换行啊，在这个让五这个逗号后边，我想给他来一个换行，那这玩意儿怎么换？哎，我们可以使用什么呀，标签啊，在我们这个页面中可以使什么呢？可以使用我们这个B2标签来干嘛呢？来表示一个。换行啊，使用BR标签来表示一个换行，然后我们来说BR标签是一个什么呢？是一个字结束标签啊，是一个字结束标签，那现在怎么来换行，那我想在哪换行。我是来这这后边换一个行啊，那我怎么写呀，在这逗号后边写什么呢？写一个BR签，那注意了，BR是一个什么呀，字结束标签在后边加一什么呀，鞋盖啊，加一个鞋盖，我这一保存是不是就OK了呀？哎然，但是这鞋盖其实是可选的啊，我们先给它写上，但我们说这到底是诶什么什么意思啊，可选的保存我们这一刷新走你是不是换行了呀？诶那你说我想在下土后边再换行怎么办呀，你是不是复制一个呀？哎，这儿再加一个，这再加一个，这再加一个，当然这儿无所谓，因为它后边没东西了，对吧？哎，咱们给写上，我这一刷新走你是不是就行了呀？哎，所以注意我们要什么呀，使用我们这个BR标签来表示换行啊，还有一个和BR有点像，叫一个什么叫一个HRHR，我这一保存咱们来看效果，我这一刷新是不是出来一条线呀，诶出来一条线，那HR什么意思，咱们多写几个走走保存一刷新是不是三条线呀，哎三。

标线，那我们来说HR什么呀？诶叫做水平，水平线，它也是一个自结束标签。HR标签也是一个字节数标签，它可以什么呢？可以在我们这个页面中干嘛呢？诶生成一条水平线啊，生成一条水平线，好，这是我们说的这个几个常用标签能回顾一下，说了一个H1到H6，我们这个六节标题标签，还有我们这个段落，我们这个P标签，还有我们这个BR，我们叫一个换行标签，还有一个什么呀，HR也是一个，这是一个水平线的一个标签啊，水平线一个标签，好，那这个边我们先停一下。