当前位置:首页 >> 数学 >> 第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章电子表格系统Excel2003--实训9--赵龙刚

第4章电子表格系统Excel2003--实训9--赵龙刚 - 课题: 第 4 章 电子表格系统 Excel2003 实训 9:Excel 2003 操作题练习 教学目的: 1、工作表的管理(插...

第四章第一部分 电子表格软件应用基础

第四章第一部分 电子表格软件应用基础 - 第四章 第一部分 电子表格软件应用基础 1.章节内容: 2.考情分析: 各种题型都有可能出现,预计考试分值在20分左右。 3...

第四章文本和表格的信息加工_图文

第四章文本和表格的信息加工 - 第四章 【知识点】 一、 字及其处理技术 1、汉字起源于象形文字 2、汉字的造字法有四种:象形、指事、会意、形声 3、我国...

9-1计算机应用基础(第2版)第四章 任务四 word表格操作4

9-1计算机应用基础(第2版)第四章 任务四 word表格操作4 - 淄博市淄川区职业教育中心 “二三五”学案导学模式教案模板 《 主讲人: 教案序号: 计算机基础 》...

《PowerPoint2003》第4章+插入和编辑表格与图表

《PowerPoint2003》第4章+插入和编辑表格与图表_图片/文字技巧_PPT制作技巧_实用文档。考情分析 本章主要考查插入和编辑表格与图表的操作,共有 l5 个考点,包括...

第四章总账与报表

第四章总账与报表_经济学_高等教育_教育专区。第四章总账和报表 一、单选题 ...() P82 A 计算公式 B 审核公式 C 舍位平衡公式 D 另一个表格 62.在...

第四章 表格处理

第四章 表格处理_计算机软件及应用_IT/计算机_专业资料。第四章 表格处理详解题 1. 教务主任将七年级学生的成绩按班保存在几个工作薄中,做成绩汇总时,他在某单...

第4章 网页布局-表格

第4章 网页布局-表格 - 第 4 章 网页的版面设计和布局 第 4 章 网页的版面设计和布局 在确定了网站的主题和结构之后,就可以开始着手网页的制作了。为了提高...

第四章电子表格软件在会计中的应用

第四章电子表格软件在会计中的应用 第一节电子表格软件概述 一.常用的电子表格软件 电子表格,又称电子数据,是指由特定软件制作而成的,用于模拟纸上计算的由...

第四章电子表格软件在会计中的应用.

第四章电子表格软件在会计中的应用. - 第四章 电子表格软件在会计中的应用 1.章节内容: 2.考情分析: 各种题型都有可能出现,预计考试分值在 20 分左右。 3....

更多相关标签:
网站地图

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