作用: 可以对数据进行格式化,使数据显示更加清晰
标签名称:
表格标签:<table></table>
行标签: <tr></tr>
单元格标签: <td><td>
单元格居中以及加粗标签: <th></th>
表格标题标签: <caption></caption>
表格标签属性:
border: 设置边框
cellspacing: 设置单元格的间距
宽
height: 高
行标签属性:
align: 设置对齐方式: center , right , left
单元格标签属性:
align: 设置对齐方式: center , right , left
colspan: 跨列
rowspan: 跨行
示例代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>无标题文档</title> </head> <!-- <table>表格标签 表格使用到的标签： <table> 表格 <tr> 行 <td> 单元格 <th> 表头 默认的样式是居中，加粗。 <caption> 表格的标题 表格常用的属性： border 设置表格的边框 width : 设置表格的宽度 height: 设置表格的高度的。 colspan: 设置单元格占据指定的列数。 rowspan : 设置单元格占据指定的行数。 --> <body> <table align="center" border="1px" bordercolor="#0066CC" width="400px" height="300px"> <caption>期末考试成绩表</caption> <thead> <tr> <th>姓名</th> <th>分数</th> <th>人品</th> </tr> </thead> <tbody> <tr> <td rowspan="2">张三</td> <td>98</td> <td>优</td> </tr> <tr> <td>100</td> <td>优</td> </tr> <tr> <td>李四</td> <td>99</td> <td>非常好</td> </tr> <tr align="center"> <td>综合测评</td> <td colspan="2">非常好</td> </tr> </tbody> </table> </body> </html>