html基础教程(6)-表格

发布时间:2019-12-31编辑:脚本学堂
html基础教程(6)表格

HTML表格用“<table>“表示。
一个表格可以分成很多行(row),用<tr>表示;每行又可以分成很多单元格(cell),用<td>表示。
这三个Tag是创建表格最常用的Tag。

border属性
在缺省情况下,如果不设置表格的边界,表格是不显示边界的。

要显示表格的边界,可使用border这个属性。

表格的表头
用<th>来表示表格的表头,表头的字是粗体显示的。

空的单元格
如果表格的单元格<td>和</td>之间没有内容,那么这个单元格的边界是不会被显示出来的,尽管整个表格已设置边界值。
要显示这个单元格的边界,可以插入一个&nbsp;空格符。

有标题的表格
用”<caption>“在一个表格上加上标题。

包含多列或多行的单元格
用”colspan“,”rowspan“设置多列或者多行的单元格。

单元格里的内容
单元格<td>和</td>里面的内容可以是文字,图片,超链接,Form,表格等。

单元格内容与单元格边界之间的距离
用cellpadding这个属性设置单元格内容与单元格边界之间的距离。

单元格之间的距离
用cellspacing这个属性设置单元格之间的距离

设置表格的背景颜色和背景图片
用bgcolor属性设置表格的背景颜色,如何用background属性为表格添加背景图片。

设置单元格的背景颜色和背景图片
用bgcolor属性设置单元格的背景颜色,如何用background属性为单元格添加背景图片。

单元格内容的对齐方式
用align属性设置单元格的对齐方式。