首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HTML第5天,HTML标签的分类和关系,你真的知道吗!

HTML第5天,HTML标签的分类和标关系,你真的知道吗?!

哈喽,小伙伴们,我是隔壁,一个中了前端毒的汉纸~今天要给小伙伴们介绍的是HTML的标签分类和标签关系,下面跟着我的节奏一起摇起来吧~

上篇文章中有提到,HTML的标签大多是双标签,如果有不清楚的小伙伴可以回看上篇文章。一般,在网页代码中,带有”“符号的被称为HTML标签,如之前提到的,,等都是HTML的骨架结构标签。

代码标签

HTML标签分为常规标签(也就是双标签)和空标签(也就是单标签):

常规元素(双标签):

语法书写形式一般是内容,例如我是文字,需要注意的是语法中的""表示该标签的开始,一般称之为开始标签,即“(Start Tag)”,”“表示该标签的结束,一般称之为结束标签,即“(End Tag)”。另外,小伙伴们有注意到,和开始标签相比,结束标签在前面多了一个关闭符号“/”。双标签会在以后的学子中常用到的。

空元素(单标签):

空元素一般用单标签来表示,简单来说,就是不像双标签那样,包含内容,而且只有一个开始标签,不需要关闭。单标签不多,例如下划线等,在以后的问张总也会有介绍。

标签示例图

好了,上面介绍了HTML标签的分类,下面我们来说一说HTML标签的关系吧。

标签的关系分为嵌套关系并列关系。 来看下面这张图:

标签关系示例图

小伙伴们从图中可以看出,html是根标签,也就是最大的标签,它跟里面的head的标签和body标签是嵌套关系,而相应的也可以看出,head和body标签则是并列关系。

好了,小伙把门可以试着做一下下面的小练习题,来考察你是否清楚标签关系了呢!

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190916A0DX2K00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券