html表格如何创建搜索,6.如何创建HTML表格

如何创建HTML表格

HTML表格用

表示。

这三个Tag是创建表格最常用的Tag。

1)

表格所用到的Tag:整个表格开始要用table;每一行开始要用tr;每一单元格开始要用td。

只有一行(Row)一列(Column)的表格
100
一行三列的表格
100200300
两行三列的表格
100200300
400500600

2)

万里独行客

仁为己任不亦重乎?死而后已不亦远乎?

    
    
    

查找补充

border属性

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

1)

缺省情况下,表格没有边界。
100200300
400500600
表格Border设为0,也不显示边界:
100200300
400500600

2)

See you tomorrow.What are you doing

0000
0000
0000

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

表格的边界值设为1:
第一
第二
表格的边界值设为8,边界更粗:
第一
第二
表格的边界值设为15,边界更粗:
第一
第二

表格的表头

来表示表格的表头,表头的字是粗体显示的。
有表头的表格:
姓名电话传真
Bill Gates555 77 854555 77 855
竖直方向的表头:
姓名Bill Gates
电话555 77 854
传真555 77 855

空的单元格

如果表格的单元格

Some textSome text
Some text

上面的表格中,有一个单元格里是没有任何内容的,这个空的单元格没有显示边界,虽然整个表格设了边界值。

Some textSome text
 Some text

更多示例

这个表格有标题:

表格标题
100200300
400500600

这个示例演示如何用

在一个表格上加上标题。
用colpsan属性,设置包含多列的单元格:
姓名联系方式
Bill Gates555 77 854555 77 855
用rowspan这个属性,设置包含多行的单元格:
姓名Bill Gates
联系方式555 77 854

这个示例演示如何用colspan,rowspan设置多列或者多行的单元格。

这个例子演示单元格

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

1)

这是一段

这是另外一段。

这个单元格里包含了一个表格:
AB
CD
这个单元格里包含了一个图片:

mail.gif

HELLO

2)

在表格中插入文字 示例 插入“0” 把“ ”换成“0”

万里独行客

仁为己任不亦重乎?死而后已不亦远乎?

00  
00  
00  
00  
没有cellpadding的表格:
FirstRow
SecondRow

设置cellpadding属性,可以改变单元格内容和单元格边界之间的距离。

以下是设置了cellpadding属性的表格:
第一
第二
cellpadding属性值设置为30的表格:
第一
第二

这个示例教你如何用cellpadding这个属性设置单元格内容与单元格边界之间的距离。

Cellspacing属性表示单元格之间的距离。

如果表格里没有设置cellspacing属性,缺省情况下,cellspacing值为1。
第一
第二
Cellspacing属性值设为0的表格:
第一
第二
Cellspacing属性值设为20的表格:
第一
第二

这个示例教你如何用cellspacing这个属性设置单元格之间的距离

给表格设置背景颜色:
第一
第二
给表格加背景图片:
第一
第二

这个示例演示如何用bgcolor属性设置表格的背景颜色,如何用background属性为表格添加背景图片。

单元格背景色:
第一

第二

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

分数期中考试期末考试
芙蓉姐姐250.1050000.20
程菊花1000.005000.45
周笔畅2000.40500.00
黄新300.50800.65

这个示例教你如何用align属性设置单元格的对齐方式。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值