2：form 的运用 ，在一个注册页面下，所提交的注册信息必须在同一个form里才有效。而你用了多个form，使得注册信息无法提交。
3：id为main标签缺少</div>，需补充。
以上问题我已帮你更正，希望对你有帮助：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<style type="text/css">
body{
margin:0
padding:0}
#header{
width:645px
height:85px
margin:6px 30% 18px 22.3%}
#main{
width:645px
margin:0 30% 0 22.7%}
#header #logo{
width:137px
background:url(images/logo-yy.gif) no-repeat left top
height:46px}
#header #logoarea{
background:#D9F0F0
width:504px
float:right
height:24px
margin:-26px 0 0 0
}
#header #banner{
width:auto
height:40px}
#header #sider{
float:right
background:#D9F0F0
margin:-26px 0 0 0
width:100px
height:24px}
#header #logoarea p{
font-weight:bold
font-size:14px
margin:4px 0 0 10px
}
#header #sider p{
float:right
text-decoration:underline
color:#0000CC
margin:4px 14px 0 0
font-size:14px}
#header #banner img{
float:right
margin:8px 9px 0 0}
#main #container p{
font-weight:bolder
font-size:12px}
#main #container form{
margin:-11px 0 0 0}
#main #container #1{
font-size:24px
color:#666666}
#main #container textarea{
font-size:12px
color:#666666
width:480px
height:110px}
#footer{
margin:20px 0 0 -10px
background:#E6E6E6
height:20px
width:650px
float:left
text-align:center}
#footer p{
font-size:14px
font::Geneva, Arial, Helvetica, sans-serif
color:#8B77D5
font-weight:300
font-weight:400
margin:0 auto 5px auto}
.clear{clear:both}
</style>
<title>百度用户注册</title>
</head>
<body>
<div id="header">
<div id="logo">
</div>
<div id="logoarea">
<p>用户注册</p>
</div>
<div id="sider">
<a href="#"><p>帮助</p></a>
</div>
<div id="banner">
<img src="images/未命名.jpg"/>
</div>
</div>
<div id="main">
<div id="container">
<p id="2">用户名:</p>
<form><input type="text" />
<p id="1">不超过7个汉字，或14个字节(数字，字母和下划线)</p>
<span><p id="2">密码:</p>
<input type="text" /><p>确认密码:</p><input type="text" /></span>
<p id="1">密码长度6～14位，字母区分大小写。<a href="#">密码过于简单的危害</a></p><br />
<p id="2">性别：</p>
<input type="radio" name="sex" value="男" />男
<input type="radio" name="sex" value="女" />女
<p id="2">电子邮箱地址:</p>
<input type="text" />
<p id="1">请输入有效的邮件地址，当密码遗失时凭此领取</p>
<p>输入图中字符:</p>
<input type="text" /><img src="images/untitled.bmp" /><a href="#">看不清？</a>
<br />
<input type="submit" value="同意以下协议并提交" />
</form><br /><br />
</div></div>
<div id="footer"><p>© 2010 Baidu</p></div>
</body>
</html>
<div><input type="text" value="" />
<input type="text" value="" />
<input type="text" value="" />
<input type="text" value="" />
<p>我已阅读并接受<span>用户服务协议</span></p>
<a href="javascript">注册</a>
</div>
大致就这样
你要选择一个数据库才行，首先你要有服务器，或者空间，虚拟主机等才行，然后选择一款支持的数据库，比如access或者sql或者orcle等。然后选择一种编程语言，比如C#,VB,JAVA,等作为后台的服务器语言来操作数据库就可以了。头像上传的话图片上传到服务器，然后数据库里记录图片的路径。邮箱格式是否正确，栏位是否填写用javascript语言直接在页面前台验证就可以了。
