HTML <thead> 标签示例,代码编辑测试 - 在线编辑器(yxjc123.com)

<!DOCTYPE html>
<html>

   <head>
      <title>HTML thead 标签</title>
   </head>

   <body>
      <table style = "width:100%" border = "1">
         <thead>
            <tr>
               <td colspan = "4">这是表格的头部</td>
            </tr>
         </thead>
         
         <tfoot>
            <tr>
               <td colspan = "4">这是表格的底部</td>
            </tr>
         </tfoot>
         
         <tbody>
            <tr>
               <td>Cell 1</td>
               <td>Cell 2</td>
               <td>Cell 3</td>
               <td>Cell 4</td>
            </tr>
            <tr>
               ...这里省略四个单元格
            </tr>
         </tbody>
         
         <tbody>
            <tr>
               <td>Cell 1</td>
               <td>Cell 2</td>
               <td>Cell 3</td>
               <td>Cell 4</td>
            </tr>
            <tr>
               ...more rows here containing four cells...
            </tr>
         </tbody>
         
      </table>
   </body>

</html>
​x
 
<!DOCTYPE html>
<html>
​
   <head>
      <title>HTML thead 标签</title>
   </head>
​
   <body>
      <table style = "width:100%" border = "1">
         <thead>
            <tr>
               <td colspan = "4">这是表格的头部</td>
            </tr>
         </thead>
         
         <tfoot>
            <tr>
               <td colspan = "4">这是表格的底部</td>
            </tr>
         </tfoot>
         
         <tbody>

HTML <thead> 标签示例在线测试，HTML网页版在线编辑器,在编辑器上输入HTML代码，可在线编辑运行HTML,HTML代码在线运行调试,HTML在线编辑,HTML代码在线编辑器,可快速在线测试您的HTML代码,在线编辑HTML代码发现是否存在错误。