2009-05-24 16:19:51|
表格的嵌套一方面是为使页面(贴子)的外观更为漂亮,利用表格嵌套来编辑出复杂而精美的效果,另一方面是出于布局需要,用一些嵌套方式的表格来做精确的编排,或者二者兼而有之。熟练地掌握表格的嵌套技巧并不是很困难的,只要你思路清晰,对表格的整体嵌套构架做到心中有数,在实际编辑时就不会出乱,发布出来的作品也就不会只是一堆代码。
博客教材将从最简单的表格嵌套开始演示和讲解,不会太难的。
两张表格的嵌套:
【Good fun】欢迎您的光临
|
代码如下(红色的为第二张表格的代码):
【Good fun】欢迎您的光临
|
从上面的代码中,我们看得出来,第二张表格代码包含在第一张表格代码中的和里面,这一点一定要弄清楚。不然,终止符不正确或缺少时,由于系统的容错性不好、自动修正功能不够智能化等问题,效果将会很糟糕,错误太严重的话还会使浏览器在运算的时候进入死循环而造成机器当机。
下面是三个表格的嵌套代码及效果,由于表格里没有内容,所以,Good fun指定了三级表格的高度。代码中,每一个表格的代码用一种颜色来区分。
代码:
表格的嵌套(二)
先来看看以下表格:
你应该可以看得出来,上表中有一个一级表格(父表格),里面有两个二级表格(子表格),二级表格一上一下,位置十分清楚。如果你愿意,你还可以在
联系客服