A表格、表单及框架的应用.pptVIP

本章目标 表格基础 表单制作 框架应用 使用Dreamweaver设计网页 表格概述 表格标签2-1 表格标签2-2 表格中的标签 table 双标签，定义表格。 tr双标签，定义行 td双标签，定义单元格 caption标题 th列标题 定义： 表格标签……table3-1 table是块级别元素 定义表格 table width=600 height=300 align=center tr td内容/td /tr /table width属性：指定表格或某一个表格单元格的宽度。单位可以是%或者像素。 height属性：指定表格或某一个表格单元格的高度。单位可以是%或者像素。 align属性：指定表格或某一个单元格里的内容（文本、图片等）的对齐方式。 表格标签……table3-2 table border=10 bordercolor=#003333 bgcolor=#ff0000 background=bg01.gif tr td内容/td /tr /table border属性：表格边框粗细。 bordercolor属性：指定表格或某一个单元格的边框颜色。 bgcolor属性：表格或单元格的背景颜色。 background属性：指定表格或某一个单元格的背景图片。其属性值为一个URL地址。 表格标签……table3-3 table cellpadding=20 cellspacing=20 tr td内容/td /tr /table cellpadding属性：单元格中内容距离边框的距离。 cellspacing属性：表格中单元格与单元格之间的距离。 表格标签……td td是行内元素，用来定义表中单元格 定义 table tr td width=50 height=100 align=center valign=top colspan=2 内容/td /tr/table width、height定义单元格的宽度和高度 valign指定某一个单元格里的内容的垂直对齐方式。值包括 ：top、middle、bottom colspan表示当前单元格跨越几列，实现单元格合并 rowspan表示当前单元格跨越几行 表单概述 HTML表单是HTML页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息 表单元素……form form表单域，是块级别元素 定义表单元素作用范围，向指定的URL传递信息 双标签 定义 form action=“do.jsp method=get/form action属性：用来定义表单处理程序的URL。 method属性：定义表单结果从浏览器传送到服务器的方法，一般有两种方法：get、post。 表单元素……input3-1 input_/ 是行内对象，单标签。 文本框 input type=text size=10 maxlength=4 value=默认值 / type值text为文本框。 size定义文本框的字符宽度。 maxlength定义最大字符数。 value定义文本框中的默认值。 密码框 input type=password size=10 maxlength=4 value=默认值 / type属性值password密码框。 表单元素……input3-2 单选按钮 input type=radio name=sex checked=checked / type值radio为单选按钮。 name定义单选按钮的名称，多个单选按钮的名称必须一致。 checked定义单选按钮默认的选中状态。 复选按钮 input type=checkbox checked=checked / type值checkbox为复选按钮。 表单元素……input3-3 图像域 input type=image height=20 height=80 src=denglu.gif / type值image为图像域。 src定义图像域中图片源文件的路径位置。 文件域 input type=file size=10 / type值file为文件域。 表单按钮 input type=submit value=确定提交 / input type=reset value=重新填写 / type值submit为提交按钮，reset为重置按钮。 表单元素…… textarea textarea双标签 ，定义多行文本域。 textarea rows=10 cols=50/textarea rows定义文本区域的高度。 cols定义文本区域的宽度。 没有value属性，默值内容写在开始和结束