<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
我爱我家! 我爱我家! 我爱我家!我爱我家!<br />
我爱我家!<br />
<font color =" blue" size="2">我爱我家!</font><br />
<font color =" green" size="5">我爱我家!</font><br />
<font color =" red" size="9">我爱我家!</font><br />
<img src =" ../aaa/a.jpg" />//插入图片
</body>
</html>
PHP制作网格
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>网页中的对象</title>
</head>
<body>
<form action="register.php" method="get">
<table border="1" align="center">
<tr><td>账号</td><td><input type="text" name="uname"/></td></tr>
<tr><td>密码</td><td><input type="password" name="upass"/></td></tr>
<tr><td>性别</td><td><input type="radio" name="sex" checked/>男
<input type="radio" name="sex"/>女</td></tr>
<tr><td>爱好</td><td><input type="checkbox" name="aihao" checked/>吃
<input type="checkbox" name="aihao"/>喝
<input type="checkbox" name="aihao"/>玩
<input type="checkbox" name="aihao"/>乐</td></tr>
<tr><td>专业</td><td>
<select name="zy">
<option value="0">JAVA</option>
<option value="1">UNITY</option>
<option value="2">VR</option>
</select>
</td></tr>
<tr><td>简历</td><td>
<textarea name="jl" rows="5" cols="40"></textarea>
</td></tr>
<tr><td colspan="2" align="center"><input type="submit" value="注册" />
<input type="reset" value="重填" /></td></tr>
</table>
</form>
</body>
</html>
PHP实现网上的账号密码的登陆和注册
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>主页</title>
</head>
<body>
<form action="action.php" method="get" οnsubmit="return check()">
<table border="1" align="center">
<tr><td>账号</td><td><input type="text" name="uname" maxlength="6"/><span id="aaa">*账号不能为空</span></td></tr>
<tr><td>密码</td><td><input type="password" name="upass" maxlength="6"/><span id="bbb">*密码不能为空</span></td></tr>
<tr><td colspan="2" align="center"><input type="submit" value="登录" name="action" />
<input type="submit" value="注册" name="action" />
<input type="reset" value="重置" />
</td></tr>
</table>
</form>
</body>
<ml>
<script>
document.getElementById("aaa").style.display = "none";
document.getElementById("bbb").style.display = "none";
function check() {
//得到账号
var uname = document.getElementsByName("uname")[0].value;
uname = uname.trim();
var upass = document.getElementsByName("upass")[0].value;
upass = upass.trim();
if (uname.length < 1) {
alert("账号不能为空!");
document.getElementsByName("uname")[0].value = "";
document.getElementsByName("uname")[0].focus();
return false;
}
if (upass.length < 1) {
alert("密码不能为空!");
document.getElementsByName("upass")[0].value = "";
document.getElementsByName("upass")[0].focus();
return false;
}
return true;
}
</script>