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- ...
随机推荐
- OWL,以及XML,RDF
Ontology来源于哲学词汇:存在论(也有翻译成本体论).RDF是一种不错的本体描述方式,我们可以定义根据对现实世界的理解针对某个领域定义词汇来描述这个领域的知识.但RDF与RDF不能定义同义词.反 ...
- JQuery源码解析（十）
默认回调对象设计 不传入任何参数,调用add的时候将函数add到内部的list中,调用fire的时候顺序触发list中的回调函数: function fn1(val) { console.log('f ...
- node.js之windows下环境终极配置
大家都知道现在node.js相当流行,出门在外,如果都没听说过node.js,基本上算是out了,前段时间做一个项目,用到了实时通讯功能,当时用的就是node.js来做的,我有幸有研究了一番,别的不敢 ...
- 来自HeroKu的HTTP API 设计指南(中文版)
原文转自:http://get.jobdeer.com/343.get 来自HeroKu的HTTP API 设计指南(中文版) 翻译 by @Easy 简介 本指南中文翻译者为 @Easy ,他是国内 ...
- Windows 托盘区域显示图标
NOTIFYICONDATA structure 这个结构体包含了向通知区域(底部任务栏右下角区域,下面都称为托盘)显示的信息.需要使用函数Shell_NotifyIcon. 结构体成员 typede ...
- Apache Jena - A Bootstrap
前言 这篇文档属探究立项性质,作为语义网和本体建模工作的延续. 依照NoSQL Distilled上的考察方法,将Apache Jena作为图数据库的泛型考察. 内容 多种出版物上声明主要有四类N ...
- SIFT特征提取分析（转载）
转载自: http://blog.csdn.net/abcjennifer/article/details/7639681 SIFT(Scale-invariant feature transform ...
- Java多线程之ConcurrentSkipListMap深入分析(转)
Java多线程之ConcurrentSkipListMap深入分析 一.前言 concurrentHashMap与ConcurrentSkipListMap性能测试 在4线程1.6万数据的条件下, ...
- uva 10375
/* 选择与除法_________________________________________________________________________________ #include & ...
- MFC resizer封装
用法: #include "resizer.h" 在mfc对话框头文件里面添加成员: CResizer m_Resizer; mydialog.cpp里面: OnInitDialo ...