七、如何在HTML中创建表格
HTML表格用table表示;
一个表格可以分成很多行(row),用tr表示;
每行又可以分成很多单元格(cell),用td表示;
这三个Tag是创建表格最常用的Tag。示例
border属性
1.在缺省情况下,如果不设置表格的边界,表格是不显示边界的。
示例:不显示边界的表格
2.要显示表格的边界,可使用border这个属性。示例:显示边界的表格
表格的表头
有表头的表格
用th来表示表格的表头,表头的字是粗体显示的。
示例:有表头的表格
空的单元格
如果表格的单元格td/td之间没有内容,那么这个单元格的边界是不会被显示出来的,尽管整个表格已设置边界值。要显示这个单元格的边界,可以插入一个nbsp;空格符。
示例
更多示例
有标题的表格这个示例演示如何用caption在一个表格上加上标题。
包含多列或多行的单元格这个示例演示如何用colspan,rowspan设置多列或者多行的单元格。
单元格里的内容这个例子演示单元格td/td里面的内容。单元格的内容可以是文字,图片,超链接,Form,表格等。
单元格内容与单元格边界之间的距离这个示例教你如何用cellpadding这个属性设置单元格内容与单元格边界之间的距离。
单元格之间的距离这个示例教你如何用cellspacing这个属性设置单元格之间的距离
设置表格的背景颜色和背景图片这个示例演示如何用bgcolor属性设置表格的背景颜色,如何用background属性为表格添加背景图片。
设置单元格的背景颜色和背景图片这个示例演示如何用bgcolor属性设置单元格的背景颜色,如何用background属性为单元格添加背景图片。
单元格内容的对齐方式这个示例教你如何用align属性设置单元格的对齐方式。