HTML基础教学3.ppt

第三讲 框架标记、表单 Html框架标记 1、框架：网页的画面分成几个框架窗口，同时取得多个url。 2、frameset/frameset用来划分框架窗口 frame是标记每一个窗口的标记 Html框架标记 frameset的属性 cols=#,* #为百分数或数值左右分窗口 rows=#,* #为百分数或数值上下分窗口 frameborder=# #为0或1，0无边框1有边框 border=# #为边框的厚度 bordercolor=# #为边框的颜色 framespacing=# #为框架与框架间保留的空白 Html框架标记 frame属性（每一个框架窗口的属性） src=#.html 窗口中显示的网页名称 name=# 框架的名称 scrolling=# auto:视情况而定 yes:要显示卷轴 no:不显示卷轴 noresize: 不可改变窗口的大小设置如框架.html的网页。 IFRAME标记 格式：IFRAME/IFRAME 功能：在网页中插入一个窗口以显示另一页。 标记属性 功能 src 设置要链接到的HTML文件 name 表示子窗口的名字 width Iframe的宽度 height Iframe的高度 scrolling 子窗口是否使用滚动条YES/NO/AUTO frameborder 边框（0/1 yes/no） Meta标记 通常用于文件的开头，根据属性分为两种类型，name和http-equive Name属性用于在网页中加入一些关于网页的描述信息。 http-equive属性用于模拟http协议响应的消息头 meta name=“某个值” content=“对该值进行具体补充说明的信息” meta http-equiv=“某个值” content=“对该值进行具体补充说明的信息” meta http-equiv=“content-type” content=“text/html;charset=gb2312” meta http-equiv=“refresh” content=“1;url=” Meta标记 表单标记 form action=url method=* ... ... input type=submit input type=reset /form 星号*部分可以为GET,也可以是 POST 客户端 服务器 处理表单的程序 Type属性 Text 单行文本框 size属性、maxlength属性 Password 密码输入框 size属性、maxlength属性 Radio 单选框 使用相同的name、checked属性 Checkbox 复选框 checked属性 File 上传文件 Button 普通按钮 Submit 提交按钮 Reset 重置按钮 Image 提交按钮，插入图片SRC=URL Input元素 NAME：名称，用于标识不同的文本域和按钮。 VALUE：初始值 输入方式input 1、单行文本框 用户名：input type=‘text’ name=‘xm’ size=’20’ value=‘qfq’ maxlength=‘255’/input 输入方式input 2、密码输入框 密码：input type=‘password’ name=‘pw’ value=‘999999’ size=‘20’ maxlength=‘255’br 输入方式input 3、单选按钮 性别：男input type=‘radio’ name=‘sex’ value=‘男’ checked 女input type=‘radio’ name=‘sex’ value=‘女’ 输入方式input 4、多选按钮 input type=checkbox name=net value=2 checked网游 input type=checkbox name=chat value=1 聊天 input type=checkbox name=travel value=3 旅游 br 上传文件 5、input标记 上传文件input type=file name=file 输入方式input 6、确定键与清除键 input type=submit name=ok value=确定 input