📌  相关文章
📜  HTML 中的容器和空标签

📅  最后修改于: 2021-10-29 06:38:17             🧑  作者: Mango

HTML 使用预定义的标签来告诉浏览器如何显示内容。标签只不过是括在尖括号（即<>）中的一些指令。网页的很多地方都使用了标签，但是很多用户经常对一些标签是容器还是空标签感到困惑。他们之所以会感到困惑，是因为他们不知道对于什么标签，应该有结束标签和开始标签还是没有。 HTML 中有两种类型的标签：

  • 空的
  • 容器

现在，让我们看看最常用的 HTML 容器和空标签的定义和示例。

容器标签

容器标签一般分为三个部分，即开始标签、内容（将显示在浏览器上）和结束标签。在内容部分，它们还可以包含一些其他标签。这些开始和结束标签成对使用，即开始标签和结束标签，通常称为 ON 和 OFF 标签。如果您忘记关闭容器标签，浏览器会应用开始标签的效果，直到页面结束。所以在使用容器标签时要小心。 HTML 中存在的大多数标签是容器标签。

句法：

一些常用的容器标签是：

1. 基本标签：以下标签用于创建网页的结构：

2. 标题：以下标签用于标题：

3. 文本格式器：以下标签用于文本格式：

4. HyperLinks：以下标签用于定义网页中的超链接：

5. 按钮标签：以下标签用于创建点击按钮：

6.分区标签：以下标签用于创建分区：

7. iframe 标签：以下标签用于内联框架：

8. 导航标签：以下标签用于设置导航链接：

9. Script 标签：以下标签用于向网页添加 JavaScript 代码：

10. Lists：以下标签用于以有序和无序列表的形式写入数据：

空标签

不包含任何结束标签的标签称为空标签。空标签仅包含开始标签，但它们在网页中执行某些操作。

句法：

一些常用的空标签是：


  1. ：    在网页中需要的地方插入换行符。
  2. ：    在网页中任何需要的地方插入一条水平线。
  3. ：该标签用于显示标签的 src 属性中给出的网页上的图像。
  4. ：这主要用于表单以获取用户的输入，我们也可以定义输入的类型。
  5. ：当我们将 CSS 存储在外部文件中时，这可用于将外部文件和文档链接到网页，主要用于链接 CSS 文件。
  6. ：包含网页的所有元数据。元数据是关于数据的数据，在head标签中描述。
  7. ：当需要在网页中包含外部媒体源时。 source 标签用于在我们的网页中插入任何媒体源，如音频、视频等。

例子：

这个例子演示了容器和空标签的使用：

HTML



    
    
    
    
      
    
    Geeks For Geeks 
  



    
    
 Geeks For Geeks 

    
 Geeks For Geeks 

    
 Geeks For Geeks 

    
Geeks For Geeks 

    
 Geeks For Geeks

    
 Geeks For Geeks 

      

 This is a paragraph.

  
     
     
 
    
      

 Geeks for geeks is a computer science portal for geeks. 

  
   
 
     

 This is a 
 line break 

  
    
 Link 

     Geeks For Geeks
    
    
    
        
  1.  Item1
    2. 
        
  2.  Item2 
    3. 
        
  3.  Item3 
    4. 
        
  4.  Item4
    5. 
    

      

输出：