《A表格、表单及框架的应用.ppt》由会员分享，可在线阅读，更多相关《A表格、表单及框架的应用.ppt（24页珍藏版）》请在金锄头文库上搜索。
1、 HTML语言 课程代码 网络编程基础 第三章 表格 表单及框架的应用 本章目标 表格基础表单制作框架应用使用Dreamweaver设计网页 表格概述 行 列 列标题 单元格 表格标签2 1 单元格 用来表示 每个单元格可以有背景颜色和背景图片 表格边框 每一行可以用来表示 单元格放在行中 每行可以有很多的单元格 表头 用来表示 表头是特殊的单元格 其中的文字加进去之后默认是居中并且加粗 表格标签2 2 表格中的标签双标签 定义表格 双标签 定义行双标签 定义单元格标题列标题定义 内容 表格标签 3 1 是块级别元素定义表格内容width属性 指定表格或某一个表格单元格的宽度 单位可以是 或者
2、像素 height属性 指定表格或某一个表格单元格的高度 单位可以是 或者像素 align属性 指定表格或某一个单元格里的内容 文本 图片等 的对齐方式 表格标签 3 2 内容border属性 表格边框粗细 bordercolor属性 指定表格或某一个单元格的边框颜色 bgcolor属性 表格或单元格的背景颜色 background属性 指定表格或某一个单元格的背景图片 其属性值为一个URL地址 表格标签 3 3 内容cellpadding属性 单元格中内容距离边框的距离 cellspacing属性 表格中单元格与单元格之间的距离 表格标签 是行内元素 用来定义表中单元格定义 内容width
3、height定义单元格的宽度和高度valign指定某一个单元格里的内容的垂直对齐方式 值包括 top middle bottomcolspan表示当前单元格跨越几列 实现单元格合并rowspan表示当前单元格跨越几行 表单概述 HTML表单是HTML页面与浏览器端实现交互的重要手段 利用表单可以收集客户端提交的有关信息 表单元素 表单域 是块级别元素定义表单元素作用范围 向指定的URL传递信息双标签定义action属性 用来定义表单处理程序的URL method属性 定义表单结果从浏览器传送到服务器的方法 一般有两种方法 get post 表单元素 3 1 是行内对象 单标签 文本框type值
4、text为文本框 size定义文本框的字符宽度 maxlength定义最大字符数 value定义文本框中的默认值 密码框type属性值password密码框 表单元素 3 2 单选按钮type值radio为单选按钮 name定义单选按钮的名称 多个单选按钮的名称必须一致 checked定义单选按钮默认的选中状态 复选按钮type值checkbox为复选按钮 表单元素 3 3 图像域type值image为图像域 src定义图像域中图片源文件的路径位置 文件域type值file为文件域 表单按钮type值submit为提交按钮 reset为重置按钮 表单元素 双标签 定义多行文本域 rows定义文
5、本区域的高度 cols定义文本区域的宽度 没有value属性 默值内容写在开始和结束标签之间 表单元素 行内对象 定义下拉列表 双标签块级别元素 定义列表项 双标签定义摇滚爵士流行value定义下拉列表的值 selected定义默认选中的状态 表单元素 框架概述 在页面的一个固定部分显示徽标或静态信息 在此处显示主要内容 站点中只有此部分是变化的 在另一个固定部分显示导航部分 框架标签 框架就是将一个窗口分成几个部分 并且在每个部分都可以调用一个HTML文档 定义 层 双标签可用于实现浮动广告 盒模型实现页面布局定义后面章节详细讲解 DreamWeaver 使用Dreamweaver编辑网页 就像word一样方便简单新建网页文件设置页面属性添加文本 设置文本格式插入图像添加超级链接 DreamWeaver工具使用 总结
