HTML上机指导.docx
1、 HTML简单网页制作 一、大纲 HTML语法规范 HTML标签 二、实验目标： 掌握HTML语法规范的基本要求，能写出格式良好的HTML文档 掌握学会使用HTML表单标签、超链接标签、表格标签等元素制作简单网页 三、教学案例： 1.HTML语法规范 [1]标签要正确关闭 正确：
欢迎来到HTML的世界
错误：
欢迎来到HTML的世界
[2]属性
①属性必须有值
正确：
错误：
2、bled type="text" /> ②属性值必须使用引号括起来，单引号、双引号都可以，推荐使用双引号 正确： 错误： [3]嵌套 正确嵌套：
| 单元格 |
| 单元格 | 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | ||
5、 POST方式请求：page/target.html enctype：如果需要上传文件则指定enctype="multipart/form-data" (2)文本框 把input标签type属性设定为text定义一个文本框 键值对关系：username=Tom2014在服务器端通过username能够找到Tom2014 通过value属性指定默认值 (3)密码框 把input标签的type属性设定为password定义一个密码框
6、"pwd" value="30039472" />键值对关系：pwd=123456 通常不使用value属性设定密码框的默认值，因为显示的都是黑色的圆点 (4)提交按钮 把input标签的type属性设定为submit定义一个提交按钮，作用是提交表单，提交按钮不需要指定name属性，value属性可以设定按钮在页面上显示的文字内容 (5)重置按钮 把input标签的type属性设定为reset定义一个重置按钮，作用是把可以输入值的表单控件恢复为默认值，value属性可以设定按钮在页面上显示的文字内
7、容 (6)单选按钮 把input标签的type属性设定为radio定义一个单选按钮，但要想实现“单选”，必须使用name属性将多个单选按钮设定为一组，才能实现彼此之间互斥。 键值对关系不是：season=夏天，这里“夏天”是提示信息，给用户看的，从程序角度来说和单选按钮没有任何关系 键值对关系应该是：season=summer 春天
8、e="summer" />夏天 秋天 冬天 使用checked="checked"属性设置默认选中 夏天 (7)多选框 把input标签的type属性设定为checkbox定义一个多选框，使用name属性将多个多选框设定为一组，键值对关系：h
9、obby= swimming 使用checked="checked"属性设置默认选中 读书 游泳 购物
六级标题
8.段落 白日依山尽叶子的离去是风的追求，还是树的不挽留呢？
黄河入海流 9.插入图片
10.HTML颜色
叶子的离去是风的追求，还是树的不挽留呢？
叶子的离去是风的追求，还是树的不挽留呢
叶子的离去是风的追求，还是树的不挽留呢？
叶子的离去是风的追求，还是树的不挽留呢？
11.框架 使用frameset定义框架集，在frameset标签内使用frame定义框架 把浏览器窗口分成3列，第一列占30%，第二列占30%，第三列占40% 如果浏览器不支持框架，则显示noframes里面body里面的内容，注意：如果没有noframes标签，body标签和frameset标签不能共存
