表格制作-论坛代码教程 

2011-10-14 09:01 发布

4116 1 0
本帖最后由 管理员 于 2011-10-14 09:08 编辑

使用表格排版是表格最常见的用途.
要创建表格,首先可将发贴页面右上角源码的勾选取消,这样你能在【free】按扭左边发现表格按扭,
点击,设置参数,行数列数就不说了,根据需要自行设置1或2或3或4...
表格宽度取值1~1000,背景颜色见2楼,将你需要的颜色英文输入其内.确定.
再次将源码勾选起来,你将看到类似以下代码



    1. [table=98%,black][tr][td]

    2. [/td][/tr][/table]
    复制代码

    效果如下


    在代码中看出,表格由3个标签组成:<table>是一个容器标签,意思是说它用于宣告这是表格而其他标签只能在他的范围内才适用<table></table>代表这个表格的开始和结束;<tr>用于标识表格行(row).<tr></tr>代表一个行的开始和结束;<td>用于标识表格列(cell).<td></td>代表一个单元格的开始和结束.这3个标签是定义表格的最重要的标签.他们之间是从大到小,逐层包含的关系,由最大的表格,到最小的单元格.
    <table>标签可以包含属性,这些属性是用来设置表格大小以及表格底色的,这两项属性我们可以随心更改,需要注意的是表格大小代码显示百分比,仅表示在当前所处区域的相对值,而接下来的所说的嵌套表格的里表格的大小百分比也仅指相对于外表格而言的.颜色属性与大小百分比之间用","逗号隔开.颜色代码见2楼.
    <tr></tr>只能放在<table></table>标签对之间使用,在此标签对之间加入文本将是无用的,因为在<tr></tr>之间只能紧跟<td></td>标签对才是有效的语法,<td></td>标签对用来创建表格中一行中的每一个格子.此标签对也只有放在<tr></tr>标签对之间才是有效的.要输入的文本图片或其他多媒体也只有放在<tr></tr>标签对中才有效.
    而在表格内输入文本或插入图片我们既可用源码插入也可以形象插入,代码插入只需注意光标插入位置,一定在<td></td>标签之间,上面已经说过,只有在此间插入信息才是有效可显的.
    明白标签含义,我们不难做出嵌套表格,以下

  1. [table=98%,black][tr][td][table=98%,black][tr][td][/td][/tr][/table][/td][/tr][/table]
复制代码

代码效果如下

仔细观察,可以发现这只是2个表格代码的嵌套,类似"表 表格 格",依次类推,我们可以做出3表格嵌套,4表格嵌套,这里有个小技巧,我们可以先做出一个表格,复制代码,再将光标移到<td></td>标签对之间,ctrl+v粘贴.2表格嵌套就完成了.如果觉得表格太扁,可将光标置与表格内按回车键数次.
以下代码为利用表格嵌套做帖子围边


  1. [table=98%,black][tr][td][align=center][table=95%,black][tr][td]2次表格嵌套帖子围边[/td][/tr][/table][/align][/td][/tr][/table]
复制代码

效果如下

2次表格嵌套帖子围边

代码写好以后可以切换到非源码模式去调整里外2个表格的边距

2次表格嵌套帖子围边












有不懂的可以发贴问我.
B Color Smilies

全部评论1

你可能喜欢

22年ps掉的一款

原创作品

874 1 1

yxb鞋徒 2024-01-13

户外跑鞋底

原创作品

1333 1 0

yxb鞋徒 2023-07-18

刷个存在

原创作品

927 1 1

tanglei51888 2023-12-21

练习的3D设计作品

原创作品

949 1 2

你别闹 2023-12-19
我也要出现在这里!
表格制作-论坛代码教程 
快速回复 返回顶部 返回列表