HTML第三讲(表格表单).ppt

HTML第三讲 表格(TABLE)标记--1 table 元素：定义一个表格。每一个表格只有一对table和/table，一张页面中可以有多个表格。 tr元素：定义表格的行，一个表格可以有多行，所以tr对于一个表格来说不是唯一的。 td元素：定义表格的一个单元格。每行可以有不同数量的单元格，在td和/td之间是单元格的具体内容。 需要注意的是：上述的三个元素必须、而且只能够配对使用。缺少任何一个元素，都无法定义出一个表格。 表格(TABLE)标记--2 表格的基本结构 table定义表格 tr th定义表头/th /tr tr定义表行 td…/td定义单元格 /tr /table 例：02.htm 表格(TABLE)标记--3 表格的属性 –1 width属性：指定表格或某一个表格单元格的宽度。单位可以是%或者象素。 height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素。 border属性：表格边线粗细 例03.htm、04.htm、05.htm 表格(TABLE)标记--2 表格的属性 –1 4、bgcolor属性：指定表格或某一个单元格的背景颜色。 5、background属性：指定表格或某一个单元格的背景图片。其属性值为一个URL地址。 例：07.htm 表格(TABLE)标记--3 表格的属性 –2 6、bordercolor属性：指定表格或某一个单元格的边框颜色。 例：08.htm 7、Bordercolorlight属性：亮边框的颜色 8、Bordercolordark属性：暗边框的颜色 例：09.htm 表格(TABLE)标记--3 表格的属性 –2 9、align属性：指定表格或某一个单元格里的内容（文本、图片等）的对齐方式。 例：10.htm 表格(TABLE)标记--3 表格的属性 –2 10、cellspacing属性：单元格间距。 例：11.htm 11、cellpadding属性：单元格边距。 例：12.htm 表格(TABLE)标记--4 单元格属性 1、valign属性：指定某一个单元格里的内容（文本、图片等）的垂直对齐方式。垂直对齐方式的属性值包括： top：顶端对齐； middle：居中对齐； bottom：底端对齐; Baseline：相对于基线对齐; 例：13.htm 表格(TABLE)标记--5 单元格属性 2、Colspan：属性值表示当前单元格跨越几列 例：14.htm 3、Rowspan：属性值表示当前单元格跨越几行 例：16.htm 表格(TABLE)标记--6 行属性 1、valign属性：指定某一个单元格里的内容（文本、图片等）的垂直对齐方式。垂直对齐方式的属性值包 top：顶端对齐；middle：居中对齐；bottom：底端对齐。Baseline：相对于基线对齐。 表格(TABLE)标记--7 行属性 2、align属性：指定表格或某一个单元格里的内容（文本、图片等）的对齐方式 3、height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素 表格进阶 表格的嵌套 在td /td之间插入表格，实现表格嵌套 例：17.htm 表格的作用一般只是控制文本和图像的显示，而不显示表格的边框 例：18.htm 综合案例 表格的综合使用 例：19.htm 表单(FORM)标记 HTML表单是HTML页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。 在HTML里，我们可以定义表单，并且使表单与CGI或ASP等服务器端的表单处理程序配合。我们在网页设计课程中不会涉及程序编制。 表单(FORM)标记 表单是网页上的一个特定区域。这个区域是由一对form元素定义的。 form元素 action属性：用来定义表单处理程序（一个ASP、CGI等程序）的位置(相对地址或绝对地址)。 Method定义表单结果从浏览器传送到服务器的方法，一般有两种方法：get、post。 表单(FORM)标记 表单的基本语法: form action=url method=* type=text/plain... input type=submit input type=reset /form * =GET有数据量限制，POST无以上限制,以文件形式传输 例：22.htm 表单(FORM)标记 文本框 input name=? type=* value=** size=*** maxlength=?? ? ? 文本框的名字 * ? text,password ** ? 默认值 ***? 长度 ?? ? 最大输入字符数 例20.htm 表单(FORM)标记 3.文本域 textarea name=* rows=** cols=** ...