当前位置:首页 >> 数学 >> 第4章 表格

第4章 表格


第 4 章 表格

1.表格的基本格式 2.<table>标签下的常用属性 3. <table>标签下的边框设置 4. <tr><th><td>标签下的常用属性 5. 拆分与合并单元格 6.表格的结构化、直列化、标题 7.表格的嵌套

主讲教师:周亮

在网页中表格是一种经常使用到得设计结构,就像表格的内容中可以包含任何的数据, 如文字、图像、表单、超链接、表格等等,所有在 HTML 中可以使用的数据,都可以被设 置在表格中,所以有关表格设置的标记与属性页特别多。 4.1 表格的基本格式 格式: <table> <tr>… <th>… </th> <th>… </th> <th>… </th> </tr> <tr> <td>… </td> <td>… </td> <td>… </td> </tr> </table> 功能: <table>…</table>用来声明表格开始与结束. <tr>…</tr>用来设置表格的行. <th>…</th>用来设置标题栏位. <td>…</td>用来设置数据栏位.

第1页 共 页

4.2 <table> <table>标签下的属性 属性名称 border cellspacing cellpadding width height align 属性值 像素 像素 百分比 像素 百分比 像素 百分比 像素 百分比 left center right 英文/十六 URL 说明 设置表格的边线 绝对设置,存储格框线宽度 相对设置,存储格框线宽度 绝对设置,数据与框线的距离 相对设置,数据与框线的距离 绝对设置,像素表示表格宽度 相对设置,百分比表表格宽度 绝对设置,像素表示表格宽度 绝对设置,百分比表表格宽度 表格往左靠(默认) 表格往中靠 表格网右靠 表格的背景颜色 表格的背景图片

bgcolor background

summary bordercolor bordercolorlight bordercolordark
<table>标签下的边框设置 4.3 <table> 属性名称 frame 该属性必须在 border 的属性值不为 0 的状 态下!

字符串 英文/十六 同上 同上

用来描述表格数据说明 边框的颜色 边框的亮色 边框的暗色

属性值 void above below hsides vsides lhs rhs border/box rows cols all groups none

说明 不要显现表格的边线 只要显现出表格的上边线 只显现出表格的下边线 只显示表格的上下边线 只显现表格的左右边线 只显现表格的左边线 只显现表格的右边线 会显现出表格的所有边线 只显示出横行的格框线 只显示出直行的格框线 显示全部格框线 表示列组合水平部分 不显示任何格框线

rules

4. 4 <tr><th><td> 4.4 <tr><th><td>标签下的常用属性

第2页 共 页

属性名称 width height bgcolor align(水平方向)

valign(垂直方向)

nowrap 4.5 拆分与合并单元格 属性名称 colspan rowspan 4.6 表格的结构化、直列化、标题 (1).结构化格式:

属性值 像素 百分比 像素 百分比 英文/十六 left center right top middle bottom 无

说明 绝对设置 ,以像素值设置宽 相对设置,以百分比设置宽 绝对设置,以像素值设置高 相对设置,以百分比设置宽 数据栏的颜色设置 数据靠左 数据靠中 数据靠右 数据靠上 数据靠中 数据靠下 在单元格中换行

属性值 数字 数字

说明 向两边扩展栏位 向下扩展栏位

<table> <thead>……</thead> <tbody>……</tbody> ……………………… <tfoot>……</tfoot> </table> (2).直列化格式:<colgroup>….</colgroup> 属性名称 align

--------表头区 --------表体区 --------表尾区

valign

span width 个别直列设置

属性值 left center right top middle bottom 数字 像素/百分比

说明 靠左 靠中 靠右 靠上 靠中 靠下 直列数目 宽度

第3页 共 页

格式:<col>功能完全和<colgroup>一样. (3).表格的标题: <table> <caption>….</caption> </table> <caption>下的属性值有: 属性名称 属性值 align top bottom

说明 标题在表格上方 标题在表格下方

: . 4.7 嵌套表格的应用: 看实例.

第4页 共 页


更多相关文档:

第4章 Excel 2003电子表格软件

第4 章 Excel 2003 电子表格软件 Excel 是微软 Office 系列办公软件中的一个功能强大、使用方便的电子表格软件。使用 它可以完成表格数据的输入、计算、筛选、排序...

第4章 Word中表格的制作

第4 章 Word 中表格的制作 第4讲一 简答题 1.计算机图片可以分为哪两类? Word 中表格的制作 答:计算机图片分为位图和矢量图两类。 2.位图可以直接编写吗,...

第4章 Excel 2010

第4章 Excel 2010_理学_高等教育_教育专区。第4章§4.1 Excel 2010 简介 Excel 2010 的使用 Excel 2010 是 Microsoft Office system 中的电子表格程序。可 以...

第4章EXCEL电子表格(选项及答案)

第4 章 EXCEL 电子表格网考真题(选择题) 1. Excel 2003 所属的集成软件包是___。 A. Office B. Windows C. VBasic D. Word 参考答案: A Excel 2003...

第4章 办公表格图表及数据管理

第4章内容提要 办公表格图表及数据管理 在办公中,办公信息的表达除文字描述外,还需采用表格或图表,以及处理大量数据。 本章首先说明电子表格与数据图表在办公中的...

第四章 Excel

第四章 电子表格系统 Excel 2003 一、单选题 1.Excel 2003 的主要功能有大型表格制作功能,图表功能和___功能 A.文字处理功能 B.数据库管理功能 C.数据透视图...

第4章_电子表格Excel_2003习题答案

第4章_电子表格Excel_2003习题答案_理学_高等教育_教育专区。电子表格Excel_2003习题答案 第三部分 习 题 第章 电子表格 Excel 2003 一、单项选择题 1. Excel ...

第4章-表格处理软件 Excel 2000

第4章 表格处理软件 Excel 2000 4.1 Excel 概述 4.1.1 基本功能 数据输入 计算 分析 制表 统计 生成各种统计图 本章要学习的内容 建立电子表格 输入数据 编辑电...

第4章_电子表格Excel2010教案_图文

附 页 第4章 4.1 4.1.1 电子表格 Excel2010 Excel2010 的概述 Excel2010 的功能 中文 Excel 是由 Microsoft 公司开发的一个十分流行且出色的电子表格处理软件。...

第4章 电子表格Excel 2002(1)

第四章 EXCEL 表格处理(一) 一、教学目标: 通过本讲的学习,认识 Excel 2002 应用程序窗口,掌握 Excel 2002 应用程序的基本操作, 工作表中各类型数据的输入,...
更多相关标签:
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com