📌  相关文章
📜  哪些标签用于在 HTML 中以表格形式显示数据?

📅  最后修改于: 2022-05-13 01:56:47.883000             🧑  作者: Mango

哪些标签用于在 HTML 中以表格形式显示数据?

在本文中,我们将讨论用于以表格形式显示数据的标签。

标签:标签是 HTML 元素的开始和结束部分。每个标签都以“<”符号开始,以“>”符号结束。这些符号中的任何内容都称为标签。开始和结束标签用于在标签内存储任何信息。

开始标签由表示,结束标签由表示。

句法:

 INFORMATION INSIDE THE TAG 

属性:属性用于描述 HTML 元素的特征。所有 HTML 元素都可以有属性。属性有两个参数,名称和值,用于定义元素的属性,这些参数放置在元素的开始标记下。

句法:


    DATA INSIDE THE TAG

注意:请参阅 HTML 属性文章以获得更好的理解。

用于在 HTML 中创建表格的标签是:

  • table:在 HTML 中,“table”标签用于定义一个表格。
  • tr:用于定义表格行,使用“tr”标签。
  • th: “th”代表表头,用于定义表头“th”标签。表格标题为粗体且居中。
  • td:要在每个单元格中插入或添加数据,使用表格数据“td”标签。

方法:现在使用上述标签和属性以表格格式显示数据,我们将执行以下步骤:

  • 在 body 标签下创建一个 table 标签。
  • 要定义行,请在表格下方添加 Table Row(tr) 标签。
  • 对于表头,在特定行中使用 Table Header(th) 标记。
  • 要将数据添加到表中,请创建一行并使用“td”标签在每行中插入数据。

下面是上述方法的实现。

示例 1:在此示例中,我们将创建一个简单的表格并在使用任何属性的情况下显示它。

index.html


  

    
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
    
NameAddressPhone
RamDwarika East9999999999
ArjunMumbai0808080808
KaranDelhi7979797979
    


index.html


  

    
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
    
NameAddressPhone
RamDwarika East9999999999
ArjunMumbai0808080808
KaranDelhi7979797979
    


输出:

示例 2:在此示例中,我们将创建一个带有属性的表格,并将使用 style 属性来显示覆盖整个宽度的内容并将文本在表格的中心对齐。

索引.html



  

    
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
    
NameAddressPhone
RamDwarika East9999999999
ArjunMumbai0808080808
KaranDelhi7979797979
    

输出: