当前位置：文档之家 › 网页制作综合技术教程第4章使用表格与表单

网页制作综合技术教程第4章使用表格与表单

  • 格式：ppt
  • 大小：6.80 MB
  • 文档页数：28

下载文档原格式

  / 28

合集下载

网页设计与制作4

网页设计与制作4
№ 17
网页设计艺术
（2）在现有的表格中插入单元列 将光标移到在插入单元列的右边一列， 将光标移到在插入单元列的右边一列，选 修改” 表格 表格” 插入列 命令。 插入列” 择“修改”|“表格”|“插入列”命令。 将光标移到要插入单元列的右边一列， 将光标移到要插入单元列的右边一列，按 组合键“Ctrl+Shift+A”。 组合键“Ctrl+Shift+A 。 将光标移到要插入单元列的右边一列， 将光标移到要插入单元列的右边一列，单 击鼠标右键， 击鼠标右键，在弹出的快捷菜单中选择 表格” 插入列 命令。 插入列” “表格”|“插入列”命令。
网页设计艺术 第四章 网页表格的处理
表格是控制网页页面布局最有力的工具。 使用表格可以对列表数据进行布局，布局 网页文本、图像、媒体等。 通过本章学习应该掌握以下内容: 利用HTML创建和编辑网页表格 利用Dreamweaver MX处理表格
№1
网页设计艺术
4.1 利用Dreamweaver MX处理网页表格 4.2 利用HTML创建和编辑网页表格
№ 14
网页设计艺术
（3）选择多个单元格 选择多个单元格 按住Ctrl键 单击所要选择的所有单元格。 按住Ctrl键，单击所要选择的所有单元格。 Ctrl 将光标置于单元格中，拖动鼠标， 将光标置于单元格中，拖动鼠标，选择多 个单元格。 个单元格。 如果要选择整行， 如果要选择整行，将光标置于该行的左边 图标时单击鼠标左键。 缘，当光标变成 图标时单击鼠标左键。 如果要选择整列， 如果要选择整列，将光标置于该列的上边 图标时单击鼠标左键。 缘，当光标变成 图标时单击鼠标左键。
№ 19
网页设计艺术
删除整行/ （4）删除整行/整列 先选择欲删除的整行或整列，直接按Del 先选择欲删除的整行或整列，直接按Del 即可删除。 键，即可删除。 先将光标移到要删除的行或列中， 先将光标移到要删除的行或列中，选择 修改” 表格 表格” 删除行 删除行” 删除列” “修改”|“表格”|“删除行”或“删除列” 命令。 命令。 将光标移到要删除的行或列中， 将光标移到要删除的行或列中，单击鼠标 右键，在弹出的快捷菜单中选择“表 右键，在弹出的快捷菜单中选择“ 删除行” 删除列”命令。 格”|“删除行”或“删除列”命令。 删除行

DreamweaverCS3网页制作案例教程电子教案04第4章制作表格布局的网页

DreamweaverCS3网页制作案例教程电子教案04第4章制作表格布局的网页

Dreamweaver CS3 网页制作案例教程电子教案04第4章制作表格布局的网页第4章制作表格布局的网页表格是常用的页面元素之一，制作网页时经常借助表格进行布局，通过设置表格及单元格的属性，对页面中的元素进行准确定位，灵活地使用表格的背景、边框等属性可以得到更加美观的效果，表格还能有序地排列数据。

【教学导航】(1)学会正确地插入表格，并合理地设置表格的属性(2)学会正确地在表格中插入嵌套表格，并合理地设置嵌套表格的属性(3)掌握单元格的合并、拆分、插入和删除的操作方法(4)学会正确地设置表格中行和列的属性(5)学会正确设置表格、单元格的背景图像和背景颜色教学目标 (6)学会正确地在表格中输入文字并定位(7)学会正确地在表格中插入图像并定位(8)学会正确地在表格中插入flash动画并定位(9)了解设置滚动文本效果的方法(10)了解网页文件头内容的设置方法(1)插入表格、设置表格的属性(2)合并或拆分单元格本章重点 (3)设置表格、单元格的背景图像和背景颜色(4)在表格中输入文字、插入图像和flash动画(1)在表格中插入嵌套表格，并设置嵌套表格的属性本章难点 (2)设置滚动文本效果(3)设置网页文件头内容教学方法任务驱动法、分组讨论法、三步训练法课时建议 6课时(含课堂同步训练)4.1 课前准备(1)在本地硬盘创建文件夹(2)启动Dreamweaver CS3通过Windows的【开始】菜单或桌面的快捷方式启动Dreamweaver CS3。

