01-html&CSS/08-尚硅谷-HTML和CSS-HTML标签的介绍

咱们这个H天猫页面呢，它其实是什么？是由很多很多的标签组成，你看不管是这个事例的，还是我们自己写的，这个它都是由标签组成的，那么现在我们对标签进行学习，了解一下标签是一个什么样的结构，它有哪些特征，注意看看哈，先说标签的格式，哎，它是左肩括号，右间括号，中间这是个标签名啊，这边这个叫做开始标签，你看这边这个是不是跟前面差不多，就多了个斜杠，这边叫做结束标签，中间放的是它封装的数据啊，封装的数据那么标签名大小写不敏感，我们试试看哈啊，诶，他怎么不让我写呢？好，这个还不行，我得我得自己来啊，在English里面可以随便写O，大家看我上面小点，下面是不是大写啊，那它运行起来会有什么影响吗？是不是一样可以出来大小写暂时不敏感，你小写大写都行啊，就咱们了解一下，哎呀幕吧，它这个工具挺好的，你看就自动就成以生成了，也不让你写完啊好，接着呢，咱们再来看标签，拥有自己的属性。

这个属性呢，分为基本属性和事件属性两大类啊，那么基本属性是用来干啥的呢？可以对可以修改简单的样式效果，我给你看一下哈，比如说我在body里面啊，我加个样式空格，你刚刚敲空格就有提示了啊一也做不到啊，我写个BG color，你觉这是啥意思啊对背景颜色，然后你可以选个颜色啊，颜色都可以弹出来，太太太太太好用了，我们选个颜色吧啊选个绿的是吧，你们你们都喜欢绿的是吧？啊来绿色的哪呢格呢，这是纯绿的吧啊好，然后呢，我们运行一下这背景是都绿的啊就这样背景颜色啊OK，我们去掉它，这咱们了解一下哈，都选BG color是。

背景颜色属性啊，这当知道一下，我把它去掉了，演示一下就行了啊好，那么还有啥呢？还有这个事件属性，那事件属性可以干啥呀？就是可以直接设置事件响应后的代码，就是事件，你是不是要做一些工作呀，这些工作是由代码来组成的，那你要干什么事情，你就可以直接把这个代码写进来，怎么用啊，来我给你演示一个哈，就比如说我在这里面on，对，我用on click来演示，这是咱们用的最多的一个事情，On click是啥意思？来我先把这个写一下来，对啊，On click表示单击或者是点击啊也行啊，事件就是你去点一下啊，你看那我在这。

你干啥呢？我给他alert一下，你看到这个alert吗？里面就放一个消息，看见了吗？那alert是啥呀？对，咱们先说一下，Alert是是javascript语言提供的一个警告框函数，它可以接收任意参数，那么这个参数就是什么东西呢？参数就是警告框的提示信息啊，那我就写点信息吧，是吧？啊好国歌好帅对吧？啊协调，那咱们这个我想看这边刷新行不行啊？诶这个是不是也可以出来啊，刷新也行，你看我点一下窗口这个弹出框，警告框就出来了啊，这里是你需要的内容，你想检查检查，根据你的需要来，OK，这就是事件啊，当然事件你可以用在好多地方啊，比如说我加个按钮，其实也可以用啊，只要你有需。

要on click，那我把这个内容拿过来，那你点这个按钮的时候，它也是会有这个效果，来，我给它按钮，这样我把这个放在玻璃上先去掉啊，OK，按钮啊，那么我们刷新一下按钮是不是有啊，你点击按钮也有这个效果，看见吗？都可以的啊，OKOK，那么这就是事件属性，那么标签呢，又分为这个单标签和双标签啊，这个单标签双标签呢，很好理解，不言而喻，就是一个和两个对吧？单个嘛，你看看下面这个图，看下面这个图，这是双标签成对出现，那么开始这个我们就管它叫开始标签，后面这部分叫结束标签，记住啊，反斜杠表示结束，你看结束，这是个结束标签，那单标签怎么结束啊，自结束我们管它叫自结束，在标签名后面直接下个斜杠，一定要写啊，那双标签是在最后这个标签结束的，好，OK，这咱们了解一下那单标签和双标签呢，呃，也很常见。

咱们说常见的单标签是啥啊，比如说BR换行啊，HR有同学老师HR，我知道我工作过，是人力资源是吧？不是这水平线啊，这水平线好，我给你演示一下，大家注意看，我在我在里面写点字啊，咱们说我哥好帅呀，对吧？现在呢，你在这边刷新这个文字，是不是在一行有同学老师换行，我还不会吗？我技术学的可好了，杠人换行，杠人换我能换两行对吧？百分百换行，让刷新一下，换行了吗？没有吧，在页面上换行就能指认BR，记住啊，只认BR，你不写这个东西，不认的来，你在这里写上间号，BR看见了吗？斜杠结束，这是换行，然后你刷新了，这是换行了啊，它指的这个东西，别写这个杠N啊好，那HR呢，是水平线，比如说我在这里再加个水平线啊，HR。

好，我们刷新一下，这里是不是多条水平线呢？啊，是这个哈，OK，哎，这是单标签和双标签啊，双标签我不多讲了，有开始有结束吗？你看这里面好多都是双标签，呃，比如说看谁这个标题H3它是不是也有啊，里面有个SPA是不是有开始有结束啊，好多标签都是这样啊，我们这里也是一样，开是双标签嘛，是吧？开不也是双标签吗？Body不也是双标签嘛，对body，这个body是不是也是双标签的，那大部粉是双标签啊，大粉诶。OK啊，这咱们了解一下，我这个怎么变成他的好。

啊，这是标签。