C3、表格标签

一、表格历史

曾经大量在网页上使用，以前的网页绝大部分是表格标签，是个时代的代表例如 2004新浪。后来被DIV+CSS所取代。

二、表格格式

<table>//代表全部表格
    <tr>//代表行数 tablerows 表格行
    <td>//代表行的第几个格子
    </td>
    </tr>
</table>

三、表格标签属性

1. 宽度和高度： table和td标签

2. 水平对齐和垂直对齐

   • 水平对齐table、td、tr

     • align 只能指定水平方向，不能指定垂直方向，td与table中作用不同

   • 垂直对齐只能给tr、td

     • valign 当前单元格内容在垂直方向对齐

3. 外边距内边距：只能给table使用

   • 单元格与单元格之间距离叫外边距

   • cellspacing 默认是2

   • 内边距是单元格与里面文字边距

   • cellpadding 默认1

四、细线边框

1. 通过给table设置bgcolor黑色

2. 设置trbgcolor为白色

3. 设置cellspacing来控制边框

五、其他标签

1. 表格标题标签 caption

2. 标题单元格标签 th标签，只要将当前列标签存储到当前标签极客

3. tbody标签

六、表格结构

1. 表头、主题信息、表尾

2. thead、tbody、tfoot

3. 如果没有编写tbody，系统会自动添加tbody

4. 如果指定thead和tfoot

5. 单元格合并:

   • 水平合并在td添加属性colspan="2"

   • 垂直合并在tr添加属性rowspan=“2”

   • Ctrl + Shift + ↑ 上移动

   • Ctrl + Shift + ↓ 下移动

   • Ctrl + Shift + + 展开

   • Ctrl + Shift + - 折叠

   • Shift + 回车 快速新起一行