(3)创建名称为“江湖游”的本地站点(4)新建一个网页文档应用【新建文档】对话框或者直接使用【新建文件】快捷菜单创建一个名称为“index0401.html”的网页文档。

(5)设置网页标题Dreamweaver CS3网页制作案例教程(6)保存该网页。

4.2 课堂引导训练及评价【课堂引导训练任务描述】1、网页制作任务卡网页制作任务卡如表4-1所示。

表4-1 网页制作任务卡任务编号任务名称制作表格布局的网页 04-1网页主题江湖游计划工时 120min(1)利用表格对网页进行布局(2)在网格中插入多个表格:表格1、表格2、表格3、表格4和表格5(3)设置表格、行、列和单元格的属性(4)在表格的单元格中插入Flash动画及Flash动画的属性设置网页制作任务描述 (5)在表格的单元格中输入文字及文字的属性设置(6)插入嵌套表格:表格2-1和表格4-1，设置嵌套表格的属性设置(7)单元格的合并与拆分(8)设置滚动文本效果(9)插入Meta和关键字(1)表格和多层嵌套表格布局方式，如图4-2所示。

DreamweaverCS5网页制作第4章 表单PPT课件

DreamweaverCS5网页制作第4章 表单PPT课件

4.1 案例制作：个人信息调查表
4.1. 案例制作：个人信息调查表
操作步骤： 6）在表格的第4行年月日前，分别单击“插入”面板组“表单”选项下的“列表/菜单” 按钮 ，分别选中插入的列表菜单，在属性面板中将“类型”设为“列表”，列表名称分 别是year、month、day，单击属性面板的“列表值”按钮，在“列表值”对话框中添加 “项目标签”和“值”的内容，单击按钮 和按钮 可以添加或删除列表内容，最后 单击“确定”按钮，如图所示。
4.1 案例制作：个人信息调查表
4.1. 案例制作：个人信息调查表
操作步骤： 5）光标移到第3行文字右侧插入单选按钮组按钮 。在弹出的对话框中进行设定，如图46所示。插入的按钮组是垂直排列的。只需将光标移到单选按钮前面向前删除，则单选 按钮则排列成一行。选中单选按钮及文字，在属性面板的“目标规则”中选择“t2”。
4.2 新知解析
9. 文件域属性面板设置项目：
❖ “文件域名称”：指定该文件域对象的名称。 ❖ “字符宽度”：指定希望该域最多可显示的字符数。 ❖ “最多字符数”：指定域中最多可容纳的字符数。如果用户通过浏览来定位文件，则 文件名和路径可超过指定的“最多字符数”的值。但是，如果用户尝试键入文件名和路 径，则文件域仅允许键入“最多字符数”值所指定的字符数。
4.2 新知解析
8. 图像域属性面板设置项目：
❖ “图像区域”：为该按钮指定一个名称。 ❖ “源文件”：指定要为该按钮使用的图像。 ❖ “替代”：用于输入描述性文本，一旦图像在浏览器中载入失败，将显示这些文本。 ❖ “对齐”：设置对象的对齐属性。 ❖ “编辑图像”：启动默认的图像编辑器并打开该图像文件进行编辑。
4.3 实战演练：网络写作注册信息表
4.2 新知解析

网页设计与制作项目教程 单元4 表格与表格布局网页的制作

网页设计与制作项目教程 单元4 表格与表格布局网页的制作

图4-15 设置tr、td标签属性后的表格
图4-16 插入图像后的表格
（6）合并第6行的1、2、3列。 使用“colspan”属性，合并第6行的1、2、3列后（注意：将6.2、 6.3的<td></td>都删除），接着，将6.1修改为“合计”。 代码为
<tr align="center"> <td colspan="3">合计</td> <td>3 423 243 243</td> <td>4 534 444 554</td> </tr>
（2）<thead></thead>：用于定义表格的头部，必须位于<table> </table>标记中，一般包含网页的logo和导航等头部信息。 （3）<tfoot></ tfoot >：用于定义表格的页脚，位于<table></table> 标记中<thead></thead>标记之后，一般包含网页底部的企业信息等。 （4）<tbody></tbody>：用于定义表格的主体，位于<table></table> 标记中<thead></thead>标记之后，一般包含网页中除头部和底部之 外的其他内容。
2．创建表格的基本语法 创建表格的基本语法格式如下：
<table> <tr> <td>单元格内的文字</td> …… </tr> …… </table>

