一、目的和要求：
1、了解HTML语言与高级语言（如VB、C等）的区别；识记网页常用标记及属性，如标题、字体、段落、图像、超链接、表格等；
2、熟练掌握HTML表单中各界面对象的标记符号和属性，如表单、文本域、列表域、复选框与单选钮、命令按钮等；
3、熟练掌握在Dreamweaver中使用层叠样式表CSS；了解层叠样式表与标记属性的区别。
二、重点与难点：
1、HTML表单的应用；
2、CSS层叠样式表的应用；
三、教学进程：
1、构建HTML网页（chapter02/section2/htmlpage.asp）
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>标题</title>
<style type="text/css">
<!--
form {
text-align: center;
}
-->
</style>
<link href="mystyle.css" rel="stylesheet" type="text/css">
<Script language="JavaScript">
function checkform() {
函数体
}
</script>
</head>
<body>
主体部分
</body>
</html>
2、HTML标记的特点
1、HTML是文本文件，标记符号均用<>括起来，大多数标记成对出现，结束标记多一个斜杠，其用法见其上；
2、标记拥有自己的属性；
<font face=”宋体” size=4 color=”#FF0000”>安徽工业职业技术学院</font>
3、HTML标记可嵌套使用，不能交叉；
<b><div align=center><font color=#FF00>Active sever page</font></div></b>
4、少数标记是单独使用如：<BR>、<HR>
3、常用标记（图像、超链接和表格）
控制<meta>
1、让浏览器正确显示不同格式的多媒体文件
<meta http-equiv=”Content Type” content=”video/mpeg”>
<meta http-equiv=”Content Type” content=”audio/x-wav”>
<meta http-equiv=”Content Type” content=”image/gif”>
2、定义网页语言（字符集）
<meta http-equiv=”Content Type” content=”image/gif”>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
3、定义网页关键字
<meta name="keywords" content="计算机,机电,矿产">
<meta name="author" content="安徽工业职业技术学院">
<meta name="description" content="安徽工业职业技术学院是一所工科院校。。。">
4、将站点自动跳转到另一页
<meta http-equiv=”Refresh” content=”6;URL=xxx.htm”>
5、让访问者忽视缓冲页面
<meta http-equiv=”Pragma” content=”no-cache” >
<font face=”宋体” size=4 color=”#FF0000”>安徽工业职业技术学院</font>
<img src=”images/flower.jpg” border=”1”>
<a href=”http://www.ahip.com”>安徽工业职业技术学院</a>
<a href="超星阅读.exe">单击此处文件下载</a> （chapter02/section3/download.asp）
<table border="0" bordercolor="#FF0000" >（chapter02/section4/myform.asp）
<tr>
<td colspan="2" class="td1">用户注册</td>
</tr>
<tr>
<td width="289" class="td2">用户名：</td>
<td width="295" class="td2"><input name="username" type="text" id="username"></td>
</tr>
</table>
4、HTML的表单（chapter02/section4/myform.asp）
<form action="userlogin.asp" method="post" name="login">
</form>
两种表单数据的传递方法：GET和POST方法
GET方法：将表单数据附加在Action属性指定的URL地址之后，并在URL地址与表单数据间加上一个“？”分割符，表单的各个数据项间用“&”分割符。
http://localhost/test.asp?txtid=012&txtusename=ucau
GET方式一次最多只能提交256个字符；
POST方式是将表单数据作为一个独立的数据块直接发送给服务器；
表单中的界面对象
单行文本域
<input name="username" type="text" id="username"&
