HTML第5天,HTML标签的分类和标关系,你真的知道吗?!
哈喽,小伙伴们,我是隔壁,一个中了前端毒的汉纸~今天要给小伙伴们介绍的是HTML的标签分类和标签关系,下面跟着我的节奏一起摇起来吧~
上篇文章中有提到,HTML的标签大多是双标签,如果有不清楚的小伙伴可以回看上篇文章。一般,在网页代码中,带有”“符号的被称为HTML标签,如之前提到的,,等都是HTML的骨架结构标签。
代码标签
HTML标签分为常规标签(也就是双标签)和空标签(也就是单标签):
常规元素(双标签):
语法书写形式一般是内容,例如我是文字,需要注意的是语法中的""表示该标签的开始,一般称之为开始标签,即“(Start Tag)”,”“表示该标签的结束,一般称之为结束标签,即“(End Tag)”。另外,小伙伴们有注意到,和开始标签相比,结束标签在前面多了一个关闭符号“/”。双标签会在以后的学子中常用到的。
空元素(单标签):
空元素一般用单标签来表示,简单来说,就是不像双标签那样,包含内容,而且只有一个开始标签,不需要关闭。单标签不多,例如下划线等,在以后的问张总也会有介绍。
标签示例图
好了,上面介绍了HTML标签的分类,下面我们来说一说HTML标签的关系吧。
标签的关系分为嵌套关系和并列关系。 来看下面这张图:
标签关系示例图
小伙伴们从图中可以看出,html是根标签,也就是最大的标签,它跟里面的head的标签和body标签是嵌套关系,而相应的也可以看出,head和body标签则是并列关系。
好了,小伙把门可以试着做一下下面的小练习题,来考察你是否清楚标签关系了呢!
领取专属 10元无门槛券
私享最新 技术干货