网页制作基础教程 (4)

网页制作基础教程 (4)

4.2 利用Dreamweaver CS3编辑 网页表格
‌ 4.2.4 表格的排序
按数字排序 按字母排序
不能对有合并单元格的表格内容进行排序操作。
4.3 利用HTML编辑网页表格
‌ 4.3.1 利用HTML制作示例网页表格
‌ ‌ 利用HTML同样可以制作网页表格。对于初学者直 接使用HTML代码编制网页表格是件很困难的事，
‌
‌ ‌
但是，可以通过Dreamweaver CS3提供的“文档” 面
板来查看已经设计好的网页表格的HTML代码，以 帮助用户学习和掌握HTML代码的编写规则及方法。
4.3 利用HTML编辑网页表格
‌ 4.3.2 表格的基本构成
‌ ‌ （1）TABLE。 （2）TITLE。
‌
‌ ‌ ‌
（3）CAPTION。
4.4 表格的应用技巧
‌ 4.4.1 利用表格制作水平线与垂直线
‌ ‌ （1）插入一个一行一列的表格。 （2）在表格“属性”面板中，按照下图所示来设置 表
格的属性，即行、列数设为1；宽设为200像素（根据实 际需要来设置其值）；填充、间距设为0；边框设为0。
4.4 表格的应用技巧
‌ 4.4.1 利用表格制作水平线与垂直线
4.2 利用Dreamweaver CS3编辑 网页表格
‌ 4.2.1 创建表格
‌ ‌ 1.执行主菜单中的“插入记录”→“表格”命令。 2. 按组合键“Ctrl+Alt+T”。
‌
3.单击插入面板上“常用”选项卡中“插入表格”按 钮。
。
大多数浏览器按边框粗细为1，单元格边距为1，单元格间距为2来显示表 格。若确保浏览器不显示表格中的边距和间距，需将“元格边距”和 “单元格间距”设置为0。

HTML5+CSS3网页设计与制作实用教程单元4 表单应用与制作注册登录页面

HTML5+CSS3网页设计与制作实用教程单元4 表单应用与制作注册登录页面

【任务4-1-1】创建电脑版用户注册网页
4．在网页中插入表格 在网页040101.html 的表单域中插入一个9 行3 列的表格，该表格的id 设置为“table01”， “宽”设置为“700 像素”，“边框”设置为“1”，“填充”设置为“3”，“间距”设置为
“0”，“ 对齐”方式设置为“居中对齐”，对应的【属性】面板如图4-6 所示。
图4-9 单行文本域的“属性”设置
【任务4-1-1】创建电脑版用户注册网页
5．插入单行文本域
如果在文本框【属性】面板中的“类型”选项组中选择“密码”单选按钮，则文本框将 转换成密码框，密码框和文本框的设置完全一致，只是在浏览时，密码框中输入字符时，字符 将自动以符号“*”或“ · ”显示，文本内容被隐藏，从而起到保密作用。 在“密 码：*”行的第2 个单元格中和“再次输入密码：*”行的第2 个单元格中分别插 入1 个“单行文本域”，这两个文本框的类型为“密码”，“最多字符数”设置为“16”，名
【任务4-1-1】创建电脑版用户注册网页
表单域的属性设置完成后，其【属性】面板如图4-5 所示。
图4-5 表单域的属性设置
对应的HTML 代码如下所示：
<form action="register.aspx" method="post" name="form1" target="_blank" id="form1"> </form>
2．插入表格域 一个表单域插入到网页中，在编辑窗口中显示为一个红色虚线框，其他的表单对象必须要 放入这个框内才能起作用。如果看不见插入到页面中的标记表单域的红色虚线区域，则可以选
择菜单命令【查看】→【可视化助理】→【不可见元素】，使红色虚线可见，如图4-4 所示。

网页制作与实训教程第四章

