开始表格中的每一行的HTML代码是,HTML 表格(示例代码)

HTML 表格:

表格由

标签来定义;
row 1, cell 1row 1, cell 2
row 2, cell 1row 2, cell 2

在浏览器显示如下:

row 1, cell 1row 1, cell 2

row 2, cell 1row 2, cell 2

表格和边框属性:

如果不定义边框属性,表格将不显示边框。有时这很有用,但是大多数时候,我们希望显示边框。

使用边框属性来显示一个带有边框的表格:

Row 1, cell 1Row 1, cell 2

表格的表头

表格的表头使用

标签进行定义。

大多数浏览器会把表头显示为粗体居中的文本:

HeadingAnother Heading
row 1, cell 1row 1, cell 2
row 2, cell 1row 2, cell 2

在浏览器显示如下:

HeadingAnother Heading

row 1, cell 1row 1, cell 2

row 2, cell 1row 2, cell 2

表格中的空单元格

在一些浏览器中,没有内容的表格单元显示得不太好。如果某个单元格是空的(没有内容),浏览器可能无法显示出这个单元格的边框。

row 1, cell 1row 1, cell 2
row 2, cell 2

这个空的单元格的边框没有被显示出来。为了避免这种情况,在空单元格中添加一个空格占位符,就可以将边框显示出来。

row 1, cell 1row 1, cell 2
 row 2, cell 2

在浏览器中显示如下:

row 1, cell 1row 1, cell 2

row 2, cell 2

每个表格由 table 标签开始。

每个表格行由 tr 标签开始。

每个表格数据由 td 标签开始。

一列:
100
一行三列:
100200300
两行三列:
100200300
400500600
带有普通的边框:
FirstRow
SecondRow
带有粗的边框:
FirstRow
SecondRow
带有很粗的边框:
FirstRow
SecondRow

表格中的heading(表头)

表头:
姓名电话电话
Bill Gates555 77 854555 77 855
垂直的表头:
姓名Bill Gates
电话555 77 854
电话555 77 855
Some textSome text
Some text

正如您看到的,其中一个单元没有边框。这是因为它是空的。在该单元中插入一个空格后,仍然没有边框。

我们的技巧是在单元中插入一个 no-breaking 空格。

no-breaking 空格是一个字符实体。如果您不清楚什么是字符实体,请阅读关于字符实体的章节。

no-breaking 空格由和号开始 ("&"),然后是字符"nbsp",并以分号结尾(";")。

这个表格有一个标题,以及粗边框:
我的标题
100200300
400500600
横跨两列的单元格:
姓名电话
Bill Gates555 77 854555 77 855
横跨两行的单元格:
姓名Bill Gates
电话555 77 854
555 77 855

这是一个段落。

这是另一个段落。

这个单元包含一个表格:
AB
CD
这个单元包含一个列表:
  • 苹果
  • 香蕉
  • 菠萝
HELLO
没有 cellpadding:
FirstRow
SecondRow
带有 cellpadding:

cellpadding="10">

FirstRow
SecondRow
没有 cellspacing:
FirstRow
SecondRow
带有 cellspacing:

cellspacing="10">

FirstRowSecondRow
背景颜色:

bgcolor="red">

FirstRowSecondRow
背景图像:

background="/i/eg_bg_07.gif">

FirstRowSecondRow
单元背景:
FirstRow

background="/i/eg_bg_07.gif">

Second

Row
消费项目....一月二月
衣服$241.10$50.20
化妆品$30.00$44.45
食物$730.40$650.00
总计$1001.50$744.65

注释:frame 属性无法在 Internet Explorer 中正确地显示。

Table with frame="box":

MonthSavings
January$100

Table with frame="above":

MonthSavings
January$100

Table with frame="below":

MonthSavings
January$100

Table with frame="hsides":

MonthSavings
January$100

Table with frame="vsides":

MonthSavings
January$100

表格标签:

表格描述

定义表格标题。定义表格的表头。
定义表格单元。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值