最近项目要自己写一个表格布局,所以给大家伙看看.好久没写html代码,都很生疏了,要多练习了.这个是从网上复制来的。
我们做一个简单的网站布局,代码如下:
<table align="center" width="500" height="400" border=1 bordercolor="#00ff99"> <tbody> <tr><td colspan="3" align="center">网站名称</td> </tr> <tr><td width="30%" height="25">网站标题</td> <td colspan="2" align="right">搜索框</td> </tr> <tr><td width="30%">左边</td> <td width="40%">中间</td> <td>右边</td> </tr> <tr><td colspan="3" align="center">网站底部信息</td> </tr> </tbody> </table>
网站名称 | ||
网站标题 | 搜索框 | |
左边 | 中间 | 右边 |
网站底部信息 |
这是一张整体的表格,第一行和第四行分别跨度了三列,这里用colspan="3"来限制,而第二行的“搜索框”占用了两列的位置,用colspan="2"控制; align="center"是对表格内文字的对齐限制,center表示中间,right表示靠右,left靠左。