教程的开始
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个表格弄一个 居中 。
我们呈现出来的代码就如下图了。
代码预览之后 效果就如教程的一样了。
第二期的结束 但 却又未结束。