---

■ ■
■








v1.  


这里的 宽度百分比 是指   表格显示版面的大小。百分白 即是 你的表格的大小占的位置为左到右 。越小，则 所占版面大小越小。


v2.


这里的 宽度百分比 是指   你的图片大小。 本猴岛的头像高清头像大小是 120x120 。 一般的图为240x260 。当然看你是什么图了。按照图的大小来填写你所需要的宽度百分比（填写的时候一般要比图片的大小大10左右）。


v3.  



这里表格的 边框大小  是指表格的 框度。
如图
数值越大 则红色范围越大  反之

v4.  

我们发现每段代码中的 [tr][td]  [/td][/tr] 之间留空会很大，这就是可以输入文字或者插入图片的地方。
  一段代码 [table=XXX,XXXX,XXX,X] [tr][td] 为始端      [/table]  为一个结束端。
  而一般情况下完整的代码为         [table=XXX,XXXX,XXX,X][tr][td]    [/table]

v5. ◆

本论坛版面所支持的表格宽度一般为70，100是显示不全的 所以 一般表格贴的宽度最好设置为 70-80左右  。

v6.  

我们在建立多层表格的时候，要注意表格的颜色搭配妥当。

点击在新窗播放

这个以前就发过了- -。

沙发= - =

---

        One 、 基础篇

---

做出第一个 表格  即 外表格 。 外表格只有一个表格 所以 我们 行数列数都为 1  。
  如图所示  。

颜色你可以随便选 当然只要是色调搭配好。


选好点确定。 确定之后，我们得到这个代码。在   划线部分 我们添加第二个

第二个我们看下 是1行2列 。所以我们如图在红色划线的部分添加好1行2裂的表格输入好点确定

做好之后 我们就可以得到第一个表格的效果了。

本期效果示范 本期效果示范

---

      

             Two 、 还是基础篇


我们建立大表格。  建立的时候看清楚了 是2列1行的 所以我们建一个是2列1行的。  颜色看你喜好。

建立好之后，我们得到一个表格的代码。 我们如图所示我们添加第二个和第三个所需要的表格代码位置。 添加位置如图吧。



效果就出来了。

本期效果示范

本期效果示范 本期效果示范

我是分隔线

---

              Three 、 还是基础篇+1

本期效果示范

很简单  我们知道它的 一 行 0 列   2个表格所拼合 的

所以我们可以 直接做出来

第一步

我们做出一个表格   行数列数都为1的外框  表格宽度随意  边框大小也随意。  

第二步

我们知道 [tr][td]  [/td][/tr] 中间 会有一点间隙空白的地方  



在数字1 [tr][td]  [/td][/tr] 中间我们插入 1行1列 的第二个表格

我们发现[tr][td]  [/td][/tr]留空会很大，这就是可以输入文字或者插入图片的地方。

全部做好表格之后我们发现效果会是这样的  

那是因为第二个插入的表格用了居中

我们可以找到第二个表格的代码，一般的代码为 [tr][td]  [/td][/tr][/table] 为一个结束点。 我们可以这么找第二个代码，红色划线的地方为第二个代码

找到之后，我们就可以加上   居中   这个效果 ，出来之后 ，就成了刚才所看到了效果啦。



是不是很简单  好的  做好之后  我们就可以在 第二个代码[tr][td]    [/td][/tr] 中间写上文字 或者 贴上你喜欢的照片了哦。
为了效果  我还是搞一张照片的效果吧。
效果如下

---

         Four 、 我们就还是基础篇



做一个大百分比70的表格  颜色随便你了 呵呵
然后我们在 第一个表格 分隔的中间 插入第二个大小百分比80代码  
如图所示吧





                

我们可以看到 在这个表格的顶端 多了一条黑色的东西

本期效果示范

我们可以运用 分割线 这个原理（分隔线如图）

来添加到表格中，位置如图。



为了更好的效果，我的表格大小按照刚才我们所提示的大小来做了个合适的




我是分隔线

---

   Five 、 我们就还是基础篇+1
            (本篇我们创立的时候需要注意的就是 代码和代码之间的间隔 问题了。)

标题      我是华丽的内容效果 标题

介个就很简单啦，亲们。这个表格是由4个表格组成的，都是1行1列的。



建立好1行1列的表格，边框大小乃门可以随意，我们还是如效果图的来做一个吧。




居中之后，我们得到了这样的代码。




之后我们预览看看，我们看到效果是这样的，这样是不行的。


我们最后一步整理代码。
就是把各代码连接成一个代码就得了。就是删除空格处 回车处。
代码整理好之后如下。




这样，我们的第五个表格就做好啦。文中的 添加内容字眼 为内容货图片插入点。

---

   Six  、 我们就还是基础篇+2

提示： 这个需要注意的就是表格的大小 还有 间距 问题。

好了 开始吧。

首先， 我们建一个 行数列数都为1 表格宽度为70百分比 边框大小为8  的表格  颜色自选。 为了教程，我做了和教程一样的。
我们在第一个表格的插入点回车一下。 其实这个回车做不做无所谓啦，我为了方便教程详细突发奇想的这样做。方便。



做好之后，我们在 插入点 插入其余的表格。一共要插入  7  个表格 。 其实这个更随意，你插入多少个都无所谓，看你喜好。





刚说到 做出第一个表格，确定之后，我们在 插入点 回车一下，其实是我做教程更加详细要你们回车的。老手别笑。
我们点表格建立  全部都是1行1列的。

注意 。  

外框百分比大小为        70百分比
第一个表格百分比大小为  95百分比（如我的教程：背景颜色为白色，边框颜色为黑色）
第二个表格百分比大小为  60百分比（背景颜色和边框颜色都是一样的，如我教程的是：#00b0f0,#00b0f0 即 蓝色 ）
第三个表格百分比大小为  95百分比（如我的教程：背景颜色为白色，边框颜色为黑色）
第四个表格百分比大小为  60百分比（背景颜色和边框颜色都是一样的，如我教程的是：#00b0f0,#00b0f0 即 蓝色 ）
第五个表格百分比大小为  95百分比（如我的教程：背景颜色为白色，边框颜色为黑色）
第六个表格百分比大小为  60百分比（背景颜色和边框颜色都是一样的，如我教程的是：#00b0f0,#00b0f0 即 蓝色 ）
第七个表格百分比大小为  95百分比（如我的教程：背景颜色为白色，边框颜色为黑色）

接着，我们陆续按着上面的说明来一个个陆续添加。






效果如下。
最后一步就是把该回车的地方删掉。之后。我们往里头的7个表格弄一个 居中 。
我们呈现出来的代码就如下图了。



代码预览之后 效果就如教程的一样了。

输入你要的内容 输入你要的内容 输入你要的内容   输入你要的内容

            

---