网页中表格的用法和属性设置

网页中的表格有四种标签：<table>,<tbody>,<tr>,<th>,<td>

<table>:表格的主体标签,有这个标签才可以，让标签中的文本以标签的形式显示

<tbody>：表格的标签的中的表格内容，如果网页中只有一个表格，也可以省略

<th>:<thead>标签的简写，代表一个表格的表头，文字会默认进行加粗显示，并且居中显示

<tr>:定义网页中表格的行的内容，有几对<tr></tr>说明有几行

<td>:表格的一个单元格，一行中包含这着几对<td></td>就说明表格有多少列

网页表格常用的属性

align：设置表格中文本的居中方式

bordercolor：设定表格中的边框颜色，指的是表格的所有边框，包括外边框和内边框

cellpadding：表格内容与单元格边界之间的距离

cellspacing：单元格之间的距离，如果想不显示表格的双边框就可以设置为零，同时设置boder为2

border:设定表格边框的样式，宽度和线型

colspan：表示合并表格中的单元格，就是合并水平方向的单元格

rowspan:表示合并竖直方向的单元格，就是跨行显示，设置属性时，一定要注意剩下的表格中的<tr>和<td>标签的个数，不要超过总的列数和行数。

text-align：表格中的文字可以的对齐方式可以在css中用这个属性设置

border-collapse:collapse：表格的边框合并属性，这个属性可以实现边框合并，但是会在设置边框的时候会使表格的边框的粗细不同，要分别设置表格粗细。

 

<table width="704" height="152" border="2" bordercolor="#ff0004"=""cellpadding="0" cellspacing="0">
<caption id="b">&nbsp;
</caption>
<tr>
	<th></th>
    <th align="center"></th>
    <th></th>
    <th></th>
    <th></th>
</tr>
<tr>
     <td align="center">&nbsp;</td>
     <td>&nbsp;</td>
     <td align="center">&nbsp;</td>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
</tr>
<tr>
     <td align="center">&nbsp;</td>
     <td></td>
     <td align="center">&nbsp;</td>
     <td>&nbsp;</td>
     <td><br></td>
</tr>
<tr>
     <td align="center">&nbsp;</td>
     <td>&nbsp;</td>
     <td align="center">&nbsp;</td>
     <td >&nbsp;</td>
     <td>&nbsp;</td>
</tr>
<tr>
     <td align="center">&nbsp;</td>
    <td></td>
     <td align="center">&nbsp;</td>
     <td><br></td>
     <td><br></td>
</tr>
<tr>
    <td colspan="3">&nbsp;</td>
     <td ><br></td>
     <td><br></td>
     
</tr>
</table>

效果图