当前位置:首页 >> 数学 >> 第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.答案 第4章 Excel电子表格

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

第四章 电子表格系统Excel2003

第四章 电子表格系统 Excel2003 任务一 创建和分析图书销售教学目的: 教学目的: 掌握 Excel2003 启动、退出 掌握 Excel 工作簿、工作表、行、列、单元格及单元...

第4章-电子表格Excel-2010

第4章-电子表格Excel-2010 - 第4章 电子表格Excel 2010(单选题) 完成下列题目, 这些题目与期末考试题或将来的统考题类似, 请同学们认真做一遍。 注意:上传你...

第4章—— 电子表格软件Excel 2010(1)

第4章—— 电子表格软件Excel 2010(1)_计算机软件及应用_IT/计算机_专业资料。第4章—— 电子表格软件Excel 2010(1)今日推荐 180...

第四章电子表格

第四章电子表格_其它_高等教育_教育专区。专升本部分大纲4 2010 单选题一张工作表所包含的由行和列构成的单元格个数为___ ___。 26.Excel 一张工作表所包含...

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

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

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

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

第4章 网页表格制作及页面布局

第四章 网页表格制作及页面布局一、表格的插入及编辑 点击“常用” 布局”面板中的“插入表格” 1、 点击“常用”和“布局”面板中的“插入表格”命令 设置整个...

第4章 Word中表格的制作

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

更多相关标签:
网站地图

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