html嵌套表格示例
常用嵌套表格示例，出自《网页开发手记：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嵌套表格示例的更多相关文章
- 跟我一起玩转FineUI之嵌套表格
最近一直在研究FineUI(http://www.fineui.com/),那么什么是FineUI呢,FineUI是基于 ExtJS 的专业 ASP.NET 控件库.创建 No JavaScript, ...
- C# 绘制PDF嵌套表格
嵌套表格,即在一张表格中的特定单元格中再插入一个或者多个表格,使用嵌套表格的优点在于能够让内容的布局更加合理,同时也方便程序套用.下面的示例中,将介绍如何通过C#编程来演示如何插入嵌套表格到PDF文档 ...
- Ext3.4-EXT之嵌套表格的实现
其中使用到的"RowExpander.js"为extjs官方示例中自带的. 实现这个嵌套表格要注意两点技巧: 1 提供给外层表格的dataStore的数据源以嵌套数组的形式表示细节 ...
- ExtJS中实现嵌套表格
先看效果: 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/ ...
- Java 操作Word表格——创建嵌套表格、添加/复制表格行或列、设置表格是否禁止跨页断行
本文将对如何在Java程序中操作Word表格作进一步介绍.操作要点包括 如何在Word中创建嵌套表格. 对已有表格添加行或者列 复制已有表格中的指定行或者列 对跨页的表格可设置是否禁止跨页断行 创建表 ...
- TensorRT 数据和表格示例
TensorRT 数据和表格示例 TensorRT 7.1在绑定索引方面比其前身更加严格.以前,允许错误配置文件的绑定索引.考虑一个网络,该网络具有四个输入,一个输出,以及在其中的三个优化配置文件 I ...
- elementUI表单嵌套表格并对每行进行校验
elementUI表单嵌套表格并对每行进行校验 elementUI 表单嵌套表格并进行校验. 目录 效果展示 代码链接 关键代码 完整代码 效果展示 先看看这是不是需要的效果^_^ 如图,Elem ...
- vue-父子组件嵌套的示例
组件注册: // 注册组件 Vue.component('my-component', { template: '<div>A custom component!</div>' ...
- element-ui中的表格嵌套表格
element-ui中有详细的各种表格及表格方法.也有表格展开出现二级的样式,但是却没有表格嵌套二级表格的方案,于是就自己写了一个,样式图如下: 展开后如下 这就是一个普通的二级表格嵌套,用的是el- ...
随机推荐
- mysql 日期类型比较
MySQL 日期类型:日期格式.所占存储空间.日期范围 比较. 日期类型 存储空间 日期格式 日期范围 ------------ ------ ...
- namenode需要升级
java.io.IOException:File system image contains an old layout version -18.An upgrade to version -41 i ...
- C++ UFunction({FLAG}) 宏 FLAG 解释笔记
1.BluePrintCallable --蓝图可调用 但不可编辑 2.BlueprintImplementableEvent --函数体必须实现与Blueprint 但函数名必须生成与C++ .h ...
- linux命令：more
1.命令介绍: more用来逐页输出文件内容,空格键进入到下一页,b键返回到上一页. 2.命令格式: more [选项] 文件 3.命令参数 +n 从笫n行开始显示 -n 定义屏 ...
- 关于NS2安装的若干问题
之前就知道这个软件安装起来很恶心,因为毕竟是10年前的软件,可没想到真的好恶心...花了整整一天才装上. 我安装的版本是ns-allinone-2.28,系统版本是ubuntu14.04 其实大部分出 ...
- Smart210学习记录----nand flash驱动
[详解]如何编写Linux下Nand Flash驱动 :http://www.cnblogs.com/linux-rookie/articles/3016990.html 当读写文件请求到来的时候, ...
- option对象概念
一.基础理解: var e = document.getElementById("selectId"); e.options = new Option("文本&quo ...
- threadpool 的配置实用
//spring mvc文件中的配置 <!-- ThreadPoolExecutor --> <bean id="threadPoolTaskExecutor" ...
- .jre下的lib和jdk下的lib的区别
jre是JDK的一个子集.提供一个运行环境.JDK的lib目录是给JDK用的,例如JDK下有一些工具,可能要用该目录中的文件.例如,编译器等.JRE的lib目录是为JVM,运行时候用的.包括所有的标准 ...
- httpd启动脚本
#!/bin/bash # chkconfig: - . /etc/rc.d/init.d/functions if [ -f /etc/sysconfig/httpd ]; then . /etc/ ...