绝对路径就是被链接文档的完整的URL，路径和链接的源端无关，只 要链接的网站地址不变，无论文档在网站中如何移动，都可以实现正 常跳转。一般情况下，创建到其他网站的链接时使用绝对路径。 表示方法如下： [协议]://[URL地址] /[端口] /[目录] /…/[文件名]， 如：/08/0708/14/4GBAA1IF0001121M.html。
2. 更改文档标题
单击左侧“分类”列表中的“标题/编码”选项，其参数设置 将显示在对话框右侧。修改文档标题，如不修改，则默认为“ 无标题文档”。
设置网页标题 指定文档 类型定义
指定文档中 字符所用的 编码类型
单击左侧“分类”列表中的“标题”选项，其参数设置将显 示在对话框右侧，可修改标题的属性。
4.6.2 设计表单对象 1. 插入表单
将光标置于要插入表单的位置，然后单击“插入”工具栏上的“表单 ”类中的“表单”按钮。如图所示。 在设计视图中，表单轮廓会以红色虚线表示。这一红色的虚线框将成 为所有表单控件的容器。
2. 文本域
选择“插入”→“表单”→“文本字段”命令。 打开“输入标签辅助功能属性”对话框，如图所 示。其中的“标签文字”用于设置该文本域的说 明文字。 点击“确定”后，文档窗口就会出现一个带有标 签文字的文本框。此时的属性检查器显示该文本 字段的属性。
”→“Flash视频”→“视频类型”对话框→选择“累进式下 载视频”或“流视频”→参数设置→“确定”。
4.5.6 Flash文本的插入
Flash文本是Dreamweaver 8集成的文本动画。插入Flash文本与插入 Flash按钮的方法类似。 操作步骤： 选择“设计”视图→选择插入位置→“插入”→“媒体”→“Flash 文本”→在“插入Flash文本”对话框中输入想插入的文本内容。

Web标准网页设计教程-网页中表格和表单的运用


6.<tr>…</tr>用来定义____；<td>…</td>用来定义____；
<th>…</th>是用来定义____。
动动手
7.单元格垂直合并所用的属性是____；单元格横向 合并所用的属性是____。
8._____用于指出浏览者输入值的类型。 二、简答题 1.简述表单的作用。 2.简述表单method属性值get和post的区别。
1.多行文本输 入框
2.下拉列表选 择框
5.按钮
3.表单元素分组 4.标签
5.3.3 其他表单元素
2.下拉列 表选择框
1）<select>标记元素的主要属性 2）<option>标记元素的主要属性 3）<optgroup>标记元素的主要属性 4）实例代码
任务拓展——注册页面设计
使用表单元素完成班级网站中用户的注册页面设计，注册后用户才 可以在网站浏览相关网页，发表个人评论或进行留言。进行注册页面 设计前，首先要规划好注册页面所包含的信息内容。例如，在班级网 站中要求用户注册的表单包含昵称、登录密码、确认密码、性别、籍 贯、班级、爱好、头像、邮箱、个人简介等信息。然后进行整体布局 设计，要充分考虑到用户完成表单填写的时间应当尽可能短，标签、 输入框均垂直对齐是很好的布局方式，因为一致的对齐减少了眼睛移 动和处理的时间。整个注册页面要美观大方，便于用户使用。
动动手
三、练习题 1.制作网页，完成后的效果如图5-17所示。
动动手
2.制作网页，完成后的效果如图5-18所示。
<tr>
bgcolor等属性进行设置。
5.1.2 表格的创建设置实例

《网页设计与制作》第04章

无边框。 无边框。
• 表格宽度控制：依次为清除列宽、将表宽度转换为像素 表格宽度控制：依次为清除列宽、
单位、将表宽度转换为百分比单位。 单位、将表宽度转换为百分比单位。
• 表格高度控制：依次为清除列宽、将表列度转换为像素 表格高度控制：依次为清除列宽、
单位、将表列度转换为百分比单位。 单位、将表列度转换为百分比单位。
拆分单元格” 弹出“拆分单元格”对话框。 拆分单元格”按钮 ，弹出“拆分单元格”对话框。
• 步骤6：在对话框中设置行为3。单击“确定”按钮。 步骤6 在对话框中设置行为3 单击“确定”按钮。 • 步骤7：保存。按F12预览。 步骤7 保存。 F12预览 预览。
4.2 布局视图的使用
4.2.1 绘制布局视图
属性面板。 属性面板。
• 单元格属性面板参数说明： 单元格属性面板参数说明： • 合并与拆分单元格：将选取的多个单元格合并，或将单元格 合并与拆分单元格：将选取的多个单元格合并，
拆分为多行或多列。 拆分为多行或多列。
• 水平、垂直：设置单元格内容的水平对齐与垂直对齐方式。 水平、垂直：设置单元格内容的水平对齐与垂直对齐方式。 • 宽、高：设置单元格的宽度和高度。 设置单元格的宽度和高度。 • 不换行：购选此项，文本超出单元格的宽度时不自动换行， 不换行：购选此项，文本超出单元格的宽度时不自动换行，
《网页设计与制作》
第四章 网页布局
讲解提纲
• 4.1 表格的使用 • 4.2 布局视图的使用 • 4.3 层的使用 • 4.4 框架的使用
本章教学目标：
• • • •
1．掌握新建表格 编辑表格 2．熟练掌握布局视图的使用 3．掌握层的使用在页面中的应用 4．掌握框架的技术使用
4.1表格的使用 4.1表格的使用

