注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

XUE HAI BLOG

鸟瞰家乡 美丽独特 多骄如画 家乡明天更美好

 
 
 

日志

 
 

☆基本表格一栏二列三列或多行多列制作分解  

2009-02-13 12:58:36|  分类: 【表格制作大全】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

基本表格一栏二列三列或多行多列制作分解

表格效果图及代码

内容 内容 内容 内容 内容
内容 内容 内容 内容 内容
内容 内容 内容 内容 内容

多行多列表格代码<TABLE cellSpacing=0 cellPadding=0 width=200 border=1>
<TBODY>
<TR align=middle>
<TD>内容</TD>
<TD>内容</TD>
<TR align=middle>
<TD>内容</TD>

<TD>内容</TD></TR></TBODY></TABLE>

说 明∶想作个多行多列表格,按需要的列数,分别复制金色代码部分和粉色代码部分粘贴其后面,直到需要的列数、再按需要的行数,将黄色代码和复制后的粉色代码同时复制,粘贴其后面,直到需要的行数即成了。蓝色代码width=200 是表格总宽、当然也可按需要分别改其它表格宽,只要把宽度代码粘贴在<TD>里面调好数值即可。

图 一

内容一
内容二
内容 内容
内容 内容
内容 内容

图 二

内容一
内容二
内容 内容 内容
内容 内容 内容
内容 内容 内容
内容 内容 内容

一栏二列三列多列和多行表格代码<TABLE cellSpacing=0 cellPadding=0 width=200 border=1>
<TBODY>
<TR align=middle>
<TD colSpan=2>内容1</TD>
<TR align=middle>
<TD>内容</TD>
<TD>内容</TD>
<TR align=middle>
<TD>内容</TD>
<TD>内容</TD></TR></TBODY></TABLE>

说 明∶ 〖图一〗要想制作一栏二列多行表格时,按需要的行数,将黄色代码和粉色代码同时复制,粘贴其后面,直到需要的行数。但最后一定把红色代码 colSpan=2 的数值改成实际列数值。〖图二〗要想制作一栏三列或多列和多行表格时,按需要的列数分别复制金色代码部分和粉色代码部分粘贴其后面、达到需要的列数,再按需要的行数,将黄色代码和复制后的粉色代码同时复制,粘贴其后面,直到需要的行数。但最后一定把红色代码 colSpan=2 的数值改成实际列数值。蓝色代码width=200 是表格总宽、当然也可按需要分别改其它表格宽,只要把宽度代码粘贴在<TD>里面调好数值即可。

内容一
内容 内容
内容 内容
内容 内容
内容 内容 内容
内容 内容 内容
内容 内容 内容

一栏带二列三列或多列表格代码<TABLE cellSpacing=0 cellPadding=0 width=200 border=1>
<TBODY>
<TR align=middle>
<TD colSpan=2>内容1</TD>
<TR align=middle>
<TD>内容</TD>
<TD>内容</TD>
<TR align=middle>
<TD>内容</TD>
<TD>内容</TD></TR></TBODY></TABLE>

<TABLE cellSpacing=0 cellPadding=0 width=200 border=1>
<TBODY>
<TR align=middle>
<TD>内容</TD>
<TD>内容</TD>
<TD>内容</TD>
<TR align=middle>
<TD>内容</TD>
<TD>内容</TD>
<TD>内容</TD></TR></TBODY></TABLE>

说 明∶要作个一栏带二列又有三列或多列表格时,基本为如〖图一〗或〖图二〗、先作一个一栏二列或三列或多列表格、再另作一个行多列表格放其后,这样即简单有易作。如上红色代码为一栏二列、黄色代码为一行多列表格。此制作参考上几步方法制作即可。

相关日志

各种表格的基本制作解读         基本表格一列带二栏或多栏制作分解

☆基本表格多行多列或一栏二列三列或多列制作分解 - 学 海 - XVE HAI BLOG

欢迎您光临学海博客欢迎您光临学海博客欢迎您

  评论这张
 
阅读(894)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017