html语言<table>,HTML中的table标签

表格由

标签属性:属性值描述使用在哪些DTD

标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

代码:HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">

HTML表格
编号名称性别
101张三
102李小艳

上面用

元素进行设置。实例代码如下:HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">HTML表格
定义表格的单元格。效果图:

07daa9ab9a24443526a1c54a9618953a.png

alignleft

center

right不赞成使用。请使用样式代替。

规定表格相对周围元素的对齐方式。Transitional

Frameset

bgcolorrgb(x,x,x)

#xxxxxx

colorname不赞成使用。请使用样式代替。

规定表格的背景颜色。Transitional

Frameset

borderpixels规定表格边框的宽度。Strict

Transitional

Frameset

cellpaddingpixels

%规定单元边沿与其内容之间的空白。Strict

Transitional

Frameset

cellspacingpixels

%规定单元格之间的空白。Strict

Transitional

Frameset

framevoid

above

below

hsides

lhs

rhs

vsides

box

border规定外侧边框的哪个部分是可见的。Strict

Transitional

Frameset

rulesnone

groups

rows

cols

all规定内侧边框的哪个部分是可见的。Strict

Transitional

Frameset

summarytext规定表格的摘要。Strict

Transitional

Frameset

width%

pixels规定表格的宽度。Strict

Transitional

Frameset

为表格指定标题,通过

我的标题
100200300
400500600

运行效果图:

d9fb9548385f3298c0b61b424d2b7faf.png

alignleft

right

top

bottom不赞成使用。请使用样式取而代之。

规定标题的对齐方式。Transitional

Frameset

表格单元格进行合并,实例代码:HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">

HTML表格
横跨两列的单元格:
姓名电话
Bill Gates555 77 854555 77 855
横跨两行的单元格:
姓名Bill Gates
电话555 77 854
555 77 855

colspan 对列进行合并,即横向合并。rowspan对行进行合并,即上下合并。效果图:

a989168fec59975c7d070d05f538d2c1.png

表格的(设置表格的头)、

(设置表格的主体)、(设置表格的尾部)标签。实例代码如下:HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">HTML表格

编号姓名性别电话

1001张三丰男027-90909611027-909096121002李敏女010-87967704备注:这里使用了tfoot标签

运行效果图:

d130c1c8c72b35a297abd64071e393f1.png

注意:

,

和 很少被用到,这是由于浏览器对它们的支持不太好。希望这种情况在未来版本的

XHTML 中会有所改观。

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值