从零开始学前端——HTML标签及其分类（第二章）

The light111

于 2024-01-15 10:34:29 发布

阅读量375

点赞数 10

分类专栏：寒假前端专栏文章标签：前端 html

本文链接：https://blog.csdn.net/weixin_70081542/article/details/135594418

版权

5 篇文章 1 订阅

订阅专栏

本文介绍了HTML中的标签分类，包括单标签和双标签的概念，以及标签之间的嵌套关系（父子关系）和并列关系。同时提供了编程建议，如缩进和对齐规则。

摘要由CSDN通过智能技术生成

在HTML页面中，带有"<>"符号的元素被称为HTML标签，如第一章提到的<html>,<head>,<body>都是HTML标签。

所谓标签就是放"<>"标签符中某个功能的命令编码，也称为HTML标签或者HTML元素。

<标签名 /> 也叫空标签，指的是一个标签符号即可完整地描述某个功能的标签。

<br />
ps:这是网页Html语言中的代码，表示分行

<标签名>内容</标签名>

在该语法中，<标签名>表示该标签作用的开始，一般称为开始标签</标签名>表示该标签作用的结束，一般称为结束标签。

<body>这是一段文字</body>

一般来说主要有两种标签关系：

比如

<head> <title> </title> </head>
在这里,title标签是被head标签包含住的，也可以说title标签是head标签的子标签

<html>
    <head></head>
</html>
同理，此处head标签被html标签包含住

<strong> <div></div> </strong>  此处同理

也可以多层包含

<html>
    <head> 
        <title></title> 
    </head>
<html>

在第一章html结构中

<html>
    <head>
        <title></title>
    </head>
    <body>
    </body>
</html>

可以看见，body标签和head标签同时处于html标签的同级包含之下，此时，我们可以说，head标签和body标签是处于并列关系。

编程建议：如果两个标签之间的关系是嵌套关系，那么子标签最好缩进一个tab身位。

如果两个标签之间的关系是并列关系，那么二者身位需要上下对齐。

关注