如何创建HTML表格
HTML表格用
表示。 这三个Tag是创建表格最常用的Tag。 1) 表格所用到的Tag:整个表格开始要用table;每一行开始要用tr;每一单元格开始要用td。 只有一行(Row)一列(Column)的表格
一行三列的表格
两行三列的表格
2) 万里独行客仁为己任不亦重乎?死而后已不亦远乎? 查找补充 border属性 在缺省情况下,如果不设置表格的边界,表格是不显示边界的。 1) 缺省情况下,表格没有边界。
表格Border设为0,也不显示边界:
2) See you tomorrow.What are you doing
要显示表格的边界,可使用border这个属性。 表格的边界值设为1:
表格的边界值设为8,边界更粗:
表格的边界值设为15,边界更粗:
表格的表头 用 | 来表示表格的表头,表头的字是粗体显示的。有表头的表格:
竖直方向的表头:
空的单元格 如果表格的单元格 |
---|
Some text | Some text |
Some text |
上面的表格中,有一个单元格里是没有任何内容的,这个空的单元格没有显示边界,虽然整个表格设了边界值。
Some text | Some text |
Some text |
更多示例
这个表格有标题:
100 | 200 | 300 |
400 | 500 | 600 |
这个示例演示如何用
在一个表格上加上标题。用colpsan属性,设置包含多列的单元格:
姓名 | 联系方式 | |
---|---|---|
Bill Gates | 555 77 854 | 555 77 855 |
用rowspan这个属性,设置包含多行的单元格:
姓名 | Bill Gates |
---|---|
联系方式 | 555 77 854 |
这个示例演示如何用colspan,rowspan设置多列或者多行的单元格。
这个例子演示单元格
里面的内容。单元格的内容可以是文字,图片,超链接,Form,表格等。1)
这是一段 这是另外一段。 | 这个单元格里包含了一个表格:
| ||||
这个单元格里包含了一个图片: | HELLO |
2)
在表格中插入文字 示例 插入“0” 把“ ”换成“0”
万里独行客仁为己任不亦重乎?死而后已不亦远乎?
0 | 0 | ||
0 | 0 | ||
0 | 0 | ||
0 | 0 |
没有cellpadding的表格:
First | Row |
Second | Row |
设置cellpadding属性,可以改变单元格内容和单元格边界之间的距离。
以下是设置了cellpadding属性的表格:
第一 | 行 |
第二 | 行 |
cellpadding属性值设置为30的表格:
第一 | 行 |
第二 | 行 |
这个示例教你如何用cellpadding这个属性设置单元格内容与单元格边界之间的距离。
Cellspacing属性表示单元格之间的距离。
如果表格里没有设置cellspacing属性,缺省情况下,cellspacing值为1。
第一 | 行 |
第二 | 行 |
Cellspacing属性值设为0的表格:
第一 | 行 |
第二 | 行 |
Cellspacing属性值设为20的表格:
第一 | 行 |
第二 | 行 |
这个示例教你如何用cellspacing这个属性设置单元格之间的距离
给表格设置背景颜色:
第一 | 行 |
第二 | 行 |
给表格加背景图片:
第一 | 行 |
第二 | 行 |
这个示例演示如何用bgcolor属性设置表格的背景颜色,如何用background属性为表格添加背景图片。
单元格背景色:
第一 | 行 |
第二
行这个示例演示如何用bgcolor属性设置单元格的背景颜色,如何用background属性为单元格添加背景图片。
分数 | 期中考试 | 期末考试 |
---|---|---|
芙蓉姐姐 | 250.10 | 50000.20 |
程菊花 | 1000.00 | 5000.45 |
周笔畅 | 2000.40 | 500.00 |
黄新 | 300.50 | 800.65 |
这个示例教你如何用align属性设置单元格的对齐方式。