实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>商品表格</title> </head> <body> <h>商品表格</h> <!--ul->无序 ol->有序--> <ul> <li>孩子的玩具</li> <li>孩子的衣服</li> <li>孩子的学习工具</li> <li>橡皮</li> <li>铅笔</li> </ul> <!--制作表格--> <table border="1" cellpadding="10" cellspacing="0" align="center"> <!--表标题 caption--> <caption style="font-size: 60px">商品列表</caption> <!--表头thead--> <thead> <tr style="font-size: 30px"> <th>编号</th> <th>数量</th> <th>名称</th> <th>单价</th> <th>库存</th> </tr> </thead> <!--表的主体 tbody--> <tbody> <tr align="center"> <td width="100px">1</td> <td>50</td> <td width="200">孩子的玩具</td> <td>100</td> <td>190</td> </tr> <tr align="center"> <td width="100px">2</td> <td>50</td> <td width="200">孩子的衣服</td> <td>100</td> <td>222</td> </tr> <tr align="center"> <td width="100px">3</td> <td>1</td> <td width="200">孩子的学习工具</td> <td>43</td> <td>333</td> </tr> <tr align="center"> <td width="100px">5</td> <td>3</td> <td width="200">铅笔</td> <td>90</td> <td>111</td> </tr> </tbody> <!--表的底部 tfoot--> <tfoot> <tr> <td colspan="3" align="center">总计</td> <!--<td></td> <td></td>--> <td>400</td> <td>7888</td> </tr> </tfoot> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
