网页开发一般由html+css+js进行。HTML是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。
CSS层叠样式表用来对html标记的网页各个部分进行样式定义,包括背景色,前景色,字体,间距,位置及部分鼠标行为等。JS即javascript(前端)用来对html各个部分或者整个网页增加事件处理,使静态页面能够支持动态特性。
下来一步一步学习来搭建一个WEB系统,局域网内用户可访问。
作为一个WEB系统首先是个登陆,先上代码。
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="code review online"/>
<meta name="keywords" content="code review"/>
<meta name="author" content="sswdg"/>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>欢迎使用代码检视系统</title>
<!--引用外部css文件-->
<link rel="stylesheet" href="./css/login.css" type="text/css" />
<!--引用jquery库-->
<script type="text/javascript" src="./lib/jquery-1.11.3.min.js"></script>
<!--引用MD5库-->
<script type="text/javascript" src="./lib/md5.js"></script>
</head>
<body>
<TABLE id="login">
<tr>
<td>
<form action="userHome.html" οnsubmit="return checkLoginInfo()" method="post" id="login_info">
<p id="errorInfo"></p>
<p id="P_Account">
<span class="login_tip">账 号 : </span>
<span><input type="text" name="Account" size="24" id="Account" onChange="checkAccount()"/></span>
<span id="log_check_Account_failed_info"></span>
</p>
<br>
<p id="P_Password">
<span class="login_tip">密 码 :</span>
<span><input type="password" name="Password" size="24" id="Password" onChange="checkPassword()"/></span>
<span id="log_check_pwd_failed_info"></span></span>
</p>
<br>
<p>
<input type="submit" name="submitButton" id="submitButton" Value="确定"/>
<input type="button" name="cancleButton" id="cancleButton" Value="取消" οnclick="LoginCancle()" />
</p>
</form>
</td>
</tr>
</table>
</body>
<script type="text/javascript" src="./loginMain.js"></script>
</html>