表格

l表格：<table></table>为表格，在内部通过<tr>创建行，<tr>内部通过<td> 创建单元格。可以将table的border属性设为0来隐藏表格线。演示常规表格。

•填充、间距cellpadding内容和表格边线之间的距离 cellspacing单元格之间的间距。

<table border="10" cellpadding="20" cellspacing="30">
        <tr>
            <td>
                AAAA
            </td>
            <td>
                BBBB
            </td>
        </tr>
        <tr>
            <td>
                CCCC
            </td>
            <td>
                DDDD
            </td>
        </tr>
    </table>

•<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（和并列）进行单元格的合并。rowspan、colspan是td的属性。

•一个完整的表格。table、caption、thead、tbody、tfoot、tr、th(粗体显示th中的内容)、td。(查找vs2008msdn(目录-web开发-))

 

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

==============较为完整的表格（了解*）=================

 《被th包含的标签会粗体显示》、也可以使用<strong>标签或css实现

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