学习笔记之04表格嵌套练习1
<!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/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.q1{color:#FFF}
.d1{color:#0000F9}
body {
margin-left: 0px;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="10" bgcolor="#FFFFFF">
<tr>
<td height="20">
<table bgcolor="#BBDDFF" width="100%">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="10" bgcolor="#FFFFFF">
<tr>
<td height="35" colspan="2"><table width="100%" height="46" border="0" cellpadding="0" cellspacing="10" bgcolor="#3ABDFC">
<tr>
<td width="10%" align="center" class="q1" bgcolor="#BBDDFF"><font color="#000000"><b>首页</b></font></td>
<td width="10%" align="center" class="q1">新闻中心</td>
<td width="10%" align="center" class="q1">下载中心</td>
<td width="10%" align="center" class="q1">影视频道</td>
<td width="10%" align="center" class="q1">网上商城</td>
<td width="10%" align="center" class="q1">FLASH频道</td>
<td width="10%" align="center" class="q1">图片频道</td>
<td width="10%" align="center" class="q1">文章中心</td>
<td width="10%" align="center" class="q1">分类信息</td>
<td width="10%" align="center" class="q1"> </td>
</tr>
</table></td>
</tr>
<tr>
<td width="100%" height="20" bgcolor="#BBDDFF">现在的位置：首页>控制面板>会员注册</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
<table width="100%" border="1" cellspacing="10" cellpadding="0" bgcolor="#FFFFFF" bordercolor="#3ABDFC">
<tr>
<td width="14%" height="382">
<table width="100%" border="1" cellspacing="0" cellpadding="0" bordercolor="#3ABDFC">
<tr>
<td height="50" align="center" bgcolor="#BBDDFF"><b>功能菜单</b></td>
</tr>
<tr>
<td height="50" align="center" class="d1">会员登录</td>
</tr>
<tr>
<td height="50" align="center" class="d1">注册账号</td>
</tr>
<tr>
<td height="50" align="center" class="d1">修改资料</td>
</tr>
<tr>
<td height="50" align="center" class="d1">账号状态</td>
</tr>
<tr>
<td height="50" align="center" class="d1">站内信息</td>
</tr>
<tr>
<td height="50" align="center" class="d1">空间设置</td>
</tr>
<tr>
<td height="50" align="center" class="d1">管理信息</td>
</tr>
<tr>
<td height="50" align="center" class="d1">管理收藏夹</td>
</tr>
<tr>
<td height="50" align="center" class="d1">在线支付</td>
</tr>
<tr>
<td height="50" align="center" class="d1">我的好友</td>
</tr>
<tr>
<td height="50" align="center" class="d1">消费记录</td>
</tr>
</table></td>
<td width="86%">
<table width="100%" height="481" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="300">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="40" bgcolor="#BBDDFF">注册会员</td>
</tr>
<tr>
<td height="40" bgcolor="#CCCCCC"><b>基本信息</b></td>
</tr>
<tr>
<td height="220">
<table width="100%" height="85" border="1" cellpadding="0" cellspacing="0" bordercolor="#3ABDFC">
<tr>
<td width="31%" height="55">用户名</td>
<td width="69%" height="55"><input type="text" name="yhm1"></td>
</tr>
<tr>
<td height="55">密码</td>
<td height="55"><input type="password" value="123"></td>
</tr>
<tr>
<td height="55">重复密码</td>
<td height="55"><input type="password" value="123"></td>
</tr>
<tr>
<td height="55">邮箱</td>
<td height="55"><input type="text" name="yx1"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="300">
<table width="100%" border="1" cellspacing="0" cellpadding="0" bordercolor="#3ABDFC">
<tr>
<td height="43" align="left" bgcolor="#CCCCCC"><b>其他信息</b></td>
</tr>
<tr>
<td height="43" align="left"> <b>真实姓名：</b>
<input type="text" name="xm1"></td>
</tr>
<tr>
<td height="43" align="left"> <b> QQ号码：</b>
<input type="text" name="qq1"></td>
</tr>
<tr>
<td height="43" align="left"> <b>MSN：</b>
<input type="text" name="msn1"></td>
</tr>
<tr>
<td height="43" align="left"> <b>联系电话：</b><input type="text" name="dh1"></td>
</tr>
<tr>
<td height="43" align="left"> <b>手机：</b><input type="text" name="sj1"></td>
</tr>
<tr>
<td height="43" align="left"> <b>网站地址：</b><input type="text" name="wzdz1"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>