[工程科技]成都理工大学校团委信息中心美工部html培训.pptVIP

网页中的框架 分行框架 分裂框架 嵌套框架 表格(TABLE)标记--3 表格的属性 –2 6、bordercolor属性：指定表格或某一个单元格的边框颜色。 例：04.htm 7、Bordercolorlight属性：亮边框的颜色 8、Bordercolordark属性：暗边框的颜色 例：05.htm 表格(TABLE)标记--3 表格的属性 –2 9、align属性：指定表格或某一个单元格里的内容（文本、图片等）的对齐方式。 例：06.htm 表格(TABLE)标记--3 表格的属性 –2 10、cellspacing属性：单元格间距。 例：06.htm 11、cellpadding属性：单元格边距。 例：06.htm 表格(TABLE)标记--4 单元格属性 1、valign属性：指定某一个单元格里的内容（文本、图片等）的垂直对齐方式。垂直对齐方式的属性值包括： top：顶端对齐； middle：居中对齐； bottom：底端对齐; Baseline：相对于基线对齐; 例：07.htm 表格(TABLE)标记--5 单元格属性 2、Colspan：属性值表示当前单元格跨越几列 例：8.htm 3、Rowspan：属性值表示当前单元格跨越几行 例：8.htm 表格进阶 表格的嵌套 在td /td之间插入表格，实现表格嵌套 例：9.htm 表格的作用一般只是控制文本和图像的显示，而不显示表格的边框 综合案例 表格的综合使用 利用表格做一张你的课程表 做一张最近来访的表格 表单(FORM)标记 HTML表单是HTML页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。 在HTML里，我们可以定义表单，并且使表单与CGI或ASP等服务器端的表单处理程序配合。我们在网页设计课程中不会涉及程序编制。 表单(FORM)标记 表单是网页上的一个特定区域。这个区域是由一对form元素定义的。 form元素 action属性：用来定义表单处理程序（一个ASP、CGI等程序）的位置(相对地址或绝对地址)。 Method定义表单结果从浏览器传送到服务器的方法，一般有两种方法：get、post。 表单(FORM)标记 表单是网页上的一个特定区域。这个区域是由一对form元素定义的。 form元素 enctype属性：规定了用表单传递信息时的编码格式，有application/x-www-form-urlencoded和multiport/form-data两种选择，前者是默认值，后者一般在表单需要提交文件信息的情况下使用 表单(FORM)标记 表单的基本语法: form action=url method=* type=text/plain... input type=submit input type=reset /form * =GET有数据量限制，POST无以上限制,以文件形式传输 表单(FORM)标记 例：输入以下代码，定义一个基本菜单，并以E-mail方式实现提交 form action=mailto:983239372@ method=POST /form 表单(FORM)标记 Input元素 input元素是与输入相关的元素，它是一个空元素，因此在其末尾必须添加斜杠“/”。Input元素有一个重要的属性type,该属性决定了input的元素类型 表单(FORM)标记 （1）文本框，type=“text”,用于控制用户仅输入一行文本 size：控制输入文本框所显示的长度，单位为字符 maxlength：控制允许最大输入的字符长度，单位为字符 name：通过表单传递出去的变量的名称 value：即变量的值，是在表单提交的瞬间，在该输入框内的字符串（如果在input元素中定义该属性，则表示设定了输入框的初始值） 11.htm 表单(FORM)标记 （2）密码框，type=“password”，用户输入时所显示的密码是屏蔽号 11.htm （3）隐藏条目，type=“hidden”，用于输入框不见，但仍然有name和value属性，一般用于不需要用户填写或选择，变量值已知，又需要将变量发送出去的情况 11.htm 表单(FORM)标记 （4）复选框，type=“checkbox”，一般由若干个复选项组成，改组input元素拥有相同的name属性值，而value值不同。当表单提交后，变量将成为一个数组，且数组中包含选中复选框的value值。Checked=“checked”表示默认将该复选框选中 11.htm （5）单选按钮，type=“radio”