网页制作综合技术教程课件温谦赵伟胡静李占波第4章节使用表格与表单.pptVIP

网页制作综合技术教程 第1部分 HTML网页设计 第4章 使用表格与表单 使用表格可以清晰地显示列成表的数 据，例如如图4.1所示的是股票行情的数据列 表。 在本章中，先介绍使用表格清晰地显示 数据的方法，各种与表格相关的HTML标记。 同时在本章的最后，还会演示如何借助 于表格来进行页面布局，以便与本书后续章 节中的其他方法进行对比。 4.1 使 用 表 格 4.1.1 表格的基本结构 html head title单元格/title /head body center table border=1 tr td A1/td tdA2/tdtd A3/td td A4/td /tr tr tdB1/td tdB2/tdtdB3/td tdB4/td /tr tr tdC1/tdtdC2/tdtdC3/td tdC4/td /tr /table /center /body /html 4.1.2 合并单元格 1．左右合并单元格 2．上下合并单元格 4.1.3 设置对齐方式 4.1.4 设置表格背景色和边框颜色 4.1.5 cellpadding属性和cellspacing属性 4.1.6 完整的表格标记 4.1.7 用表格进行页面布局的局限性 4.2 使 用 表 单 4.2.1 表单的用途和原理 4.2.2 表单类型 1．文本输入框 2．单选按钮 3．复选按钮 4．密码输入框 5．按钮 6．多行文本框 7．列表框 ? 图4.33 按钮 图4.34 图像按钮 图4.35 多行文本框 * 尚辅网 / 使用表格 4.1 使用表单 4.2 图4.1 使用表格显示数据 图4.2 基本表格 图4.3 左右合并单元格 图4.4 上下合并单元格 图4.5 两个方向合并单元格 图4.6 设置单元格大小 图4.7 设置单元格内容的居中对齐 图4.10 设置背景色 图4.11 设置单元格间距和单元格内容边距 图4.12 设置表格行组 图4.14 设置表格的标题 图4.15 网页顶部效果 图4.27 使用表单元素的留言簿页面 图4.28 表单的基本工作原理 图4.29 文本输入框 图4.30 单选按钮 图4.31 复选按钮 图4.32 密码输入框 * *