网页制作教程第4章


4.1 表格的应用
例4-5运行效果图
4.2
HTML表单
表单在WEB网页中用于接受访问者填写的信息，从 而能采集客户端信息，使网页具有交互的功能。一 般是将表单设计在一个 HTML 文档中，当用户填写 完信息后做提交 (submit) 操作，于是表单的内容就 从客户端的浏览器传送到服务器上，服务器处理后， 再将用户所需信息传送回客户端的浏览器上，这样 网页就具有了交互性。在此只介绍使用 HTML 标签 来设计表单。 一个表单一般应该包含用户填写信息的输入框,提交 和按钮等，这些输入框 , 按钮叫做控件 , 表单很像容 器,它能够容纳各种各样的控件。
பைடு நூலகம்.1 表格的应用
4.1 表格的应用
4.1.1 定义表格标签<table></table> <table></table>标签用来创建一个表格。其中常用 的属性见表4-2。
4.1 表格的应用
4.1.2 <tr></tr>、<th></th>和<td></td>标签 <tr></tr>标签用来创建表格中的每一行。此标签只 能放在<table></table>标签之间使用，而在此标签 之间加入文本将是无用的； <th>和<td>都是插入单元格的标签，这两个标签必 须嵌套在<tr>标签内，是成对出现的。<th>用于表 头标签，表头标签一般位于首行或首列，标签之间 的内容就是位于该表头单元格内的标题内容，其中 的文字以粗体居中显示。<td>标签用于定义表格单 元格中的具体内容。
  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

