第一部分 HTML第三章.ppt

第二章 HTML结构化标记(续) 1. 基本表格标记 表格可以用来组织日历、日程表、统计数据或其他类型的信息。一个表格单元可以包含所有种类的信息，包括数字、文本元素、甚至图片及多媒体对象。 1.1 基本表结构 table: 识别表格 tr: 行 td: 列 th: 表头 起始与结尾的table标签用以识别表格的开始与结束，table元素中只能包含一些tr元素。放进tr元素中的只能是td或th元素。 1.2 高级表格元素 行组元素：可以将行或组放到一个表格的表头、注脚或主体中，分别使用元素thead、tfoot、tbody。 列组元素：列可以用元素col标记，也可以用colgroup元素将其放进组中。 可达性特征包括用于提供表格内容描述的标题或摘要，以及用于明确连接表头与其各自内容的scope和headers属性。 1.3 合并单元格 合并单元格是表格结构的一个基本特征，它是指延伸一个单元格使其覆盖多行或多列。它使得你能够创建复杂的表格结构。 列合并：使用td或th元素中的colspan属性来进行行列合并。它将单元格向后延伸，跨越随后的列。 合并行：使用rowspan属性来合并行，它使单元格向下延伸跨越几行。 练习：合并行列 1.4 单元格填充与间距 填充(cellpadding)：单元格内容与单元格边界之间的距离。如果你不指明单元格的填充值，单元格将采取1个像素作为默认填充值。 table cellpadding=“15” tr tdcell1/td tdcell2/td /tr tr tdcell1/td tdcell2/td /tr /table 间距：指单元格之间的距离，采用像素值来表明。如果没有表明，浏览器会采用默认值2个像素来设置单元格间的距离。 table cellpadding=“15” cellspacing=“15” tr tdcell1/td tdcell2/td /tr tr tdcell1/td tdcell2/td /tr /table 1.5 标题与摘要 为表格提供附加信息有两种方法： 标题(caption)与摘要(summary)。 但标题与表格一起可由可视化浏览器显示出来，摘要不被显示却能在助残装置中使用。 1.6 表格可达性 abbr 属性在表头元素(th)中使用，以在屏幕阅读器中朗读时提供一个简写版的表头。 Scope 属性将表头与其所在的row、column、或colgroup明确地关联在一起。 Headers 对于非常复杂的表格，使用scope来关联表格数据单元格与其表头是不够的，headers属性用于td元素内，将其明确地绑定到一个表头中。 2. 表单 无论你是网上购物，注册邮件列表，还是获取产品信息，都需要用到表单。虽然表单应用广泛，但是他们都是由相同的组件构成的。 2.1 表单如何工作 工作的表单由两部分组成。 一个部分是你可以看在网页上看到的表单本身，由按钮、文本域、下拉菜单等组成，它们统称为表单控件，用于收集来自用户的信息。 另一个部分是服务器端的应用程序或脚本，它们处理由表单收集来的信息，并进行适当地回复。 2.2 表单元素 使用form元素来将表单添加到网页中。form元素是所有表单内容的容器，它包括很多表单控件，比如文本输入域和按钮。但是它不能包含其他的form元素。 2.2.1 action特性 action 提供了用于处理表单的程序或脚本的位置。 form action=“index.asp” method=“post” /form .pl,php,asp, aspx,jsp, 2.2.2 method特性 method特性指定信息将如何发送到服务器。将编码数据发送到服务器，有两种方法：post和get， name=zhang wei email=bear_zw@ 当浏览器对这些信息进行编码，并传送到服务器时， name=zhang%20weiemail=bear_zw%40 post方法 post:浏览器发送独立的服务器请求，请求包括一些特殊的报头和后面的数据。只有服务器才能看到请求的内容，因此，post是发送保护信息的最好方法。 还适用于大量数据(比如很长的文本输入)，因为post没有get存在的字符长度限制问题。 get 方法 使用get方法，编码后的表单数据附加到url中，并发送到服务器。问号标记字符将url和后面的数据分开。如果你想让表单提交的结果(比如一组搜索结果)能够称为书签，正好可以使用get方法。因为表单的内容很容易看到，所以get方法不适用于包含个人信息或财务信息的表单。 另外，因为添加到url中的字符限制为256个，所以get方法不能用于发送大量数据，也不能在