📜  如何在 HTML 表格中创建嵌套表格?

📅  最后修改于: 2021-11-03 10:31:45             🧑  作者: Mango

HTML 表格非常有助于以行和列的形式构建内容。但有时需要在表中添加表。 HTML 支持此功能,称为表格嵌套。表可以嵌套在一起以在表内创建表。

要创建嵌套表,我们需要使用

标签创建一个表。该表称为外部表。将嵌套表的第二个表称为内表。该表也是使用
标记创建的,但必须记住一件特殊的事情。

注意:内表总是必须放在外表的

之间。

示例 1:以下是创建嵌套表的示例。内表被添加到第一个表的第一行的第二列,即在外表的

标签内。这些表格使用不同的颜色绘制,以便读者更好地理解和清晰。绿色边框表代表外部表,而内部表具有蓝色边框。

HTML


  

    
…..
                                                                                            
Table 1 Table 1                                                                                                                                                                                                                          
Table 2Table 2
Table 2 Table 2
            
Table 1 Table 1.
  


HTML


  

    

GeeksforGeeks

    

Nested tables

                                                                                                    
main Table row 1 column 1main Table column 2                                                                                                                                                                                                                                                                                                                      
inner Table row 1 column 1inner Table row 1 column 2
inner Table row 2 column 1 inner Table row 2 column 2
inner Table row 3 column 1 inner Table row 3 column 2
            
main Table row 2 column 1 main Table row 2 column 2
  


输出:

示例 2:为了更好地理解,对上面的示例进行了一些修改。

HTML



  

    

GeeksforGeeks

    

Nested tables

                                                                                                    
main Table row 1 column 1main Table column 2                                                                                                                                                                                                                                                                                                                      
inner Table row 1 column 1inner Table row 1 column 2
inner Table row 2 column 1 inner Table row 2 column 2
inner Table row 3 column 1 inner Table row 3 column 2
            
main Table row 2 column 1 main Table row 2 column 2
  

输出:

注意:嵌套表格的加载速度可能会很慢,对布局有限制,并且会妨碍网页更加灵活和实用。从搜索引擎优化的角度来看,他们不太推荐。