资源描述：
《网页设计课件html中表单网页设计（一）》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、教学项目十五HTML中表单网页设计(一)【教学内容】讲解HTML中头部标志和简单表单制作【教学目的】使学生了解头部标志功能和掌握简单表单网页制作【教学重点】HTML中表单元素标志与属性【教学难点】HTML中表单元素标志与属性【教学方式】案例分析式、项目教学【教学参考】1．<>杨浩著清华大学出版社2．<>电脑报社出版3．TML网页制作教程材义语编著铁道出版社4．HTML基础与实例程耀编著电子工业出版社【新课】一、HTML头部标志在网页对应的H
2、TML代码中，在头部标志
之间可以插入部分标志，包含当前文档的有关信息。主要的标志：
设定标题<link>设定外部的样式表文件<style>设定CSS层叠样式表单<meta>设定文档本身的信息Meta标志的功能是定义页面中的信息，提供文档的关键字、作者、描述等多种信息，这此信息不会在浏览器页面中显示。在<head></head>中可以包括任意数量的<meta>标志。<meta>标志的属性：http-equiv:生成一个HTTP标题域；Content:定义的相关描述项对应的取</p><p>3、值；Name:相关描述项的名称例1：在frontpage中查看网页的头部信息<metahttp-equiv=“content-type”content=“text/html;charset=gb2312”>定义网页中显示的信息对应的字符集为简体中文;<metaname=“generator”content=“microsoftfrontpage4.0”>定义网页默认的编辑工具为frontpage软件.分析:例2.设定自动刷新例3.设定自动跳转网页二、表单网页的设计1．表单标志<form></form>格式：<</p><p>4、formname=表单名action=处理表单数据文件名method=传输方式><form>与</form>定义表单的开始与结束，常用的属性有：Name:表单的名称action:指定处理表单中提交数据的网页文件method:指定表单中数据的传输方式method=get将表单数据附在URL后面，无保密性Method=post将表单数据包含在表单的主体中，与表单一起传送到服务器端处理程序2．单行文本框格式：<inputtype=textsize=文字域的宽度name=字段名value=默认值maxlength=最</p><p>5、大字符个数>3.密码域格式：<inputtype=passwordsize=显示字符个数name=字段名maxlength=最大字符个数>5．提交按钮与取消按钮格式：<inputtype=submitvalue=按钮文字><inputtype=resetvalue=按钮文字>4.单选按钮格式：<inputtype=radioname=字段名value=默认值checked>例：设计如下表单：<HTML><Head><title>我的个人网页6、f>
客户调查表| 职业 | |
| QQ号 | |
你对本站点提供的服务:7、r>
不满意比较满意很满意
| |
