《表格和表单》PPT课件
- 格式：ppt
- 大小：1.57 MB
- 文档页数：45
下载文档原格式
合集下载
第6章 表格与表单
总结:间距cellspacing的作用
再设置填充为10
<table border="20" cellspacing="10 " cellpadding="10" bordercolor="#0099FF"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>
可见：设置表格边框为0时，会使单元格边框也变为0象素， 而设置表格边框为其他数值时，不会影响单元格边框的宽
再设置背景颜色为玫瑰色
<table border="20" bgcolor="#9933CC" bordercolor="#0099FF"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>
表格标记
表格是由<table>定义的，行由<tr>定义，单元格 由<td>定义，因此<table>、<tr>、<td>是表格中 三个最基本的标记，必须一起出现。 表格中的单元格<td>能容纳网页中的任何元素，如 图像，文本，列表，表单，表格等。
Excel表格数据处理PPT课件
图 表 例
第14页/共17页
图 表 例
第15页/共17页
图表要点总结
1、正确选择数据区域，在选择数据区域的同时有些情况下可以同步选择系列 2、正确选择分类x轴中的分类项 3、注意图表是嵌入式还是新建。
第16页/共17页
感谢您的欣赏！
第17页/共17页
清单之间至少间隔一行、一列
第6页/共17页
分类汇总 在进行分
类汇总前，首 先按照分类字 段进行排序。
第7页/共17页
筛 选
• Excel 提供“自动筛选”和“高级筛选”两种工作方式。
自动筛选
第8页/共17页
筛选
• 与：若要求所选记录必须同时满足 A、B两个条件，则A、B两个条件构成 与的关系
• 或：若要求所选记录或者满足A条件或者满足B条件，则A、B两个条件构成 或的关系
输
入
确定单元格
公
式
输 入 函 数
激活编辑栏
输入公式： Байду номын сангаасX+2XY
须先输入等号“=” 公式中不能含空格
第3页/共17页
Excel的进一步学习
• 数据显示的问题 • 数值数据的显示格式 • 数据长度超过列宽度
• 数据的编辑 • 数据的复制和移动 • 公式的复制与移动 • 插入、删除和清除单元格、行、列和区域
20.4 27.4
90 20.4
30.6 38.6 34.6 31.6
45.9 46.9
45 43.9
用图形描述工作表
90
中的数据称为图表
80
70
60
50
40
东部
30
西部
20
北部
表格制作ppt课件
表格的美化与优化
表格的配色方案
配色原则
选择与PPT主题和风格相 符合的颜色，保持色彩的 协调和统一。
冷暖色调搭配
通过冷暖色调的对比，突 出表格中的重点数据。
渐变色应用
使用渐变色增加表格的层 次感和立体感，使数据更 易阅读。
表格的排版布局
对齐方式
确保表格中的文字、数据和边框 等元素对齐，提高整体美观度。
表格在PPT中的美化技巧
01
02
03
04
配色方案
选择与主题相符合的颜色，使 表格更加协调美观。
字体选择
根据需要选择合适的字体，使 表格更加易读易懂。
边框设置
通过设置边框的粗细、颜色、 样式等属性，使表格更加精致
。
背景设置
可以为表格设置背景色或背景 图片，增强视觉效果。
表格在PPT中的数据展示方式
总结词：任务分工明确
在此添加您的文本16字
详细描述：在表格中明确各个任务的分工和负责人，使观 众能够清晰地了解各个任务的负责人员和具体工作内容。
在此添加您的文本16字
总结词：动态更新
在此添加您的文本16字
详细描述：根据项目进度的实际情况，动态更新表格内容 ，保持表格的实时性和准确性，方便团队成员及时了解项 目进展情况。
创使用PowerPoint的绘图工 具手动绘制表格。
插入表格
在PowerPoint中，选择“ 插入”菜单，然后选择“ 表格”来创建一个新的表 格。
从Excel导入
将Excel表格直接导入到 PowerPoint中。
表格的格式化
调整列宽和行高
根据需要调整表格的列 宽和行高，使表格更加
数据计算与统计
总结词
在PPT表格中，经常需要进行简单的数据计算和统计，以便更好地理解数据。
表格的配色方案
配色原则
选择与PPT主题和风格相 符合的颜色，保持色彩的 协调和统一。
冷暖色调搭配
通过冷暖色调的对比，突 出表格中的重点数据。
渐变色应用
使用渐变色增加表格的层 次感和立体感，使数据更 易阅读。
表格的排版布局
对齐方式
确保表格中的文字、数据和边框 等元素对齐，提高整体美观度。
表格在PPT中的美化技巧
01
02
03
04
配色方案
选择与主题相符合的颜色，使 表格更加协调美观。
字体选择
根据需要选择合适的字体，使 表格更加易读易懂。
边框设置
通过设置边框的粗细、颜色、 样式等属性，使表格更加精致
。
背景设置
可以为表格设置背景色或背景 图片，增强视觉效果。
表格在PPT中的数据展示方式
总结词：任务分工明确
在此添加您的文本16字
详细描述：在表格中明确各个任务的分工和负责人，使观 众能够清晰地了解各个任务的负责人员和具体工作内容。
在此添加您的文本16字
总结词：动态更新
在此添加您的文本16字
详细描述：根据项目进度的实际情况，动态更新表格内容 ，保持表格的实时性和准确性，方便团队成员及时了解项 目进展情况。
创使用PowerPoint的绘图工 具手动绘制表格。
插入表格
在PowerPoint中，选择“ 插入”菜单，然后选择“ 表格”来创建一个新的表 格。
从Excel导入
将Excel表格直接导入到 PowerPoint中。
表格的格式化
调整列宽和行高
根据需要调整表格的列 宽和行高，使表格更加
数据计算与统计
总结词
在PPT表格中，经常需要进行简单的数据计算和统计，以便更好地理解数据。
Excel培训课程ppt课件
VBA应用场景：通过实际案例了解VBA在Excel中的常 见应用场景，如数据汇总、自动化报表等。
THANKS
[ 感谢观看 ]
• 详细描述：在Excel中录制宏非常简单，只需按下“Alt+F11” 打开VBA编辑器，然后点击“录制新宏”按钮即可开始录制。 在录制过程中，应注意避免执行可能会影响数据或格式的操作 ，以免在宏中产生错误。
VBA宏的使用 VBA宏的介绍和录制
总结词
详细描述
总结词
详细描述
掌握如何编辑和修改宏的代 码，了解代码的基本结构和 语法。
CHAPTER 02
数据处理和分析
数据排序和筛选
总结词
掌握如何对数据进行排序和筛选，以 便快速找到所需信息。
详细描述
Excel提供了强大的排序和筛选功能， 用户可以根据需要选择不同的排序方 式（如升序、降序、自定义排序等） ，同时筛选出符合特定条件的数据。
数据透视表的使用
总结词
了解如何使用数据透视表对数据进行汇总、分析和呈现。
录制宏后，用户可以在VBA 编辑器中查看和编辑宏的代 码。通过修改代码，用户可 以调整宏的行为，以满足特 定的需求。了解VBA的基本 语法和结构对于编辑宏至关 重要。
了解VBA宏在不同场景中的 应用，如数据整理、自动化 报表等。
ቤተ መጻሕፍቲ ባይዱ
VBA宏在Excel中具有广泛的 应用场景。例如，用户可以 使用宏批量整理数据、自动 生成报表、实现自定义函数 等。通过学习和实践，用户 可以充分发挥VBA宏在Excel 中的自动化优势。
限，确保数据的安全性和完整性。
Excel与其他软件的协同工作
总结词
了解如何将Excel与其他软件进行集成，实现数据共享和协同工作。
THANKS
[ 感谢观看 ]
• 详细描述：在Excel中录制宏非常简单，只需按下“Alt+F11” 打开VBA编辑器，然后点击“录制新宏”按钮即可开始录制。 在录制过程中，应注意避免执行可能会影响数据或格式的操作 ，以免在宏中产生错误。
VBA宏的使用 VBA宏的介绍和录制
总结词
详细描述
总结词
详细描述
掌握如何编辑和修改宏的代 码，了解代码的基本结构和 语法。
CHAPTER 02
数据处理和分析
数据排序和筛选
总结词
掌握如何对数据进行排序和筛选，以 便快速找到所需信息。
详细描述
Excel提供了强大的排序和筛选功能， 用户可以根据需要选择不同的排序方 式（如升序、降序、自定义排序等） ，同时筛选出符合特定条件的数据。
数据透视表的使用
总结词
了解如何使用数据透视表对数据进行汇总、分析和呈现。
录制宏后，用户可以在VBA 编辑器中查看和编辑宏的代 码。通过修改代码，用户可 以调整宏的行为，以满足特 定的需求。了解VBA的基本 语法和结构对于编辑宏至关 重要。
了解VBA宏在不同场景中的 应用，如数据整理、自动化 报表等。
ቤተ መጻሕፍቲ ባይዱ
VBA宏在Excel中具有广泛的 应用场景。例如，用户可以 使用宏批量整理数据、自动 生成报表、实现自定义函数 等。通过学习和实践，用户 可以充分发挥VBA宏在Excel 中的自动化优势。
限，确保数据的安全性和完整性。
Excel与其他软件的协同工作
总结词
了解如何将Excel与其他软件进行集成，实现数据共享和协同工作。
Excel教程完整版ppt课件
统计数字项的个数 统计参数的个数（统计逻辑值、文字或错误值）
返回某个区域中数据的频率分布 返回给定数值集合的中位数 求众数 返回一个数值在一组数值中的排位 估算样本的标准偏差 返回以参数形式给出的整个样本总体的标准偏差 估算样本方差 根据给定的数据计算或预测未来值 根据给定的数据预测指数增长值
Excel的错误信息
5. 活动单元格：当前正在操作的单元格，被黑线框住。
6. 工作表标签： Sheet1~Sheet3，当前活动的白色，其余灰色。
7. 标签滚动按钮： 利用标签按钮，切换显示工作表。
8. 滚动栏：
纵、横。
Excel电子表格处理
6
工作簿与工作表
建立基本概念
工作簿（Workbook）
工作簿是计算和存储数据的文件，也就是通常意义上 的Excel文件。每一个工作簿可由一个或多个工作表 组成，在默认的情况下是由3个工作表组成的。
工作表标签
Excel电子表格处理
5
工作表
工作簿窗口
1. 标题栏: 当前编辑的工作簿名。
2. 工作簿: 一般由3张表格组成一个工作簿，最多255张。
3. 工作表： 工作的主要对象，由行、列组成的表格。
列 A,B...,IV(256)；行 1,2...65536。
4. 单元格： 行和列的交叉，表格的最小单位。
打印工作表
工作表的打印设置
设置页面 设置页边距 设置页眉/页脚 设置工作表的选项
打印预览
Excel电子表格处理
24
打印工作表
打印设置
在“文件”菜单的“页面设置”中设 置
Excel电子表格处理
25
打印设置固定标题行
设置
Excel电子表格处理
第6章 表格与表单
注意: cellpadding类似于盒子模型的内边距padding，指的是单元格内部的距离 ，cellspacing则指的是外部单元格与单元格之间的距离。可以结合盒子 模型的内外边距理解cellpadding与cellspacing的不同。
6.1 表格标记
• 6.1.2 <table>标记的属性
4、width与height属性
设置单元格的背景图像 设置单元格横跨的列数（用于合并水平方向 的单元格） 设置单元格竖跨的行数（用于合并竖直方向 的单元格）
rowspan
正整数
6.1 表格标记
• 6.1.4 <td>标记的属性
注意:
让IT教学更简单，让IT学习更有效
1、在<td>标记的属性中，重点掌握colspan和rolspan，其他的属性了解 即可，不建议使用，均可用CSS样式属性替代。 2、当对某一个<td>标记应用width属性设置宽度时，该列中的所有单元 格均会以设置的宽度显示。 3、当对某一个<td>标记应用height属性设置高度时，该行中的所有单元 格均会以设置的高度显示。
6.2 CSS控制表格样式
• 6.2.2 CSS控制单元格边距
让IT教学更简单，让IT学习更有效
– 使用<table>标记的属性美化表格时，可以通过cellpadding和 cellspacing分别控制单元格内容与边框之间的距离以及相邻单元 格边框之间的距离。
注意: 行标记<tr>无内边距属性padding和外边距属性margin，本书不再做 具体的演示，初学者可以自己测试加深理解。
属性名 含义 常用属性值
height
align valign
第6讲 表格与表单
复选框checkbox
• 作用
用于在一组选项中进行多项选择
• 语法格式
<input type=“checkbox” name=“file_name” value=“field_value” checked>
• 语法解释
• “value”属性值表示选中项目后传到 服务器端的值，checked 表示此项被 默认选中，在同一组中可对多个选项框 设置为checked，各复选框的name属 性可以设置为相同或不同的值
描述
设置文字域 设置密码域 设置文件域 设置隐藏域 设置单选框 设置复选框 设置普通按钮 设置提交按钮 设置重置按钮 设置图像域(图像提交按钮)
文本框text
作用
设置单行输入文本框，用于访问者在其中输入 文本信息，输入的信息将以明文显示
• 属语性法格式
描述
nam<einput 设ty置p文e字=域“t的e名x称t”，在脚本中用于获取域的 name=数据“field_name”
• GET方法只能传送ASCII码的字符；而POST方法没 有字符码的限制，它可以传送包含在ISO10646中的 所有字符。
• 表单默认的提交方法是GET，当数据涉及到保密问题 或所传送的数据是用于执行插入或更新数据库操作时， 必须使用POST方法；否则可以使用GET方法。
3) 输入标记<input>
设置MIME类型，默认值为 application/x-www-formurlencoded。需要上传文件到服务器时， 应将该属性设置为multipart/form-data
数据发送形式
• 数据从浏览器向服务器发送时，会分成HTTP 头和HTTP正文体两部分来发送。
• HTTP头包含有关用户代理、服务器信息、内 容类型等信息，这些信息通常以纯文本发送， 因而不安全；
Excel教程完整版ppt课件
单元格
工作表中的单个数据点，由列 字母和行号标识。
区域
由多个单元格组成的矩形区域 ，可以通过拖动鼠标或输入区
域地址来选择。
数据输入与编辑
输入数据
直接在单元格中输入数 据，按Enter键确认。
编辑数据
双击单元格或按F2键进 入编辑模式，修改数据
后按Enter键确认。
批量输入
选择多个单元格，输入 数据后按Ctrl+Enter键 在所有选定单元格中输
=IF(E1>50,"合格","不合格")。
数组公式与多维数据引用
数组公式的概念
数组公式是一种特殊类型的公式 ，可以同时对多个单元格或区域
进行计算，并返回多个结果。
数组公式的输入
在输入数组公式时，需要按 Ctrl+Shift+Enter组合键，而不是 仅仅按Enter键。
多维数据引用
通过使用数组公式，可以实现对多 维数据的引用和计算，如使用 INDEX和MATCH函数进行多维查找 等。
更改图表颜色
点击图表中的任意颜色部分，可以更改该部分的颜色。
设置图表样式
在“设计”选项卡中选择合适的图表样式，使图表更加美观。
调整图表布局
在“布局”选项卡中可以调整图表的布局，如添加网格线、调整坐标轴范围等。
设置图表背景
右键点击图表背景，可以设置背景颜色或填充效果。
图形对象插入和编辑
插入形状
点击“插入”选项卡中的“形状”按钮，选择合 适的形状插入到工作表中。
入相同数据。
填充数据
使用填充柄（位于选定 区域右下角的小方块） 快速填充相邻单元格。
格式化工作表
调整列宽和行高
word excell ppt课件
办公软件的历史与发展
办公软件的起源
20世纪80年代，随着个人电脑的普及，办公软件开始出现。
Microsoft Office的发展
自1989年推出Microsoft Word后，Office系列软件不断扩展和完善，成为全球最流行的 办公软件套件。
云端化与移动化
随着云计算和移动互联网的发展，办公软件逐渐向云端化和移动化方向发展，如Office 365套件。
02
Word操作基础
文档的创建与保存
总结词
掌握创建和保存文档的基本操作，是使用Word软件的基础。
详细描述
在Word中，可以通过点击“文件”菜单下的“新建”选项来 创建一个新的空白文档。在编辑完成后，点击“文件”菜单 下的“保存”选项，选择保存的位置和文件名，即可将文档 保存到电脑中。
文本的输入与编辑
办公软件特点
功能强大、易用性高、兼容性好 ，能够满足不同办公需求，提高 工作效率。
办公软件的重要性
提高工作效率
提升文档质量
通过自动化和智能化处理，减少重复 和繁琐的手工劳动，提高工作效率。
提供丰富的格式设置和排版工具，提 升文档的专业性和美观度。
促进信息共享与协同工作
支持多人同时编辑和修改文档，方便 信息共享和团队协同工作。
详细描述
在Word中，可以创建和编辑表格， 对表格进行行列的插入、删除、合并 等操作。同时，还可以在Word中插 入图表，如柱状图、折线图、饼图等 ，以展示数据和趋势。
03
Excel操作基础
工作簿的创建与保存
总结词
掌握工作簿的创建与保存是Excel操作的基础，能够确保数据的安全和可追溯性。
详细描述
详细描述
在Excel中，可以通过单元格输入框输入数据，并使用格式工具栏或右键菜单进行格式 设置，如字体、颜色、对齐方式等。此外，还可以使用数据验证功能，限制输入数据的
办公软件EXCEL培训PPT课件
文件保护
为了保护文件的安全，可以设置文件的密码保护和只读权限。
宏安全性
在使用宏时，需要注意宏的安全性，避免宏携带病毒或恶意代码 。
权限管理
在多人协作时，需要注意权限的管理，避免数据泄露或被篡改。
THANKS
感谢观看
单元格与区域选择
单元格
工作表中的最小单位，用于存储单个 数据项。单元格可以通过其行号和列 号进行标识。
区域 由多个相邻单元格组成的矩形区域， 用于输入、编辑和格式化数据。可以 通过拖动鼠标或使用键盘快捷键来选 择区域。
输入数据与格式化
输入数据
在单元格中输入数据，包括文本、数字、日期、公式等。可以使用键盘、鼠标 或触摸屏进行输入。
用于计算一系列数值的总和。
MAX和MIN函数
分别用于查找一系列数值中的 最大值和最小值。
COUNT函数
用于计算特定范围内非空单元 格的数量。
高级函数应用与实例
VLOOKUP函数
CONCATENATE函数
用于在表格的首列查找指定的值，并返回 该行中其他列的值。
用于将多个文本字符串合并为一个文本字 符串。
01
地图
用于展示地理数据的分布情况，可以 清晰地看到不同地区的数据差异。
05
03
饼图
用于表示各部分在整体中所占的比例 ，可以清晰地看到各部分的比例关系 。
04
散点图
用于展示两个变量之间的关系，可以 发现数据之间的关联和趋势。
图表数据源设置与格式化
数据源设置
选择合适的数据源，确保数据的 准确性和可靠性。
数据格式化
对数据进行格式化处理，如数据清 洗、数据转换等，以便更好地展示 数据。
图表格式化
对图表进行格式化处理，如调整图 表大小、修改图表颜色、添加图表 标题等，以便更好地展示数据。
为了保护文件的安全，可以设置文件的密码保护和只读权限。
宏安全性
在使用宏时，需要注意宏的安全性，避免宏携带病毒或恶意代码 。
权限管理
在多人协作时，需要注意权限的管理，避免数据泄露或被篡改。
THANKS
感谢观看
单元格与区域选择
单元格
工作表中的最小单位，用于存储单个 数据项。单元格可以通过其行号和列 号进行标识。
区域 由多个相邻单元格组成的矩形区域， 用于输入、编辑和格式化数据。可以 通过拖动鼠标或使用键盘快捷键来选 择区域。
输入数据与格式化
输入数据
在单元格中输入数据，包括文本、数字、日期、公式等。可以使用键盘、鼠标 或触摸屏进行输入。
用于计算一系列数值的总和。
MAX和MIN函数
分别用于查找一系列数值中的 最大值和最小值。
COUNT函数
用于计算特定范围内非空单元 格的数量。
高级函数应用与实例
VLOOKUP函数
CONCATENATE函数
用于在表格的首列查找指定的值，并返回 该行中其他列的值。
用于将多个文本字符串合并为一个文本字 符串。
01
地图
用于展示地理数据的分布情况，可以 清晰地看到不同地区的数据差异。
05
03
饼图
用于表示各部分在整体中所占的比例 ，可以清晰地看到各部分的比例关系 。
04
散点图
用于展示两个变量之间的关系，可以 发现数据之间的关联和趋势。
图表数据源设置与格式化
数据源设置
选择合适的数据源，确保数据的 准确性和可靠性。
数据格式化
对数据进行格式化处理，如数据清 洗、数据转换等，以便更好地展示 数据。
图表格式化
对图表进行格式化处理，如调整图 表大小、修改图表颜色、添加图表 标题等，以便更好地展示数据。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
</TR> <TR align="center">
<TD rowspan="2">3</TD> <TD align="right">4</TD> </TR> <TR> <TD align="right">5</TD> </TR> </TABLE>
11
课堂练习:请编写HTML代码
12
表格的背景色和尺寸设置
</TR>
<TR>
<TD>Robert</TD>
<TD align="center">M</TD>
<TD align="right">80</TD>分数列右对齐
</TR>
.......
</TABLE>
</BODY>
</HTML>
6
表格内文字的对齐/布局
• <tr align=#> • <th align=#> #=left, center, right • <td align=#>
<BODY>
<TABLE border=0 align=center width=50%> <CAPTION align=top>学员档案信息</CAPTION>
学员档案信息
<TR bgcolor="#00FFFF"> <TH align="left">姓名</TH>
姓名 性别 分数
<TH align="center">性别</TH>
• <table width="100%" border="0" cellpadding="5" cellspacing="1" bgcolor="#0000FF">
• <tr>
•
<td bgcolor="#FFFFFF" >第一行第一列</td>
•
<td bgcolor="#FFFFFF" >第一行第二列</td>
<TD align="right行">的18<背/T景D>色 <TR bgcolor=颜色值>
</TR> </TABLE>
列的背景色 <TD bgcolor=颜色值>
13
表格边框色彩的亮度控制
• IEOnly • <table bordercolorlight=#> • <table bordercolordark=#>
表单
22
表单<FORM>
<FORM action=“” method=“post”>
ACTION
METHOD
指定提交后由服务器上哪个 处理程序处理
指定向服务器提交的方法: 一般为post或get方法, post方法比较安全
ACTION = “URL”
METHOD =“post或get”
16
表格的边框
• <html>
• <body>
• <h4>This table has no borders:</h4>
• <table><tr>
•
<td>100</td>
•
<td>200</td>
•
<td>300</td>
• </tr></table>
• <h4>And this table has no borders:</h4>
• <table border=“1"><tr>
•
<td>100</td>
•
<td>200</td>
•
<td>300</td>
• </tr></table>
• </body>
• </html>
17
Cellpadding属性
• cellpadding属性在表格内容和边框之间留出更多空白
• <html>
• </table>
14
表格中的空单元格
• <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td></td> </tr> </table>
23
表单输入元素-1
文本框、按钮、单选按钮、复选框等都是输入元素。 <INPUT type=“?” name=“?” size=”?” value=“?” maxlength=“?” checked>
• 例子：
• <table border width=160>
• <tr>
•
<th>Food</th><th>Drink</th><th>Sweet</th>
• <tr>
•
<td align=“left”>A</td>
•
<td align=“center”>B</td>
•
<td align=“right”>C</td>
<TD>数学</TD> <TD>科学</TD> <TD>英语</TD> <TD>数学</TD> <TD>科学</TD> <TD>英语</TD> <TR> <TD>98</TD> <TD>95</TD> <TD>80</TD> <TD>95</TD> <TD>87</TD> <TD>88</TD> ....
• 例子：
• <table cellspacing=5 border=5
•
bordercolorlight=White bordercolordark=Maroon>
• <tr><th>Food</th><th>Drink</th><th>Sweet</th>
• <tr><td>A</td><td>B</td><td>C</td>
</TR>
.......
表格的第三行，也有三列数据
</TABLE>
</BODY>
</HTML>
4
表格的标题
<BODY>
<TABLE BORDER = 2>
<CAPTION align=top>学员档案信息</CAPTION>
<TR> <TH>姓名</TH>
<CAPTION>表示表格标题 IEOnly
<TH>锤子</TH>
<TR>
<TD ROWSPAN = 3>第一季度</TD>
<TD>一月</TD>
<TD>2500</TD> <TD>1000</TD>
ROWSPAN=“n” 属性表示跨多少行
<TD>1240</TD>
<TR>
<TD>二月</TD>
<TD>3000</TD>
<TD>2500</TD>
• </tr>
• </tr>
• </table> 20
表格的frame属性
• IEOnly • frame属性来控制表格周围的边框 • Frame例子
21
•表单是一个能够包含表单元素的区域。
•表单元素是能够让用户在表单中输入信 息的元素（比如文本框，密码框，下拉菜 单，单选框，复选框等等）。
•表单是用<form></form>元素内定义的。
</TR>
表示一个长为200像素，宽为100像素的表格。
<TR bgcolor="#FFFF<0T0A"B>LE width=20% height=10%>
<TD rowspan="2">3</TD> <TD align="right">4</TD> </TR> <TR> <TD align="right">5</TD> </TR> </TABLE>
11
课堂练习:请编写HTML代码
12
表格的背景色和尺寸设置
</TR>
<TR>
<TD>Robert</TD>
<TD align="center">M</TD>
<TD align="right">80</TD>分数列右对齐
</TR>
.......
</TABLE>
</BODY>
</HTML>
6
表格内文字的对齐/布局
• <tr align=#> • <th align=#> #=left, center, right • <td align=#>
<BODY>
<TABLE border=0 align=center width=50%> <CAPTION align=top>学员档案信息</CAPTION>
学员档案信息
<TR bgcolor="#00FFFF"> <TH align="left">姓名</TH>
姓名 性别 分数
<TH align="center">性别</TH>
• <table width="100%" border="0" cellpadding="5" cellspacing="1" bgcolor="#0000FF">
• <tr>
•
<td bgcolor="#FFFFFF" >第一行第一列</td>
•
<td bgcolor="#FFFFFF" >第一行第二列</td>
<TD align="right行">的18<背/T景D>色 <TR bgcolor=颜色值>
</TR> </TABLE>
列的背景色 <TD bgcolor=颜色值>
13
表格边框色彩的亮度控制
• IEOnly • <table bordercolorlight=#> • <table bordercolordark=#>
表单
22
表单<FORM>
<FORM action=“” method=“post”>
ACTION
METHOD
指定提交后由服务器上哪个 处理程序处理
指定向服务器提交的方法: 一般为post或get方法, post方法比较安全
ACTION = “URL”
METHOD =“post或get”
16
表格的边框
• <html>
• <body>
• <h4>This table has no borders:</h4>
• <table><tr>
•
<td>100</td>
•
<td>200</td>
•
<td>300</td>
• </tr></table>
• <h4>And this table has no borders:</h4>
• <table border=“1"><tr>
•
<td>100</td>
•
<td>200</td>
•
<td>300</td>
• </tr></table>
• </body>
• </html>
17
Cellpadding属性
• cellpadding属性在表格内容和边框之间留出更多空白
• <html>
• </table>
14
表格中的空单元格
• <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td></td> </tr> </table>
23
表单输入元素-1
文本框、按钮、单选按钮、复选框等都是输入元素。 <INPUT type=“?” name=“?” size=”?” value=“?” maxlength=“?” checked>
• 例子：
• <table border width=160>
• <tr>
•
<th>Food</th><th>Drink</th><th>Sweet</th>
• <tr>
•
<td align=“left”>A</td>
•
<td align=“center”>B</td>
•
<td align=“right”>C</td>
<TD>数学</TD> <TD>科学</TD> <TD>英语</TD> <TD>数学</TD> <TD>科学</TD> <TD>英语</TD> <TR> <TD>98</TD> <TD>95</TD> <TD>80</TD> <TD>95</TD> <TD>87</TD> <TD>88</TD> ....
• 例子：
• <table cellspacing=5 border=5
•
bordercolorlight=White bordercolordark=Maroon>
• <tr><th>Food</th><th>Drink</th><th>Sweet</th>
• <tr><td>A</td><td>B</td><td>C</td>
</TR>
.......
表格的第三行，也有三列数据
</TABLE>
</BODY>
</HTML>
4
表格的标题
<BODY>
<TABLE BORDER = 2>
<CAPTION align=top>学员档案信息</CAPTION>
<TR> <TH>姓名</TH>
<CAPTION>表示表格标题 IEOnly
<TH>锤子</TH>
<TR>
<TD ROWSPAN = 3>第一季度</TD>
<TD>一月</TD>
<TD>2500</TD> <TD>1000</TD>
ROWSPAN=“n” 属性表示跨多少行
<TD>1240</TD>
<TR>
<TD>二月</TD>
<TD>3000</TD>
<TD>2500</TD>
• </tr>
• </tr>
• </table> 20
表格的frame属性
• IEOnly • frame属性来控制表格周围的边框 • Frame例子
21
•表单是一个能够包含表单元素的区域。
•表单元素是能够让用户在表单中输入信 息的元素（比如文本框，密码框，下拉菜 单，单选框，复选框等等）。
•表单是用<form></form>元素内定义的。
</TR>
表示一个长为200像素，宽为100像素的表格。
<TR bgcolor="#FFFF<0T0A"B>LE width=20% height=10%>