表格<table> <tr><td>

<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>