HTML习教程003(北大青鸟)(精).ppt

回顾 使用HTML创建一个表格至少需要哪些标签？ 跨多行表格是在单元格里用哪个属性进行设置 ？ 对表格进行美化，主要用哪些属性进行设置？ 预习检查 本章任务 制作“注册”页面 制作“客户中心”页面 本章目标 会使用表单的基本结构制作表单页面 会使用各种表单元素实现注册页面 能理解post和get两种提交方式的区别 会使用框架结构实现多窗口展示页面 表单包含的控件 表单页面的基本结构 表单元素的统一格式 表单元素的逐一介绍 文本框基本语法 INPUT type=“text ” value=张三 size=20 表单元素的逐一介绍 密码框基本语法 INPUT type=“password ” value=“ 123456 ” size=“22” 表单元素的逐一介绍 表单元素的逐一介绍 表单元素的逐一介绍 表单元素的逐一介绍 表单元素的逐一介绍 小结1 编写如左图所示效果对应的html代码 在网页设计中，表单的主要用途有哪些？ 框架 框架使用场合 框架的基本结构 框架的基本结构 如何创建多个复杂的窗口 如何创建多个复杂的窗口 创建多个复杂的窗口实现步骤如下： 1、创建一个HTML页面“top.html” 2、创建一个HTML页面“left.html” 3、创建一个HTML页面“right.html” 如何创建多个复杂的窗口 4、新建多框架HTML页面“Frame_Sets.html” 如何设置窗口链接的显示位置 如何设置窗口链接的显示位置 target目标窗口属性 name＝“显示的窗口名” frame src=url name=“窗口名”　　 a href=url target=“窗口名” 如何设置窗口链接的显示位置 target目标窗口属性 四个特殊的窗口 a href=url target=“_blank” 显示在新窗口a href=url target=“_self” 显示在本窗口a href=url target=“_parent” 显示在父窗口a href=url target=“_top” 显示在整个浏览器窗口 小结2 编写如下图所示效果对应的html代码 总结 表单中提交数据的方法有那两种及其区别？ 表单里有哪些常用的表单元素？ 创建一个框架页面至少需要哪两个标签？ target设定目标资源所要显示的窗口，其取值可以为哪些？ 简述创建一个多框架页面所需的主要步骤。 * * 第三章 表单和框架 请列举表单中有哪些常用的表单元素？ 创建一个框架页面至少需要哪几个标签？ 表单 表单的典型应用 注册用户 收集信息 反馈信息 为网站提供搜索工具 注册用户 收集信息 反馈信息 提供搜索工具 单行文本输入框(TEXT) 单选按钮(RADIO) 复选框(CHECKBOX) 下拉列表(SELECT) 重置按钮(RESET) 提交按钮(SUBMIT) 多行文本框(TEXTAREA) 密码框(PASSWORD) METHOD =“post或get” ACTION METHOD 指定提交后，由服务器上那个处理程序处理 指定向服务器提交的方法: 一般为post或get方法, post方法比较安全 ACTION = “URL” FORM action=“” method=“post” …… /FORM 演示示例1：使用 post提交方式 和 get提交方式 FORM name=form3 method=post action= INPUT type=checkbox name=gen value=男 size=21“ maxlength=4 checked=checked …… /FORM 指定元素的类型，可为TEXT、RADIO、SUBMIT等 控件的名称 控件的初始值 控件的初始宽度 控件中输入的最多字符个数 控件是否被选中 FORM name=form1 method=post action= P名nbsp;nbsp;字： INPUT type=text value=张三 size=20 /P …… /FORM 查看源代码 单行文本输入框，字符宽度为20 文本区的宽度 输入元素的默认值 文本输入框 密码区宽度 初始密码 密码框 FORM name=form2 method=post action= …… P密nbsp;nbsp;码： INPUT value=“ 123456 ” type=password size=22 /P /FORM 查看源代码 密码框，22个字符宽度 单选按钮基本语法 INPUT type=radio value=男 checked=