html之表格
<table>表格标签
表格使用到的标签:
<table> 表格
<tr> 行
<td> 单元格
<th> 表头 默认的样式是居中,加粗。
<caption> 表格的标题
(行和单元格自然也有其对应的属性,align、colspan、rowspan等等)
表格常用的属性:
border 设置表格的边框
width : 设置表格的宽度
height: 设置表格的高度的。
colspan: 设置单元格占据指定的列数。
rowspan : 设置单元格占据指定的行数。
align:表格的位置
表格分为三部分:
<thead>表头
<tbody>表体
<tfoot>表尾
对于表格来说<tbody>是一定要有的
<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 align="center"> <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>
运行实例: