实例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <!-- 表格中的各个标签支持一些属性设置,推荐用css去设置,这里咱们先了解一下这些原生属性 1、表头标签<thead></thead>,表体标签<tbody></tbody>,备注标签<tfoot></tfoot>. 2、表标题标签<caption></caption> 。 3、行标签<tr></tr>,单元格标签<td></td>,<th></th>其中<td>与<th>的区别：后者会加粗显示。 --> <table border="1" cellpadding="20" cellspacing="0" width="500" height="150"> <caption>2019年第一期php培训</caption> <!-- 表头 --> <thead> <tr bgcolor="lightblue"> <th>学号</th> <th>姓名</th> <th>籍贯</th> <th>兴趣</th> </tr> </thead> <tbody> <tr> <td align="center">1</td> <td align="center">张飞</td> <td align="center">太空</td> <td align="center">玩刀</td> </tr> <!-- align="center"可以用到tr上再加方便 --> <tr align="center"> <td>2</td> <td>黄忠</td> <td>三国</td> <td>射箭</td> </tr> <tr align="center"> <td>3</td> <td>林志玲</td> <td>台湾</td> <td>臭美</td> </tr> </tbody> <tfoot> <tr align="center"> <td>备注</td> <td colspan="3"></td> </tr> </tfoot> </table> <hr> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例