《第4章使用表格与表单课件.ppt》由会员分享，可在线阅读，更多相关《第4章使用表格与表单课件.ppt（32页珍藏版）》请在三一办公上搜索。
1、,第4章使用表格与表单,第4章,使用表格4.1使用表单4.2,使用表格可以清晰地显示列成表的数据，例如如图4.1所示的是股票行情的数据列表。,使用表格可以清晰地显示列成表的数,图4.1 使用表格显示数据,图4.1 使用表格显示数据,在本章中，先介绍使用表格清晰地显示数据的方法，各种与表格相关的HTML标记。同时在本章的最后，还会演示如何借助于表格来进行页面布局，以便与本书后续章节中的其他方法进行对比。,在本章中，先介绍使用表格清晰地显示,4.1 使 用 表 格,4.1.1 表格的基本结构 A1 A2 A3 A4,4.1 使 用 表 格4.1.1 表格的基本结构,B1 B2 B3 B4 C1 C
2、2 C3 C4,图4.2 基本表格,图4.2 基本表格,4.1.2 合并单元格,1左右合并单元格 2上下合并单元格,4.1.2 合并单元格 1左右合并单元格,图4.3 左右合并单元格,图4.3 左右合并单元格,图4.4 上下合并单元格,图4.4 上下合并单元格,图4.5 两个方向合并单元格,图4.5 两个方向合并单元格,4.1.3 设置对齐方式,图4.6 设置单元格大小,4.1.3 设置对齐方式 图4.6 设置单元格大小,图4.7 设置单元格内容的居中对齐,图4.7 设置单元格内容的居中对齐,4.1.4 设置表格背景色和边框颜色,图4.10 设置背景色,4.1.4 设置表格背景色和边框颜色图4
3、.10 设置背,4.1.5 cellpadding属性和cellspacing属性,图4.11 设置单元格间距和单元格内容边距,4.1.5 cellpadding属性和cellspaci,4.1.6 完整的表格标记,图4.12 设置表格行组,4.1.6 完整的表格标记图4.12 设置表格行组,图4.14 设置表格的标题,图4.14 设置表格的标题,4.1.7 用表格进行页面布局的局限性,图4.15 网页顶部效果,4.1.7 用表格进行页面布局的局限性图4.15 网页,4.2 使 用 表 单,4.2.1 表单的用途和原理,4.2 使 用 表 单 4.2.1 表单的用途和,图4.27 使用表单元素
4、的留言簿页面,图4.27 使用表单元素的留言簿页面,图4.28 表单的基本工作原理,图4.28 表单的基本工作原理,4.2.2 表单类型,1文本输入框 2单选按钮 3复选按钮,4.2.2 表单类型 1文本输入框,图4.29 文本输入框,图4.29 文本输入框,图4.30 单选按钮,图4.30 单选按钮,4密码输入框,图4.31 复选按钮,4密码输入框 图4.31 复选按钮,图4.32 密码输入框,图4.32 密码输入框,5按钮,图4.33 按钮,5按钮 图4.33 按钮,图4.34 图像按钮,图4.34 图像按钮,6多行文本框,图4.35 多行文本框,6多行文本框图4.35 多行文本框,7列表框,图4.36 下拉列表框,7列表框 图4.36 下拉列表框,图4.37 列表框,图4.37 列表框,
