本文中我们要执行的任务是如何在 HTML 中创建表页脚。由于我们对 HTML 中的表格很熟悉，所以让我们快速了解一下它。

当您想要组织在电子表格中看起来最好的数据时，HTML 表格非常有意义。表是数据行和列的直观表示。您可以使用表格将照片、文本、链接等数据组织到 HTML 单元格的行和列中。

HTML 表格页脚

在 HTML 表格中，

为了更好地了解如何在 HTML 中创建表页脚。让我们看看下面的例子

立即学习“前端免费学习笔记（深入）”；

示例 1

在下面的示例中，我们使用

情感家园企业站5.0 多语言多风格版

一套面向小企业用户的企业网站程序！功能简单，操作简单。实现了小企业网站的很多实用的功能，如文章新闻模块、图片展示、产品列表以及小型的下载功能，还同时增加了邮件订阅等相应模块。公告，友情链接等这些通用功能本程序也同样都集成了！同时本程序引入了模块功能，只要在系统默认模板上创建模块，可以在任何一个语言环境（或任意风格）的适当位置进行使用！

下载

   

      

         FASTEST 100 IN ODI'S
         

      
      

         

            
Name
            
Country
            
Balls
         
      
      

         

            
AB de Villiers- the Best Player!
         
      
      

         

            
AB de Villiers
            
South Africa
            
31
         
         

            
CJ Anderson
            
New Zealand
            
36
         
         

            
Shahid Afridi
            
Pakistan
            
37
         
      
   

运行上述脚本时，会弹出输出窗口，显示使用上述脚本中使用的数据创建的表格，以及添加到网页表格中的页脚文本。

示例 2

考虑以下示例，我们将使用 CSS 添加

   


   
MONTHLY SAVINGS
   

      

         

            
Month
            
Savings
         
      
      

         

            
OCTOMBER
            
$25
         
         

            
NOVEMBER
            
$50
         
         

            
DECEMBER
            
$30
         
      
      

         

            
TOTAL
            
$105
         
      
   

执行脚本时，它将生成一个输出，显示根据脚本数据绘制的表格以及添加到网页的页脚。

示例 3

让我们看一下另一个例子，我们正在创建一个带页脚的表格。

   


   

      

         

            
This is the head of the table
         
      
      

         

            
This is the footer of the table
         
      
      

         

            
Cell 1
            
Cell 2
            
Cell 3
            
Cell 4
         
      
      

         

            
Cell 1
            
Cell 2
            
Cell 3
            
Cell 4
         
      
   

运行上述脚本时，它将生成一个输出，其中包含使用脚本中给出的数据绘制的表格以及网页上的页脚。