zoukankan      html  css  js  c++  java
  • 学习笔记之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>

  • 相关阅读:
    Build a pile of Cubes
    一键升级所有pip过期库
    AWGN
    调制详解——待完善
    BASK、BFSK、BPSK调制方法的Matlab程序实现
    tomcat运行问题解决方法
    ehcache简单使用
    MySQL 数据库中用户表中口令登陆设置
    和自己赛跑的人
    中文词频统计
  • 原文地址:https://www.cnblogs.com/ziyanxiaozhu/p/7644704.html
Copyright © 2011-2022 走看看