📜  用于以表格形式显示数据的 HTML 标记是什么?

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

用于以表格形式显示数据的 HTML 标记是什么?

在本文中,我们将了解可用于以表格形式显示数据的 HTML 标记。表是行和列中数据的表示形式,有助于组织复杂的结构化数据。表格广泛用于交流、研究和数据分析。例如,如果我们需要从一组组织不当的信息中查找数据,那么我们无法一眼就找到具体的数据。类似地,我们可以在网页中使用 HTML Table 标签来使用表格格式。

我们可以使用表格显示数据的可能区域:

  • 复杂或大量的数据可以很容易地转换成更好的形式,使其更方便。
  • 由于表格表示,它使数据的比较变得更容易。
  • 它为统计分析奠定了基础。

HTML 表格是用“table”标签定义的。每个表格行都用“tr”标签定义。表头是用“th”标签定义的。默认情况下,表格标题为粗体并居中。表格数据/单元格是用“td”标签定义的。

句法:

Table Header
Table Data

我们将通过示例了解所有 3 个标签及其各自的特征/用途。

HTML 标签: 它用于在 HTML 表中定义一行。它主要由其下的多个 或 元素组成。

句法:


    Data

HTML 标签用于定义表头。在 标签中,文本默认标记为粗体并居中对齐。

句法:

Table Heading

HTML 标签用于在每个单元格中插入或添加数据。在 标签中,文本是规则的,默认是左对齐的。

句法:

Table data

方法:首先,我们将使用

标签创建一个表格,然后我们将使用 和 将表格分为两部分:表格的头部和主体。在 标签下,我们将添加表格的所有标题,在 标签下,我们将使用 标签来定义表格行。在 标记下,我们将添加 标签下,我们将使用
标记以将标题添加到表格中。最后,在
标签定义每个单元格。

我们将通过示例了解上述概念。

示例 1:在此示例中,我们创建了一个 HTML 表格,以表格形式存储每个学生的分数。

HTML


  

    
        What are the HTML tags used 
        to display the data in the 
        tabular form?
    
    

  

    
        

GeeksforGeeks

        

            What are the HTML tags used              to display the data in the              tabular form?         

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
Roll No.NamePhysicsChemistryMaths
1Kunal918596
2Aryan969291
3Rohan808598
4Mohan949089
    
  


HTML


  

    
        What are the HTML tags used 
        to display the data in the 
        tabular form?
    
    

  

    
        

GeeksforGeeks

        

              What are the HTML tags used              to display the data in the              tabular form?         

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
ID No.NameEntry timeLeave time
C-124Sahaj6:00 am7:30 am
C-102Vedanshu6:10 am6:55 am
C-59John7:00 am8:20 am
C-169Priyanshu7:30 am8:15 am
C-145Yash7:358:30
    
  


输出:

示例 2:此示例描述了 HTML 表格的使用。

HTML



  

    
        What are the HTML tags used 
        to display the data in the 
        tabular form?
    
    

  

    
        

GeeksforGeeks

        

              What are the HTML tags used              to display the data in the              tabular form?         

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
ID No.NameEntry timeLeave time
C-124Sahaj6:00 am7:30 am
C-102Vedanshu6:10 am6:55 am
C-59John7:00 am8:20 am
C-169Priyanshu7:30 am8:15 am
C-145Yash7:358:30
    
  

输出: