制作表格-------------写在前面
HTML表格和我们的日常生活表格有差别。 平时,我们认为表简单地由行和列构成。 如下图1所示,在HTML中,表由框、行和qsdhh组成。 边框是最外面的大边框,行与我们平时理解的相同,但可以理解为列由一行中的小qsdhh组成。 即,表中如下图2所示:
#图1
图2 1、在HTML页面中,使用表格标签创建表格。 基本语法如下。
table tr tdqsdhh中的文本/td ./tr/table示例:创建实现以下代码的3*3表:
! doctypehtmlhtmllang=' en ' headmetacharset=' utf-8 ' title document/title/headbodytableheight=' 300 ' width ' 300 tdtd男/tdtd 18/td /trtrtddzdjm/tdtd男/tdtd 20/TD/TD/tr/table/body/body
设计的结果如下图所示。
2、关于表格的一般属性:
属性名称含义常规属性值border设置表边框(border=0)像素值cellspacing设置qsdhh和qsdhh边框之间的空白空间像素值)默认值2 ) cellpodding设置qsdhh内容和单元格边框之间的
标题通常位于表格的第一行或第二列中,文本中间较粗。 此表包含标题。 设置标题标签时,使用th/th代替相应的qsdhh标签td/td即可。
例如,将刚才3*3表的第1行(姓名、性别、年龄)设定为标题标签。 更改部分的代码如下所示。
trth姓名/thth性别/thth年龄/th/tr
4、表格结构
可以按如下方式在thead/thead中指定标题部分
在tbody/tbody中主体部分如下
这样做的话,桌子的结构会稍微改变。
! doctypehtmlhtmllang=' en ' headmetacharset=' utf-8 ' title document/title/headbodytableheight=' 300 ' width ' 300 trtrtdwsdbg/tdtd男/tdtd 18/td /trtrtddzdjm/tdtd男/TDTD20/TD/TD/tbr
5、表格标题
表格标题: caption
定义和用法:
table caption我用代码实现标题/caption /table。 (采用左对齐方式。 ) )
table height=' 300 ' width=' 300 ' border='1' align=' centre ' caption student/caption/table的结果如下图所示。
注:“捕获”选项卡必须紧跟在“表”选项卡之后。 表中只能定义一个标题。 此标题通常位于表格的中央。
6、合并qsdhh
交叉表: rowspan
列之间的合并: colspan
合并qsdhh的思想:合并多个内容时出现多余内容,将其删除。 例如,如果将三个td合并为一个,则剩下两个td。 删除多余的两个td。
公式:删除数=合并数-1
如果要将三个qsdhh合并为一个,则需要删除多余的两个。
qsdhh合并顺序:自上而下
从左到右
例:将表中的两个年龄(18 )汇总在一起,代码如下图所示
! doctypehtmlhtmllang=' en ' headmetacharset=' utf-8 ' title document/title/headbodytableheight=' 300 ' width ' 300 trtrtd混乱薯片/tdtd女人/tdtd rowspan='2' 18/TD/trtrtdwsdbg/tdtd男人/td /trtrtddzdjm/tdtd
简单来说,1、表提供了一种在HTML中定义表格式数据的方法
2、表的列由行的qsdhh决定。