表格标签
1.<table>标签
表格使用到的标签:
<table> 表格
<tr> 行
<td> 单元格
<th> 表头 默认的样式是居中,加粗。
<caption> 表格的标题
表格常用的属性:
align: 设置内容或标题位置
border 设置表格的边框 有多宽。
width : 设置表格的宽度。
height: 设置表格的高度的。
colspan: 设置单元格占据指定的列数。
rowspan : 设置单元格占据指定的行数。
整个表格就是table,一行是tr,html里是没有列的,它是一行里有多少个单元格(td)。
<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>
一个浏览器只要遇到一个tbody标签,那么就可以显示当前页面的信息。
以前的浏览器一旦遇到了一个<table>的开始标签,就必须等到遇到table标签的结束标签d时候,才会在网页中显示一个表格的内容。
之前很多的网页都是使用表格布局的。
后来一个表格被分成三部分:
<thead> 表头 可以没有thead
<tbody> 表体 一个表格至少哟啊存在一个tbody
<tfoot> 表尾 可以没有tfoot
人怂胆子小,手拿大刀跑。