请输入
菜单

打印模板实现页眉和页脚的方法

下载

打印模板实现页眉和页脚的方法

1. 实现原理:利用 Table 的 thead 和 tfoot 标签实现。在原来的 html 代码中再包一层 table 添加thead 和 tfoot 实现页面、页脚功能。
 
2. 复制如下代码放在原来的 html 代码 <body> 的下面吗,如果不要页脚可删除相应代码
<table cellpadding="0" cellspacing="0" style="width:100%">
<!-- 利用 Table 的 thead 标签定义表格的表头(页眉) -->
<thead>
<tr>
<td>
        <div><img src="http://71mis.cn/zf_logo.png" alt="Smiley face" width="145" height="40"></div>
        <hr size="1px" color="red" /></hr>
</td>
</tr>
</thead>       
 
<!-- 利用 Table 的 thead 标签定义表格的表头(页脚) -->
<tfoot>
<tr>
<td>
        <div align="center" style="margin-top:4mm">
            <span style="font-family: 宋体, SimSun; font-size: 12pt; font-weight:normal; color:#999">上海灵当信息科技有限公司</span>
    </div>
</td>
</tr>
</tfoot>       
 
<!-- 利用 Table 的 tbody 标签定义表格的表体内容 -->
<tbody>
<tr>
<td>
<!-- 以下为原打印模板 body 部分的代码 -->
 
3. 复制如下代码放在原来的 html 代码 </body> 的上面
<!-- 以上为原打印模板 body 部分的代码 -->
</td>
</tr>
</tbody>
</table>
最近修改: 2025-01-15