HTML5 学习表格应用

<table>

<tr> ---tr 定义行

<td>第1个单元格的内容</td> ----td 定义列

<td>第2个单元格的内容</td>

。。。。。。

</tr>

<tr>

<td>第1个单元格的内容</td>

<td>第2个单元格的内容</td>

........

</tr>

<tr><th></th></tr>

</table>

<!--table标签的属性：

1.Border:给你的表格添加边框。当border属性增大时，只有外围框线增加，单元格的边框始终为1px;

2.bordercolor="blue"边框颜色

3.width、height:表格的宽高

4.cellspacing:单元格与单元格之间的间隙距离。当cellspacing="0"，只会使单元格间隙为0，但不会合并边框线

表格边框合并：style="border-collapse:collapse;",无需再写cellspaing="0"

5.cellpadding:每个单元格中的内容与边框线的距离。

6.align:表格在屏幕的左中右位置显示，left、center、right

注意：给表格加上align属性，相当于让表格浮动。

会直接打破表格后面元素的原有排列方式

7.bgcolor:背景色 等同于style="background-color: ;"

8.background:background="img/computer.jpg"设置背景图片

等同于style="background-image: ;"且背景会覆盖背景色

-->

<!-- [tr和td相关的属性]

1.width/height:单元格的宽高

2.bgcolor:单元格的背景颜色

3.align:left center right 单元格中的文字，水平对其方式

4.valign:top center bottom 单元格中的文字，垂直对齐方式

5.nowrap="nowrap" 单元格中文字不换行

注意： 1：当表格属性 与行列属性冲突时，以行列属性为准。（近者优先）

2：表格的align属性，是控制表格自身在浏览器的显示位子；

行和列的align属性，是控制单元格中文字在单元格中的对齐方式

3：表格的align属性，并不影响表格内，文字的水平对齐方式

tr的align或者valign属性，可以控制一行中所有单元格的水平或者垂直对齐方式-->