当前位置:首页 >> 数学 >> 第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页 共 页


赞助商链接
更多相关文档:

第四章表格处理软件Excel2003习题

第四章 表格处理软件 Excel 2003 第页 表格处理软件 Excel 2003 一、 1. 单项选择题) =A1+3 D. ’SUM(A1,A2) Excel 中,下列输入数据属于字符型的是( A...

第4章电子表格软件Excel 2003的使用1

第4章电子表格软件Excel 2003的使用1 隐藏>> 清 远 市 技 工 学 校 教学 科计算机应用基础 (Windows XP+ Office 2003) 案第 4 章 用节 纸 (A-8)班 ...

4.答案 第4章 Excel电子表格

Excel电子表格 单选题) 电子表格( 第4章 Excel电子表格(单选题) 其实我所给的这些典型题目就是期末考试题或统考题,因此必做。 (其实我所给的这些典型题目就是...

第4章-电子表格Excel-2010

若在Excel 2010某工作表的F1、G1单元格中分别填入了3.5和4,并将这2个单元格选定,然 后向右拖动填充柄,在H1和I1中分别填入的数据是___D___。(填充柄在...

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

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

第四章 ArcView的表格

第四章 ArcView 表格 ArcView 表格有两种基本形式,一是与 Project 的地图内容紧密相关的“属性” ,另 一种是外置的、与 ArcView 属性可以实现连接(Join)或链...

第四章(excel)

第四章(excel)_理学_高等教育_教育专区。Excel 2000 电子表格处理软件 第四章 Excel 2000 电子表格处理软件 一、是非题 1. Excel 不仅数据计算机功能强大,还可以...

第4章 电子表格Excel 2003习题答案

第三部分 习 题 第章 电子表格 Excel 2003 一、单项选择题 单项选择题 1. Excel 2003 电子表格软件基于【 A.DOS B.UNIX C 】操作系统环境运行。 C.Windows...

第4章 电子表格Excel制作的应用

第4 章 电子表格 Excel 制作的应用 Excel 是 Office 的重要组成部分,是一种功能强大的表格处理软件,用户可以在 Excel 中方便快捷地输入和 修改数据,进行数据的...

第4章 电子表格系统Excel 2003

第4章 电子表格系统 Excel 2003 概述( §4-1.1 Excel 2003 概述(P103) )一、单项选择题(P103) 单项选择题( ) 1、与 Word 2003 相比较,下列 D(114)...

更多相关标签:
网站地图

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