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- ...
随机推荐
- 使用Object.observe 实现数据绑定
Object.observe API概述 最近,JavaScript的MVC框架在Web开发届非常盛行.在实现MVC框架的时候,一个非常重要的技术就是数据绑定技术.如果要实现模型与视图的分离,就必须要 ...
- HC蓝牙模块测试AT指令搭建外部电路遇到的问题
按这个搭,AT指令烧不进去,两块板两次都不行. 这是我的底板(比较混乱的万能版) 第一次短路了,VCC和GND在板子下面连起来了,肉眼当然看不见,吹下来重新焊就好了. 第二次,txdrxd与usb转T ...
- Map/Reduce个人实战--生成数据测试集
背景: 在大数据领域, 由于各方面的原因. 有时需要自己来生成测试数据集, 由于测试数据集较大, 因此采用Map/Reduce的方式去生成. 在这小编(mumuxinfei)结合自身的一些实战经历, ...
- 腾讯优测-优社区干货精选 | 那些年，我们在Android机型适配上遇到的坑之Camera拍照时快门咔嚓声
文/腾讯优测研发工程师 吴宇焕 优测小优有话说: android机型适配的坑自然是不少,不想掉坑快来优测优社区~ 现在Android手机一般都会带有照相功能,有很多朋友就发现手机照相时快门声音很响,想 ...
- 腾讯优测| 让Android屏幕适配开发更简单-Google百分比布
文/腾讯优测工程师 吴宇焕 腾讯优测优社区干货精选~ 相信开发同学都被安卓设备碎片化的问题折磨过,市面上安卓手机的主流屏幕尺寸种类繁多,给适配造成很大的困难.就算搞定了屏幕尺寸问题,各种分辨率又让人眼 ...
- Server ran out of threads to serve requests. Consider raising the ThreadsPerChild setting
最近每天半夜,服务器都会出现崩掉的现象,pc app 都不能正常使用 查看错误日志发现问题所在: [Wed Nov 09 08:07:28.651642 2016] [mpm_winnt:error ...
- 2015GitWebRTC编译实录10
2015.07.20 rtc_p2p编译通过[879/1600 ] CXX obj /webrtc/p2p/client/rtc_p2p.httpportallocator.o[880/1600 ] ...
- 使用pip安装python插件的时候出现Microsoft Visual C++ 9.0缺失错误
使用pip安装python插件的时候出现Microsoft Visual C++ 9.0缺失错误 使用pip安装python插件的时候出现Microsoft Visual C++ 9.0缺失错误 : ...
- mysql加单引号和不加单引号的性能比较
刚刚我们说过了,生活中难免会有一些不如意,比如,我们用一个字符串类型的字段来作为主键,表面上,这太不如意了,然而,事实也证明这是有用的.问题也就出来了,当在查询语句中对该字段值加上单引号和不加查询耗时 ...
- dk.internal.org.objectweb.asm.Opcodes.IF_ACMPNE
http://cr.openjdk.java.net/~hannesw/8008351/webrev/src/jdk/nashorn/internal/codegen/Condition.java.s ...