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

棂芸阁

经典与时尚的前沿从这里起航

 
 
 

日志

 
 

音画代码  

2014-03-10 12:50:46|  分类: 音画制作代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
转到HTML状态下,来看看它的代码

<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>

<TBODY>

<TR>

<TD>表格</TD></TR></TBODY></TABLE>

<TABLE></TABLE>定义了一张表格

<TBODY></TBODY>定义了一个表格体

<TR></TR>定义了一行

<TD></TD>定义了一列

可见,如果我们想在表格中再加上一行或一列,只需要增加<TR></TR>或<TD></TD>代码对即可。

再看一个二行三列的表格,大家比较一下。

表格 表格 表格
表格 表格 表格
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>

<TBODY>

<TR>

<TD>表格</TD>

<TD>表格</TD>

<TD>表格</TD></TR>

<TR>

<TD>表格</TD>

<TD>表格</TD>

<TD>表格</TD></TR></TBODY></TABLE>

我用红色标出的,其实就是表格中一行的代码,这一行里面有三列。怎么样?表格行列代码清楚了吧?在表格行列代码中,还有一个高级应用,就是合并单元格。

栏位垂直合并 -- rowspan <td rowspan=欲合并栏位数>

栏位横向合并 -- colspan <td colspan=欲合并栏位数>

比如在以上代码中,我要垂直合并2个单元格,现在我把这个代码加进去。因为第一行垂直合并了单元格,所以第二行不能用三列,只能改为2列,以保持表格外观对称。

<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>

<TBODY>

<TR>

<TD rowSpan=2>表格</TD>

<TD>表格</TD>

<TD>表格</TD></TR>

<TR>

<TD>表格</TD>

<TD>表格</TD></TR></TBODY></TABLE>

表格 表格 表格
表格 表格

这里我们来学习一下表格代码<table>里的参数。还是插入一行一列的表格为例。值得注意的是,在插入表格里,系统会自动为表格中填入空格。做音画贴时,要删除这个空格。

例表

代码:

<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>

<TBODY>

<TR>

<TD>例表</TD></TR></TBODY></TABLE>

borderColor=#cccccc 表示表格边框的颜色,等于号后面的是颜色代码。在编辑器中选取颜色时,调色板上会自动显示该颜色的代码,查起来也很方便。

cellSpacing=2 定义表格中单元格之间的距离(=0时,则表格成为粗单线条)。

cellPadding=3 定义单元格内容与单元格边框之间的距离,属性值是数字。

bgColor=#ffffff 定义表格的背景颜色,属性值是各种颜色代码。

border=1 定义表格的边框宽度,属性值是数字。

width="100%" 定义表格的宽度,属性值是数字,也可能用百分比例表示。

以上是这个“例表”中所涉及的表格代码参数,大家可以试着修改定义值,看看效果,熟悉一下这些代码。比如下面的:

<TABLE borderColor=#ff6600 cellSpacing=5 cellPadding=10 width="60%" bgColor=#ffff00 border=5>

<TBODY>

<TR>

<TD>例表</TD></TR></TBODY></TABLE>

例表

  评论这张
 
阅读(169)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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