《java Web开发技术_HTML-03》.pptVIP

HTML-3 * 一月 二月 三月 1200 1000 1500 单元格（用TD来表示，每个单元格可以有背景颜色和背景图片） 表格（用Table来表示，表格可以有背景颜色、背景图片） 表格边框 每一行可以用TR来表示，单元格放在行中，每行可以有很多的单元格。 表头（用TH来表示，表头是特殊的单元格，其中的文字加进去之后默认是居中并且加粗） * 表格(TABLE)标记 table 元素：定义一个表格。每一个表格只有一对table和/table，一张页面中可以有多个表格。 tr元素：定义表格的行，一个表格可以有多行，所以tr对于一个表格来说不是唯一的。 td元素：定义表格的一个单元格。每行可以有不同数量的单元格，在td和/td之间是单元格的具体内容。 需要注意的是：上述的三个元素必须、而且只能够配对使用。缺少任何一个元素，都无法定义出一个表格。 * 表格(TABLE)标记 表格的基本结构 table定义表格 tr th定义表头/th /tr tr定义表行 td…/td定义单元格 /tr /table 例：02.htm * 表格(TABLE)标记 表格的属性 width属性：指定表格或某一个表格单元格的宽度。单位可以是%或者象素。 height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素。 border属性：表格边线粗细 例03.htm、04.htm、05.htm * 表格(TABLE)标记 表格的属性 bgcolor属性：指定表格或某一个单元格的背景颜色。 background属性：指定表格或某一个单元格的背景图片。其属性值为一个URL地址。 例：07.htm * 表格(TABLE)标记 表格的属性 bordercolor属性：指定表格或某一个单元格的边框颜色。 例：08.htm Bordercolorlight属性：亮边框的颜色 Bordercolordark属性：暗边框的颜色 例：09.htm * 表格(TABLE)标记 表格的属性 align属性：指定表格或某一个单元格里的内容（文本、图片等）的对齐方式。 例：10.htm * 表格(TABLE)标记 表格的属性 cellspacing属性：单元格间距。 例：11.htm cellpadding属性：单元格边距。 例：12.htm * 表格(TABLE)标记 单元格属性 1、valign属性：指定某一个单元格里的内容（文本、图片等）的垂直对齐方式。垂直对齐方式的属性值包括： top：顶端对齐； middle：居中对齐； bottom：底端对齐; Baseline：相对于基线对齐; 例：13.htm * 表格(TABLE)标记 单元格属性 2、Colspan：属性值表示当前单元格跨越几列 例：14.htm 3、Rowspan：属性值表示当前单元格跨越几行 例：16.htm * 表格嵌套 表格的嵌套 在td /td之间插入表格，实现表格嵌套 例：17.htm 表格的作用一般只是控制文本和图像的显示，而不显示表格的边框 例：18.htm * 例 表格的综合使用 例：19.htm * 表单(FORM)标记 HTML表单是HTML页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。 在HTML里，我们可以定义表单，并且使表单与CGI或ASP等服务器端的表单处理程序配合 表单有两个重要部分，一是描述表单的HTML源代码，二是用于处理用户在表单域中输入的信息的服务器端应用程序客户端脚本，如ASP.NET,JSP等 * 表单(FORM)标记 表单是网页上的一个特定区域。这个区域是由一对form元素定义的。 form元素 action属性：用来定义表单处理程序（一个ASP、CGI等程序）的位置(相对地址或绝对地址)。 Method定义表单结果从浏览器传送到服务器的方法，一般有两种方法：get、post。 * 表单(FORM)标记 get方法：浏览器把表单中的各个值添加到action制定的URL后（这两者之间用问号分隔）并向服务器发送get请求，每个值之间用“”链接 /ddd/ccc?xxx=xxxyyy=yyy post方法：浏览器会首先与action属性中指定的表单处理服务器建立联系，一旦建立连接之后，浏览器会按分段传输的方法将数据发送到服务器 * 表单(FORM)标记 表单的基本语法: form action=url method=* type=text/plain... input type=submit input type=reset /form * =GET有数据量限制，POST无以上限制,以文件形式传输 例：22.htm（修改比较GET与POST的区别） * 表单(FORM)标记 文本框 input name=? type=*