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- ...
随机推荐
- poj1502 spfa最短路
//Accepted 320 KB 16 ms //有n个顶点,边权用A表示 //给出下三角矩阵,求从一号顶点出发到各点的最短路的最大值 #include <cstdio> #includ ...
- 开启PHP exif扩展方法详解
服务器配置说明: 1.在php.ini文件中找到;extension=php_exif.dll,去掉前面的分号2.在php.ini文件中找到;extension=php_mbstring.dll,去掉 ...
- 数据库连接JDBC和数据库连接池C3P0自定义的java封装类
数据库连接JDBC和数据库连接池C3P0自定义的java封装类 使用以下的包装类都需要自己有JDBC的驱动jar包: 如 mysql-connector-java-5.1.26-bin.jar(5.1 ...
- HDU 2089 不要62
也是简单的数位dp. #include<iostream> #include<cstdio> #include<cstring> #include<algor ...
- codeforces 711D Directed Roads(DFS)
题目链接:http://codeforces.com/problemset/problem/711/D 思路:由于每个点出度都为1,所以没有复杂的环中带环.DFS遍历,若为环则有2^k-2种,若为链则 ...
- Python::OS 模块 -- 文件和目录操作
os模块的简介参看 Python::OS 模块 -- 简介 os模块的进程管理 Python::OS 模块 -- 进程管理 os模块的进程参数 Python::OS 模块 -- 进程参数 os模块中包 ...
- 深入解读Linux与Android的相互关系(转-lining)
大家都知道Android是基于Linux内核的操作系统,也曾经和Linux基金会因为内核问题产生过分歧,本文将开始对Android的内核进行剖析,主要介绍Android和Linux之间的关系,后续还会 ...
- JavaScript中“typeof”运算符与“instanceof”运算符的差异
在JavaScript中,运算符“typeof”和“instanceof”都可以用来判断数据的类型,那么这两个运算符有什么不同之处呢? 差异一:使用方式不同. 最明显的差异就是这两个运算符的使用方式了 ...
- android 4.4.2 开发环境
1.设置环境变量 set "JAVA_HOME=C:\Program Files\Java\jdk1.7.0_75" set "ANT_HOME=D:\tools\and ...
- ajax请求后弹开新页面被浏览器拦截
window.open()我想应该很多人都不陌生吧,它可以实现除用a标签以外来实现打开新窗口! 最近开发项目用到时,却遇到了麻烦,本来好好的弹出窗口,结果被浏览器无情的给拦截了! 代码如下: $.ge ...