[html]表格布局之实例版 | [<<] [>>] 前面我们讲了html 表格的基础知识,今天我们通过一个实例让大家更清晰的了解下表格的用途。 例如:我们做一个简单的网站布局,代码如下:
网站名 称 |
网站 标题 | 搜索 框 |
左 边 | 中间 | 右 边 |
网站底 部 信 息 |
产生如下的表格: 网 站 名 称 网 站 标 题 搜 索 框 左 边 中 间 右 边 网 站 底 部 信 息 这是一张整体的表格,第一行和第四行分别跨度了三列,这里用colspan="3"来限制,而第二行的“搜索框”占用了两列的位置,用colspan="2"控制; align="center"是对表格内文字的对齐限制,center 表示中间,right表示靠右,left 靠左。 表格的基础设置,可以参考: [html]利用表格规 划网 站 布 局 [html]如何 制作 多 行多 列的表格 [html]设定 表格的尺寸 和边 框 如果你现在可以根据自己的想法制作出一个表格了,那么你就是向自己制作模板迈近了一步。^o^ 表格布局现在仍然很多人在用,方便实在。 网页设计现有两种布局方法,一种即是表格布局,另一种是现在W3C极力推荐的CSS布局。不过,就目前来说,由于 xhtml 并未完全占据主流,表格布局依然是大多数网页设计师的首选。 你所描述的问题属于表格的对齐问题,解决方式有以下几种: 如果两个表格的宽度不一致,那么选择默认的对齐方式,也即左对齐,在 html中的标签和属性是:
就能实现左边对齐。你现在出现的问题有可能是第一个表格设置了对齐方式,例如居中对齐,而第二个表格并没有设置对齐方式,所以默认为左对齐,这样就出现了上述问题。 我的一些表格布局的经 验 : 1、 表格布局第一步:先 插 入 一个表格,宽度是760-780px( 记 住 ,一定要 用px,不要 用百 分比 ) ,高 度不用设置,然后 令 这个表格居中。以后 所有的内容 都 限制在这个表格中。 2、 熟 练 使 用表格嵌 套 。也就是说,在一个表格中再 插 入 另一个表格。...