|
http://game.ali213.net/thread-3000662-1-1.html
看这个强帖
veryzhh,首发游侠NETSHOW
——————————————
心血来潮,动了研究DZ论坛表格码的心思,也是机缘巧合,很轻松地就弄明白了其用法。
发在这里,让大家分享一下吧,大家写功略时用得到。(外面不知该发在哪里……汗……)
目 录
1楼 一、表格代码因子
2楼 二、表格码的应用
1、最基本的排列
3楼 2、横向合并单元格
4楼 3、纵向合并单元格
5楼 4、跨行跨列合并单元格
6楼 三、组合示例
7楼 四、表格的傻瓜制作流程
一、表格代码因子:
1、table码(框架码)- [table]……[/table]
- 完整的一套表格码,至少有table、tr、td三组因子:
- [table] [tr] [td]……[/td] [/tr] [/table]
复制代码 框架码:放在整个表格代码的头和尾。table还可以加参数,格式如下:table=[表格宽度],[颜色代码]
[表格宽度],用于设置表格的总宽度,可用百分比(如:90%),也可以用象素值(最大值只能设至560,超过后等同于100%);
[颜色代码],是表格的背景色代码,也可以用颜色的英文代号代替,如:table=red或table=#ff0000;
[表格宽度]和[颜色代码],可只写任意一个,也可两个都写,中间用英文逗号分隔。
table码是可以套嵌的,按理可以套5层,但本论坛最多只能套4层,编辑多层代码时需注意以下事项:
百分比——最外层的宽度自选,从里面开始宽度一律设置为98%;
数值——最外层的宽度最大为560(想再宽,请用百分比),之后从外到内宽度一律间隔12;用法示例(用时去掉空格):- [table=500,red][tr][td] [table=488,white][tr] [td]1-1[/td] [td]1-2[/td] [/tr][/table] [/td][/tr][/table]
复制代码 效果如下:
4层套嵌的效果(代码就当是作业好了……^_^):
2、tr码(行代码)行代码:放在table码中间,每一组tr码,代表一行。
tr码原本可以加颜色参数,格式为tr=red,但注意不能用在第一行中,否则表格将无法正常显示。示例:- [table=500]] [tr][td]1-1[/td][td]1-2[/td] [/tr][tr=orange][td]2-1[/td][td]2-2[/td][/tr] [tr][td]3-1[/td][td]3-2[/td][/tr] [/table]
复制代码 效果如下:
3、td码(列代码)列代码:放在tr码中间,每一组td码,代表一列。td码之间,就是表格的文本内容(正文内容)。
td码也可以加参数,用来设置合并单元格,格式为:td=m,n,或td=m,n,X%;
m为合并单元格的列数,n为合并单元格的行数(m和n不能只写一个,要同时写),X%是该单元格所在的列宽(这一项可省略)。示例:- [table=500,yellow][tr] [td=1,1,10%]1-1[/td] [td=1,1,30%]1-2[/td] [td]1-3[/td] [/tr][/table]
复制代码 效果如下:
td码中的文本的排列方式,默认为左对齐,如果想要居中或右对齐,可以在所见即所得模式中,选定相应的单元格(可横向多选)后进行格式设置。
表格排好后,修改内容、设置格式(字体、颜色……等),在所见即所得模式中操作,会比较方便。唯有增加、删除行,只能在源代码模式中操作。
4、float码
如上所设,整个表格都会在页面上居中,如果想让表格居左或居右,就必须在表格代码外面套上float码。示例(对比上例):- [float=left] [table=500,yellow][tr][td=1,1,10%]1-1[/td][td=1,1,30%]1-2[/td][td]1-3[/td][/tr][/table] [/float]
复制代码 效果如下:
二、表格码的应用:
1、最基本的排列:- [table=80%,#eeeecc]
- [tr] [td]1-1[/td] [td]1-2[/td] [td]1-3[/td] [td]1-4[/td] [/tr]
- [tr] [td]2-1[/td] [td]2-2[/td] [td]2-3[/td] [td]2-4[/td] [/tr]
- [/table]
复制代码 实际运用时,要去掉上面代码之间所有的回车、空行、空格,如下(下同):- [table=80%,#eeeecc][tr][td]1-1[/td][td]1-2[/td][td]1-3[/td][td]1-4[/td][/tr][tr][td]2-1[/td][td]2-2[/td][td]2-3[/td][td]2-4[/td][/tr][/table]
复制代码 效果如下:
2、横向合并单元格:- [table=80%,#eeeecc]
- [tr] [td]1-1[/td] [td]1-2[/td] [td]1-3[/td] [td]1-4[/td] [/tr]
- [tr] [td]2-1[/td] [td=3,1]2-2[/td] [/tr]
- [tr] [td=2,1]3-1[/td] [td]3-2[/td] [td]3-3[/td][/tr]
- [/table]
复制代码
[td=2,1],表示向右合并2个单元格;[td=3,1],表示向右合并3个单元格。
加参数的td码的起始位置,决定了是从该行的第几个单元格开始,向右合并。效果如下:
1-1 | 1-2 | 1-3 | 1-4 | 2-1 | 2-2 | 3-1 | 3-2 | 3-3 |
3、纵向合并单元格:- [table=80%,#eeeecc]
- [tr] [td]1-1[/td] [td]1-2[/td] [td]1-3[/td] [td]1-4[/td] [/tr]
- [tr] [td=1,2]2-1[/td] [td]2-2[/td] [td]2-3[/td] [td]2-4[/td] [/tr]
- [tr] [td]3-1[/td] [td]3-2[/td] [td]3-3[/td] [/tr]
- [tr] [td]4-1[/td] [td=1,3]4-2[/td] [td]4-3[/td] [td]4-4[/td] [/tr]
- [tr] [td]5-1[/td] [td]5-2[/td] [td]5-3[/td] [/tr]
- [tr] [td]6-1[/td] [td]6-2[/td] [td]6-3[/td] [/tr]
- [/table]
复制代码 [td=1,2],表示向下合并2个单元格;[td=1,3],表示向下合并3个单元格。
加参数的td码的起始位置,决定了是从该行的第几个单元格开始,向下合并,而下面相应行中的单元格均向右移。效果如下:
1-1 | 1-2 | 1-3 | 1-4 | 2-1 | 2-2 | 2-3 | 2-4 | 3-1 | 3-2 | 3-3 | 4-1 | 4-2 | 4-3 | 4-4 | 5-1 | 5-2 | 5-3 | 6-1 | 6-2 | 6-3 |
4、跨行跨列合并单元格:- [table=80%,#eeeecc]
- [tr] [td]1-1[/td] [td]1-2[/td] [td]1-3[/td] [td]1-4[/td] [/tr]
- [tr] [td]2-1[/td] [td=2,2]2-2[/td] [td]2-3[/td] [/tr]
- [tr] [td]3-1[/td] [td]3-2[/td] [/tr]
- [/table]
复制代码
[td=2,2],表示从当前位置开始,向右合并2个单元格,并向下合并2行,共合并4(=2*2)个单元格。效果:
1-1 | 1-2 | 1-3 | 1-4 | 2-1 | 2-2 | 2-3 | 3-1 | 3-2 |
三、组合示例(使用时去掉回车、空行、空格):- [table=80%,red][tr][td][table=98%,orange][tr][td][table=98%,yellow][tr][td][table=98%,#eeeecc]
- [tr] [td=1,1,10%]1-1[/td] [td=1,1,20%]1-2[/td] [td]1-3[/td] [td=1,1,30%]1-4[/td] [/tr]
- [tr] [td]2-1[/td] [td=3,1]2-2[/td] [/tr]
- [tr] [td=2,1]3-1[/td] [td]3-2[/td] [td]3-3[/td] [/tr]
- [tr] [td=1,2]4-1[/td] [td]4-2[/td] [td]4-3[/td] [td]4-4[/td] [/tr]
- [tr=orange] [td]5-1[/td] [td]5-2[/td] [td]5-3[/td] [/tr]
- [tr] [td]6-1[/td] [td=1,3]6-2[/td] [td]6-3[/td] [td]6-4[/td] [/tr]
- [tr] [td]7-1[/td] [td=2,2]7-2[/td] [/tr]
- [tr] [td]8-1[/td] [/tr]
- [/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]
复制代码 效果:
1-1 | 1-2 | 1-3 | 1-4 | 2-1 | 2-2 | 3-1 | 3-2 | 3-3 | 4-1 | 4-2 | 4-3 | 4-4 | 5-1 | 5-2 | 5-3 | 6-1 | 6-2 | 6-3 | 6-4 | 7-1 | 7-2 | 8-1 |
|
|
|
四、表格的傻瓜制作流程:
如果觉得上述源代码的制表法太复杂,也有比较傻瓜的方法,就是流程比较多:
1、从网上,将表格复制到WORD(带格式);
2、然后将表格的每一列,以文本方式复制到EXCEL(这样可以去掉格式中的链接);
3、然后修改表格、加边框、去底色,把表格排好版(主要是列宽、行宽、居中与否等);
4、然后再将表格复制到WORD中,保存成筛选过的HTML(这样去掉EXCEL里的垃圾HTML代码);
5、然后……这一步最关键……去A9VG,开一个新贴,将表格带格式粘贴到新贴发布栏里(“开启格式粘贴”选项要勾上);
6、然后选择“预览”(千万别发贴哦),将预览页面里的表格,带格式粘贴到本站的新贴发布栏里;
7、最后,对表格参数略作修改(比如:表格太空,可将宽度比例由90%调至80%),就OK了…………
之所以用A9的新贴发布栏,多粘贴一次表单,主要是A9的带格式粘贴,能比较好地去掉WORD里的垃圾HTML代码。
但在A9带格式粘贴表格时,对于纵向合并单元格的转化很不理想,因此,用这种方式转换表格,表中不能有纵向合并单元格。
(DZ的带格式粘粘,会把WORD里面99%的垃圾HTML代码,全保留下来……)
过程很复杂,但比起摆弄更复杂的DZ表格代码,还是要轻松很多了…………
示意图
|
-
总评分: 金钱 + 3
查看全部评分
|