欢迎来到天天文库
浏览记录
ID:38359558
大小:275.04 KB
页数:5页
时间:2019-06-11
《HTML上机指导》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、HTML简单网页制作一、大纲HTML语法规范HTML标签二、实验目标:掌握HTML语法规范的基本要求,能写出格式良好的HTML文档掌握学会使用HTML表单标签、超链接标签、表格标签等元素制作简单网页三、教学案例:1.HTML语法规范[1]标签要正确关闭正确:
欢迎来到HTML的世界
欢迎来到HTML的世界[2]属性①属性必须有值正确:错误:②属性值必须使用引号括起来,单引号、双引
2、号都可以,推荐使用双引号正确:错误:[3]嵌套正确嵌套:
3、d>单元格
4、et"enctype="multipart/form-data">action:表单提交的目标地址method:表单的提交方式GET方式请求:page/target.html?username=TomPOST方式请求:page/target.htmlenctype:如果需要上传文件则指定enctype="multipart/form-data"(2)文本框把input标签type属性设定为text定义一个文本框键值对关系:username=Tom2014在服务器端通
5、过username能够找到Tom2014通过value属性指定默认值(3)密码框把input标签的type属性设定为password定义一个密码框键值对关系:pwd=123456通常不使用value属性设定密码框的默认值,因为显示的都是黑色的圆点(4)提交按钮把input标签的type属性设定为submit定义一个提交按钮,作用是提交表单,提交按钮不需要指定name属性,value属性可以设定按钮在页面上显示的文字内容6、it"value="在按钮上显示的内容"/>(5)重置按钮把input标签的type属性设定为reset定义一个重置按钮,作用是把可以输入值的表单控件恢复为默认值,value属性可以设定按钮在页面上显示的文字内容(6)单选按钮把input标签的type属性设定为radio定义一个单选按钮,但要想实现“单选”,必须使用name属性将多个单选按钮设定为一组,才能实现彼此之间互斥。键值对关系不是:season=夏天,这里“夏天”是提示信息,给用户看的,从程序角度来说和单选按钮没有任何关系键值7、对关系应该是:season=summer春天夏天秋天冬天使用checked="checked"属性设置默认选中8、lue="summer"checked="checked"/>夏天(7)多选框把input标签的type属性设定为checkbox定义一
6、it"value="在按钮上显示的内容"/>(5)重置按钮把input标签的type属性设定为reset定义一个重置按钮,作用是把可以输入值的表单控件恢复为默认值,value属性可以设定按钮在页面上显示的文字内容(6)单选按钮把input标签的type属性设定为radio定义一个单选按钮,但要想实现“单选”,必须使用name属性将多个单选按钮设定为一组,才能实现彼此之间互斥。键值对关系不是:season=夏天,这里“夏天”是提示信息,给用户看的,从程序角度来说和单选按钮没有任何关系键值
7、对关系应该是:season=summer春天夏天秋天冬天使用checked="checked"属性设置默认选中8、lue="summer"checked="checked"/>夏天(7)多选框把input标签的type属性设定为checkbox定义一
8、lue="summer"checked="checked"/>夏天(7)多选框把input标签的type属性设定为checkbox定义一
此文档下载收益归作者所有