📌  相关文章
📜  如何在HTML中制作表格

📅  最后修改于: 2020-11-04 00:59:22             🧑  作者: Mango

如何在HTML中制作表格

如果我们要在HTML文档中制作一个要在网页上显示的表格，则必须遵循以下步骤。使用这些步骤，我们可以轻松地创建任何表：

步骤1：首先，我们必须在任何文本编辑器中键入Html代码，或在要创建表格的文本编辑器中打开现有的Html文件。


   
    
   
Make a Table


 
Hello User! 

The Following table shows the student details

步骤2：现在，将光标放在我们要在页面上显示表格的body标签之间的点。然后，键入

在那时标记。

 
Hello User! 

The Following table shows the student details

步骤3：之后，我们必须输入

下一行中的标记，表示表格行。这是第一个表中的标签。因此，它指示表的第一行。

 
Hello User! 

The Following table shows the student details

步骤4：现在，我们必须使用

标记，指示表格的标题。因此，输入在下一行标记。

 
Hello User! 

The Following table shows the student details
标签。


 
Hello User! 

The Following table shows the student details









步骤5：现在，我们必须输入要插入到第一行的第一个单元格中的第一个标题的名称。输入后，我们必须关闭表格标题


步骤6：与步骤5相同，我们也可以使用插入其他表标题
标签。


 
Hello User! 

The Following table shows the student details





Roll No.




标签。完成所有表标题后，我们必须通过关闭


步骤7：现在，我们必须创建一个新行，用于根据列名输入值。因此，输入
在下一行标记。


 
Hello User! 

The Following table shows the student details





Roll No.


Student Name


Marks


Address









步骤8：现在，我们必须使用




Roll No.


Student Name


Marks


Address








标记，表示要在表格的一个单元格中输入的数据或信息。因此，输入标记在下一行中，如以下块所示。




 
Hello User! 

The Following table shows the student details
标签。


 
Hello User! 

The Following table shows the student details





Roll No.


Student Name


Marks


Address










步骤9：然后，我们必须在第二行的第一个单元格中给出第一列的值。输入值后，我们必须关闭


第10步：与第8步和第9步相同，我们还可以使用以下命令插入其他列的值
标签。


 
Hello User! 

The Following table shows the student details





Roll No.


Student Name


Marks


Address






 101




标签。插入第二行的所有值后，我们必须通过关闭第二行来关闭第二行


步骤11：将所有值插入所有行后，我们必须按




Roll No.


Student Name


Marks


Address





 101


 Arun 


 85


 Mumbai







标签。





   
    
   
Make a Table


 
Hello User! 

The Following table shows the student details 



  

 
  
Roll No.

   
Student Name

   
Marks

   
Address


  

   
  
101

  
Arun 

   
85

   
Mumbai


  

    
  
102

 
Akshay  

 
90

 
Goa


    

     

103

 
Hrithik

 
95

 
Delhi


    









步骤12：最后，我们必须保存HTML代码，然后运行文件。以下屏幕截图显示了上述Html代码的输出：