HTML部分基础总结（3）

表格的初步认识

基本编写标签

<table></table>(表格的搭建指令标签)

<tr></tr>（代表表格的行）

<th></th>（代表表头的列，默认是加粗、居中的效果）

<td></td>（代表表格的一行中其中一个元素）

【综合编写案例：创建一个三行两列的表格

快捷写法：table>tr*3>td{danyuan}*2+tab

编写效果：<table>

<tr>

<td>danyuan</td>

<td>danyuan</td>

</tr>

<tr>

<td>danyuan</td>

<td>danyuan</td>

</tr>

<tr>

<td>danyuan</td>

<td>danyuan</td>

</tr>

</table>】

表格的结构

表的标题+表头+表内容+表尾（完整表格的好处在于标签写全可以让浏览器更好的加载，提高运行效率）

编写标签

<caption></caption>表的标题（默认居中）

<thead></thead>表头

<tbody></tbody>表内容

<tfoot></tfoot>表尾

表格的操作

规则：当表格的宽高度不够内容的宽高度时，内容将撑起表格的宽高度，如果表格的宽高度足够显示内容时，表格的宽高度极速你设置的宽高度。

表格操作指令

style="text-align:center"表格内容居中

cellpadding="**px"单元格的内边距

cellspacing="**px"单元格间的距离

rules：显示内边框的分割线

rows：行

cols：列

all:行列

<input name="username"/>跟后台具备联系

表格的嵌套

表格嵌套任意标签时，规则下皆是嵌套在<td></td>标签中

表格的合并

表格合并指令同嵌套规则，编写在<td>标签中

编写指令：

rowspan(合并表格单元行)

colspan（合并表格单元列）

【另1：div文字换行规则指令：

margin：**px auto（左右居中）

word-break:break-word（自动换行）《火狐浏览器非正常兼容》

word-wrap:break-word（自动换行）《大部分浏览器正常兼容》

word-break:break-all（内容达到长度后，系统强制换行）】

【另2：英文字符指令或者数值超出div宽度不会自动换行，同时，系统认为空格是换行的标志】