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- ...
随机推荐
- QT下调用摄像头(opencv2.4.4)
http://www.cnblogs.com/yuliyang/p/3525107.html 项目pro文件: #------------------------------------------- ...
- H.264 / MPEG-4 Part 10 White Paper-翻译
1. Introduction Broadcast(广播) television and home entertainment(娱乐) have been revolutionised(彻底改变) b ...
- ASP代码审计 -4.命令执行漏洞总结
命令执行漏洞: 保存为cmd.asp,提交链接: http://localhost/cmd.asp?ip=127.0.0.1 即可执行命令 <%ip=request("ip" ...
- JQUERY操作html--获取和设置内容、属性、回调函数
一:jQuery - 获取内容和属性 1.获得内容 - text().html() 以及 val() text() - 返回所选元素的文本内容 html() - 返回所选元素的内容(包括 HTML 标 ...
- Sublime Text 2 配置
设置Python的Tab缩进为四个空格,打开一个Py文件 # Preferences---->Settings-More---->Syntax Specific-User # 贴入如下代码 ...
- JavaBean基本用法示例(二)
JavaBean的第二种用法,是接收form组件的请求赋值. 一.修改person类.因为这一次是两个网页之间的数据传输,受中文乱码问题的影响,所以在person类中添加一个用于转码的函数,并且在每一 ...
- hmt5初学小技巧
图片替换技术: 1.利用行高 .hanggao{ width: 154px; height: 30px; background-image: url(../img/logo_db.png); over ...
- Spring源码学习之：ClassLoader学习（2）
转载:http://longdick.iteye.com/blog/332580 大家都知道一个java应用项目可以打包成一个jar,当然你必须指定一个拥有main函数的main class作为你这个 ...
- 论文笔记之：Deep Recurrent Q-Learning for Partially Observable MDPs
Deep Recurrent Q-Learning for Partially Observable MDPs 摘要:DQN 的两个缺陷,分别是:limited memory 和 rely on b ...
- LNMP编译安装教程
LNMP编译安装教程 此次安装在Centos上,我采用的CentOS的版本是:CentOS release 6.5 (Final) 可以通过以下命令查看:lsb_release -a 一．准备工作: ...