多行文本框
4.2.2 表单类型
7．下拉列表框
下拉列表框也是经常用到的表单元素，使用的是<select>标 记。
下拉列表框
列表框
4.3 Dreamweaver中的模板
在Dreamweaver软件中，使用“模板”来创建文档可以使网 站和网页具有统一的结构和外观，如果希望多个网页具有统一的
风格，用“模板”是一种有效便捷的方法。
两个方向合并单元格
4.1.3 设置对齐方式
设计者可以自己设定表格的大小，方法是分别设定表格的
“宽度”及“高度”。例如要将上面的表格变为宽200像素、高 150像素，只需要在<table>中设置height（高度）和width（宽 度）属性即可。
设置单元格大小
设置单元格内容的居 中对齐
设置单元格内容右对齐
性的值设定的不同，当type=“text”的时候，显示的就是
文本输入框。
文本输入框
4.2.2 表单类型
2．单选按钮 如果将type属性设置为“radio”，就会产生单选按 钮。单选按钮通常是好几个选项一起摆出来供访问者点选， 一次只能从中选一个，因此称为单选按钮。
单选按钮
4.2.2 表单类型
3．复选按钮 当type属性设置为“checkbox”时，就会产生复选按钮。复
4.3.1 认识模板
模板具有以下优点。
风格一致，看起来比较系统，也省去了重复劳动的麻烦。 如果要修改共同的页面元素，不必一个一个地修改，只要更 改应用它们的模板就可以了。
示例页面
4.3.2 制作模板
制作模板与制作普通页面完全相同，只是通常并不把页面的所
有部分都完成，而只是制作导航栏和标题栏等各个页面的公有部分， 这些部分一般在网页的四周，而把中间留给每页的具体内容。
设置背景色
4.1.5 设置表格距离
首先，可以利用cellpadding属性设定表格单元格中的内容 距离边线的距离。 其次，可以利用cellspacing属性设定表格相邻单元格边线 之间的距离。
设置单元格间距和单元格内容边距
4.1.6 完整的表格标记
从表格结构的角度来说，可以把表格的行分组，称为“行 组”。不同的行组具有不同的意义。行组分为3类——“表头”、 “主体”和“脚注”。三者对应的HTML标记依次为<thead>、 <tbody>和<tfoot> 。
设置表格行组
4.1.7 用表格进行页面布局的局限性
使用这种方法可以做出非常复杂的效果，这里只是举一个简 单的例子。
网面中主要起到交互的作用。
4.2.1 表单的用途和原理
对于一般的网页设计初学者而言，表单功能其实并不常用，因为表 单通常必须配合JavaScript或服务器端的程序来使用，否则表单单独存
在的意义并不大。
但是表单与网页设计也不是完全无关的，因为表单是网页的访问者 进行交互的接口，例如大家都常用的购物网站的注册页面。要让这样一 个注册页面真正地运行起来，除了在HTML页面中放置相应的表单元素 之外，在服务器上还需相应的程序来接收访问者提交的注册信息，并存 储到数据库中。然后在需要登录的时候，从数据库中获取信息，发送给 浏览器登录结果。
基本表格
4.1.2 合并单元格
并非所有的表格都是规规矩矩的只有几行几列，有时候我
们还会希望能够“合并单元格”，以符合某种内容上的需要。 在HTML中，合并的方向有两种，一种是上下合并，另一种是 左右合并，这两种合并方式各有不同的属性设定方法。 1．左右合并单元格 2．上下合并单元格
左右合并单元格
上下合并单元格
设置单元格内容 靠下对齐
4.1.4
设置表格背景色
设置背景色的属性是bgcolor，可以为<table>、<tr>或者 <td>设置bgcolor属性。如果在<table>标记中设置bgcolor属性， 将设置整个表格的背景色；如果在<tr>标记中设置bgcolor属性， 将设置该行的背景色；如果在<td>标记中设置bgcolor属性，则 仅设置该单元格的背景色。
密码输入框
4.2.2 表单类型
5．按钮 通常填完表单之后，都会有一个“提交”按钮和一个“重置”
按钮。“提交”按钮的作用就是向服务器提交数据；“重置”按
钮的作用是清除所有填写的数据，恢复为初始状态。
按钮
图像按钮
4.2.2 表单类型
6．多行文本框
如果需要访问者输入比较多的文字，通常使用多行文本框， 这需要使用<textarea>标记来实现。
4.2.1 表单的用途和原理
使用表单元素的用户注册页面
4.2.2 表单类型
与表单相关的两个重要标记是<form>和<input>，前
者用来确定表单的范围，后者用于定义表单中的各个具体
表单元素。
4.2.2 表单类型
1．文本输入框
上面代码中“input”的含义就是“输入”，它代表了
各种不同的输入控件，例如文本输入框、单选按钮等。而 每个表单元素之所以会有不同的类型，原因就在于type属
选按钮和单选按钮类似，也是一组放在一起供访问者点选的。多
选按钮与单选按钮的区别是可以同时选中这一组选项中的多个， 因此称为复选按钮。
复选按钮
4.2.2 表单类型
4．密码输入框 当type属性设置为“password”时，就会产生一个密码输入
框，它和文本输入框几乎完全相同，差别仅在于密码输入框在输
入时会以圆点或星号来取代输入的文字，以防他人偷看。
4.3
Dreamweaver中的模板
4.1 使用表格
在制作页面是表格起到布局定位的作用，当然也可以用来
制作数据表。
4.1.1 表格的基本结构
建立一个最基本的表格，必须包含一组<table></table>标 记、一组<tr></tr>标记以及一组<td></td>标记，这也是最简单 的单元格表格。<table></table>标记的作用是定义一个表格， <tr></tr>标记的作用是定义一行，而<td></td>标记的作用是定 义一个单元格。
第4章
本章简介：
使用表格与表单
使用表格可以清晰地显示列成表的数据， 例如图4.1所示的是股票行情的数据列 表。本章先介绍使用表格清晰地显示数 据的方法，以及各种与表格相关的HTML 标记，然后演示如何借助于表格来进行 页面布局，以便与本书后续章节中的其 他方法进行对比。
4.1
使用表格
4.2
使用表单