第四章 HTML 表格.docx

上传人:b****6 文档编号:6622516 上传时间:2023-01-08 格式:DOCX 页数:12 大小:24.89KB
下载 相关 举报
第四章 HTML 表格.docx_第1页
第1页 / 共12页
第四章 HTML 表格.docx_第2页
第2页 / 共12页
第四章 HTML 表格.docx_第3页
第3页 / 共12页
第四章 HTML 表格.docx_第4页
第4页 / 共12页
第四章 HTML 表格.docx_第5页
第5页 / 共12页
点击查看更多>>
下载资源
资源描述

第四章 HTML 表格.docx

《第四章 HTML 表格.docx》由会员分享,可在线阅读,更多相关《第四章 HTML 表格.docx(12页珍藏版)》请在冰豆网上搜索。

第四章 HTML 表格.docx

第四章HTML表格

第四章HTML表格

一、基本语法

表示表格,使用标记分别定义表行、表头和表元。

标签符

❑Width属性——表格宽度

⏹可以为像素点值或百分比

❑Border属性——边线宽度

⏹具体数值,0表示不显示边线

❑Frame属性——控制表格边框表示表格最外层的四条框线,该属性的取值可以是:

⏹Void——无边框。

void是默认值,即默认时不显示边框

⏹Above——仅有顶框

⏹Below——仅有底框

⏹Hsides——仅有顶框和底框(水平方向)

⏹vsides——仅有左、右侧框(垂直方向)

⏹lhs——仅有左侧框

⏹rhs——仅有右侧框

⏹box——包含全部四个边框

⏹border——包含全部四个边框

❑rules属性——控制是否显示以及如何显示单元格之间的分隔线,取值可以是:

⏹none——无分隔线。

none是默认值,即默认时不显示单元格间的分隔线

⏹rows——仅有行分隔线

⏹cols——仅有列分隔线

⏹all——包括所有分隔线

❑Align属性——控制表格与页面其它内容的对齐方式,取值可以是:

⏹Left、center、right

❑Bgcolor属性——设置表格的背景颜色

❑background属性——设置表格的背景图案

❑Cellspacing属性——单元格之间的距离

❑cellpadding属性——分割线与数据之间的距离

二、放入标题

1、基本语法

标签符

❑定义表格的标题

❑align属性——表格标题在网页中的对齐方式

⏹取值为:

left、center、right

成绩单

2、举例

建立caption.htm,输入以下代码:

1997—1999年考试人数统计表

1997—1999年考试人数统计表

1997

10000

1998

15000

1999

30000

三、插入一个空数据单元格

1、语法

⏹标签符

❑定义行中的具体单元格

❑align属性——单元格内数据的水平对齐方式

⏹取值为:

left、center、right

❑valign属性——单元格内数据的垂直对齐方式

⏹取值为:

top、middle、bottom

❑bgcolor属性——单元格的背景颜色

❑width属性、height属性——单元格宽度、高度

⏹具体数据值或百分比

❑rowspan属性——单元格所占的行数

表示该单元格高度为三行

❑colspan属性——单元格所占的列数

2、举例

建立TD.htm,输入以下代码:

1997—1999年考试人数统计表

1997—1999年考试人数统计表


年份

人数


1997

10000


1998

15000


1999

30000

4、创建一个新的数据行

1、语法

⏹标签符

❑定义表格的一行

❑align属性——行中数据的水平对齐方式

⏹取值为:

left、center、right

❑valign属性——行中数据的垂直对齐方式

⏹取值为:

top、middle、bottom

❑Bgcolor属性——整行单元格的背景颜色

2、举例

建立tr.htm,输入以下代码:

1997—1999年考试人数统计表

1997—1999年考试人数统计表


年份

人数


1997

10000


1998

15000


1999

30000

五、跨多列的表格单元

1、语法

跨多列的单元表格相当于把原来一行中对应的几个单元格合并,它是和的属性之一,语法如下:

COLSPAN=n>

COLSPAN=n>

2、举例

建立colspan.htm,输入以下代码:

1997—1999年考试人数统计表

1997—1999年考试人数统计表


年份

人数


1997

10000


1998

15000


1999

30000

总计

55000

六、跨多行的表格单元

1、语法

跨多行的单元表格相当于把原来一列中对应的几个单元格合并,它是和属性之一,语法如下:

ROWSPAN=n>

ROWSPAN=n>

2、举例

建立ROWSPAN.htm,输入以下代码

1997—1999年考试人数统计表

1997—1999年考试人数统计表


统计表


年份

人数

1997

10000

1998

15000

1999

30000

总计

55000

七、习题

利用以上所学,作出下面表格

八、表格分割线设置

1、语法

此参数对于网页设计十分重要,我们有时候要求只显示表格的一部分分隔线,如行与行之间或列与列之间的分隔线等,

属性可以允许我们对表格的分隔线进行设定,语法如下:

2、语法说明

RULES:

用来设定表格的分隔线,ALL(全部显示),NONE(全部不显示),ROWS(只显示行与行之间的分隔线),COLS(只显示列与列之间的分隔线),GROUPS(只显示分组后的组之间的分隔线。

3、举例

建立RULES.HTM,输入以下代码:

1997—1999年考试人数统计表

1997—1999年考试人数统计表


统计表


1997

10000

1998

15000

1999

30000

总计

55000

年份人数

答案:

 合并单元格示例

学生情况表

-第一行-->

学号

个人信息

入学信息

-第二行-->

   姓名性别年龄班级入学年月

-第三行-->

   007东方不败不详198888882001年9月

-第四行-->

   008任我行男208888882001年9月

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 党团工作 > 入党转正申请

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1