常用嵌套表格示例，出自《网页开发手记：HTML+CSS+JavaScript实战详解》

  <html>
  <head>
  <title>嵌套表格布局网页</title>
  </head>
  <body topmargin="0" bottommargin="0">
  <table width="500" height="400" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#999999">
  <tr>
  <td height="100"><table width="100%" height="100%" border="0" cellspacing="2">
  <tr>
  <td width="112" align="center" bgcolor="#CCCCCC">企业标志</td>
  <td align="center">企业宣传动画</td>
  <td width="120"><table width="100%" height="100" border="0">
  <tr>
  <td>Email联系我们</td>
  </tr>
  <tr>
  <td>业务电话：</td>
  </tr>
  <tr>
  <td>公司地址：</td>
  </tr>
  </table></td>
  </tr>
  </table></td>
  </tr>
  <tr>
  <td height="20"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="2">
  <tr align="center">
  <td bgcolor="#CCCCCC">公司首页</td>
  <td>公司介绍</td>
  <td>公司产品</td>
  <td>公司文化</td>
  <td>公司论坛</td>
  </tr>
  </table></td>
  </tr>
  <tr>
  <td valign="top"><table width="100%" height="100%" border="0">
  <tr>
  <td width="20%" valign="top"><table width="100%" height="200" border="0" bgcolor="#CCCCCC">
  <tr>
  <td align="center">文章列表</td>
  </tr>
  <tr>
  <td>1.文章标题1</td>
  </tr>
  <tr>
  <td>2.文章标题2</td>
  </tr>
  <tr>
  <td>3.文章标题3</td>
  </tr>
  <tr>
  <td>4.文章标题4</td>
  </tr>
  </table></td>
  <td valign="top"><table width="100%" height="200" border="0" cellspacing="0">
  <tr>
  <td height="45" align="center"><strong>文章标题</strong></td>
  </tr>
  <tr>
  <td valign="top" bgcolor="#cccccc">文章内容</td>
  </tr>
  </table></td>
  </tr>
  </table></td>
  </tr>
  <tr>
  <td height="75"><table width="200" border="0" align="center">
  <tr>
  <td>网站备案：</td>
  </tr>
  <tr>
  <td>公司信息：</td>
  </tr>
  <tr>
  <td>公司年份：</td>
  </tr>
  </table></td>
  </tr>
  </table>
  </body>
  </html>

表格效果：

html嵌套表格示例的更多相关文章

  1. 跟我一起玩转FineUI之嵌套表格

    最近一直在研究FineUI(http://www.fineui.com/),那么什么是FineUI呢,FineUI是基于 ExtJS 的专业 ASP.NET 控件库.创建 No JavaScript, ...

  2. C# 绘制PDF嵌套表格

    嵌套表格,即在一张表格中的特定单元格中再插入一个或者多个表格,使用嵌套表格的优点在于能够让内容的布局更加合理,同时也方便程序套用.下面的示例中,将介绍如何通过C#编程来演示如何插入嵌套表格到PDF文档 ...

  3. Ext3.4-EXT之嵌套表格的实现

    其中使用到的"RowExpander.js"为extjs官方示例中自带的. 实现这个嵌套表格要注意两点技巧: 1 提供给外层表格的dataStore的数据源以嵌套数组的形式表示细节 ...

  4. ExtJS中实现嵌套表格

    先看效果: 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/ ...

  5. Java 操作Word表格——创建嵌套表格、添加/复制表格行或列、设置表格是否禁止跨页断行

    本文将对如何在Java程序中操作Word表格作进一步介绍.操作要点包括 如何在Word中创建嵌套表格. 对已有表格添加行或者列 复制已有表格中的指定行或者列 对跨页的表格可设置是否禁止跨页断行 创建表 ...

  6. TensorRT 数据和表格示例

    TensorRT 数据和表格示例 TensorRT 7.1在绑定索引方面比其前身更加严格.以前,允许错误配置文件的绑定索引.考虑一个网络,该网络具有四个输入,一个输出,以及在其中的三个优化配置文件 I ...

  7. elementUI表单嵌套表格并对每行进行校验

    elementUI表单嵌套表格并对每行进行校验 elementUI 表单嵌套表格并进行校验. 目录 效果展示 代码链接 关键代码 完整代码 效果展示 先看看这是不是需要的效果^_^ ​ 如图,Elem ...

  8. vue-父子组件嵌套的示例

    组件注册: // 注册组件 Vue.component('my-component', { template: '<div>A custom component!</div>' ...

  9. element-ui中的表格嵌套表格

    element-ui中有详细的各种表格及表格方法.也有表格展开出现二级的样式,但是却没有表格嵌套二级表格的方案,于是就自己写了一个,样式图如下: 展开后如下 这就是一个普通的二级表格嵌套,用的是el- ...

随机推荐

  1. 另一种图片上传 jquery.fileupload.js

    今天遇到另外一种上传图片方法 用jquery.fileupload.js <input type="file" name="file[]" multipl ...

  2. echarts实现条形图表

    导入相应的包需要的文件;

  3. python多线程监控指定目录

    import win32file import tempfile import threading import win32con import os dirs=["C:\\WINDOWS\ ...

  4. Android启动模式（三种）

    1,标准启动模式 通过任务栈,每点一次button,将每一个实例都压入,然后点返回键时候,就弹出之前压入的实例. 每一次的地址都是不同的 测试代码:通过创建一个button和textView来显示本身 ...

  5. YII2.0 验证表单

    控制器代码 <?php namespace app\modules\pub\controllers; use Yii; use backend\base\BaseController; use ...

  6. HDU1215（筛选法）

    题意:求n的所有因子和: 思路:类似于筛选法求素数的思想,只有第一次的时候了解过它的思想,然后就只是用来求素数,思想的运用反而少: 筛选法求素数: int prime() { memset(vis, ...

  7. 从零开始学习Node.js例子五 服务器监听

    httpsnifferInvoke.js var http = require('http'); var sniffer = require('./httpsniffer'); var server ...

  8. Oracle建表添加数据

  9. AndroidStudio开发出现Warning:Gradle version 2.10 is required. Current version is 2.8. If u

    Warning:Gradle version 2.10 is required. Current version is 2.8. If using the gradle wrapper, try ed ...

  10. OJ上 G++ 与 C++ 的区别

    1.输出double类型时,如果采用G++提交,scanf采用%lf,prinf采用%f,否则会报错 2.使用GCC/G++的提醒: 对于64位整数, long long int 和 __int64 ...