您的位置：首页 > Web前端 > HTML

一步一步学习网页开发之一

2015-07-21 23:44 441 查看

网页开发一般由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" onsubmit="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="取消" onclick="LoginCancle()" />
</p>
</form>
</td>
</tr>
</table>
</body>
<script type="text/javascript" src="./loginMain.js"></script>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： web html

相关文章推荐

新的分享

章节导航