表格的结构3——表尾标记<tfoot>
发布时间：2018-09-12
浏览次数：1896表格的表尾标记<tfoot>
<tfoot>标记用于定义表尾样式。
语法：
<tfoot bgcolor="背景颜色" align="对齐方式"> ······ </tfoot>
说明：
在该语法中，bgcolor、align、valign的取值范围与<thead>标记中的相同。一个表元素中 只能有一个<tfoot>标记。
举例：
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>表尾</title> </head> <body> <table width="400" border="1" align="center" cellpadding="5" cellspacing="2"> <caption> 某购物网站列表 </caption> <thead bgcolor="#FF33FF" align="center"> <tr> <td>产品名称</td> <td>类型</td> <td>价格</td> </tr> </thead> <tbody bgcolor="#CC99FF" align="left"> <tr> <td>手工编织厚围巾</td> <td>围巾</td> <td>45.00元</td> </tr> <tr> <td>彩音盒MP3</td> <td>数码</td> <td>599元</td> </tr> <tr> <td>彩晶石银手链</td> <td>银饰</td> <td>68元</td> </tr> </tbody> <tfoot bgcolor="#FFCCFF" align="right"><tr> <td colspan="3" align="right">欢迎光临本购物网站</td> </tr></tfoot> </body> </html>
在代码中
<tfoot bgcolor="#FFCCFF" align="right"><tr>
<td colspan="3" align="right">欢迎光临本购物网站</td>
</tr></tfoot>
部分的代码标记为设置表格的表尾，在浏览器中预览效果，如图6.30所示。
本文内容摘取于《网页制作》，仅供参考学习用途！
18577088886