学习笔记之04表格嵌套练习1

Posted 子言小竹

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了学习笔记之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">&nbsp;</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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>真实姓名:</b>
<input type="text" name="xm1"></td>
</tr>
<tr>
<td height="43" align="left"> <b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;QQ号码:</b>
<input type="text" name="qq1"></td>
</tr>
<tr>
<td height="43" align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>MSN:</b>
<input type="text" name="msn1"></td>
</tr>
<tr>
<td height="43" align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>联系电话:</b><input type="text" name="dh1"></td>
</tr>
<tr>
<td height="43" align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>手机:</b><input type="text" name="sj1"></td>
</tr>
<tr>
<td height="43" align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>网站地址:</b><input type="text" name="wzdz1"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>

</body>

以上是关于学习笔记之04表格嵌套练习1的主要内容,如果未能解决你的问题,请参考以下文章

Java学习笔记2.5.3 循环结构 - 循环嵌套

狂神说Java学习笔记12:Java流程控制之for循环

前端基础入门级笔记02:表格列表表单学习,附练习+源码

js基础笔记学习226练习2之1

php学习笔记之数组遍历练习题1

js基础笔记学习227练习3之2