<table></table>为表格,在内部通过<tr>创建行,<tr>内部通过<td> 创建单元格。可以将table的border属性设为0来隐藏表格线
填充、间距cellpadding内容和表格边线之间的距离 cellspacing单元格之间的间距;
<tr>的属性:
align,水平对齐,可选值left、right、center;
valign,垂直对齐,可选值top、middle、bottom;
<td>也有align和valign。<tr align="right"><td>tom</td><td align="left">20</td><td>男</td></tr>:子标签默认继承父标签的属性,如果自己单独指定了属性,则会覆盖父标签的属性,还可以使用rowspan(合并行)、colspan(和并列)进行单元格的合并;
一个完整的表格。table、caption、thead、tbody、tfoot、tr、th、td;
这是运行之后的截图
下面看代码
<table border="10" cellpadding="20" cellspacing="30">
<tr>
<td>
AAAA
</td>
<td>
BBBB
</td>
</tr>
<tr>
<td>
CCCC
</td>
<td>
DDDD
</td>
</tr>
</table>
<%-- 完整的表格--%>
<table border="1">
<caption align="top">课程表</caption>
<thead>
<tr>
<th>周一</th>
<th>周二</th>
<th>周三</th>
</tr>
</thead>
<tbody>
<tr>
<td>.Net</td>
<td>HTML</td>
<td>SQL</td>
</tr>
<tr>
<td>jQuery</td>
<td>asp.net</td>
<td>mvc</td>
</tr>
</tbody>
<tfoot>
<tr> <th>晚自习1</th>
<th>晚自习1</th>
<th>晚自习1</th> </tr>
<tr>
<th>晚自习2</th>
<th>晚自习2</th>
<th>晚自习2</th>
</tr>
</tfoot> </table>
<%--一般在写表格的时候都先把border=“1”写上,当表格都调试的没有问题的时候然后在去掉border=“1” Table 有一个属性align=left、center、right。设置该值,表示表格整体的水平位置左对齐、居中或右对齐。 Cellpadding:表示每个单元格中内容距单元格边框的距离。 Cellspacing:表示每个单元格与单元格之间的间距。 ===================基本表格===============--%> <table border="1">
<tr>
<td>土豆</td>
<td>白菜</td>
</tr>
<tr>
<td>西红柿</td>
<td>鸡蛋</td>
</tr>
</table>
<%-- ==============较为完整的表格================= --%><table border="1">
<caption>课程表</caption>
<thead>
<tr>
<th>周一</th>
<th>周二</th>
<th>周三</th>
</tr>
</thead>
<tbody>
<tr>
<td>html</td>
<td>net</td>
<td>javascript</td>
</tr>
</tbody>
<tbody style="display:none">
<tr>
<td>html加强</td>
<td>net高级技术</td>
<td>javascript Dom</td>
</tr>
</tbody>
<tfoot>
<th colspan="3">
晚自习
</th>
</tfoot>
</table>