HTML学习8

1、<tr>标签属性

 

2、td属性

 

 

 

 

 

2、tbody的属性可以应用到其内的标签上;

<tbody align="center" valign="center">

<table  border="6"  width="500px" bgcolor="#f2f2f2" cellspacing="0" cellpadding="5px" align="center">
<caption>人员效率统计</caption>
<!--  表格标题,有且只有一个 -->
<!-- 带结构的表格 -->
<thead>
	<tr bgcolor="#d8e4bc" align="center" valign="center">
		<th>人员</th>
		<th>2018</th>
		<th>2018</th>
		<th>2020</th>
		<th>2021</th>
	</tr>
		<tr bgcolor="#d8e4bc" align="center" valign="center">
		<th>人员</th>
		<th>上半年</th>
		<th>下半年</th>
		<th>2020</th>
		<th>2021</th>
	</tr>
</thead>
<tbody align="center" valign="center">
   	<tr align="center" valign="center">
		<td  bgcolor="#b8cce4">李四</td>
		<td>2019</td>
		<td>低</td>
		<td>3</td>
		<td>45</td>
	</tr>
   	<tr align="center" valign="center">
		<td bgcolor="#b8cce4">张三</td>
		<td>56</td>
		<td>低</td>
		<td>3</td>
		<td>45</td>
	</tr>
</tbody>
<tfoot>
   	<tr align="center" valign="center">
		<td bgcolor="#b8cce4">合计</td>
		<td>56</td>
		<td>低</td>
		<td>3</td>
		<td>45</td>
	</tr>
</tfoot>
</table>

  显示效果如下:

 

posted @ 2020-09-03 00:59  annjk  阅读(142)  评论(0编辑  收藏  举报