<a href="http://www.xnei.net/" target="_blank"><img src="http://www.xnei.net/image/ilogo.gif" alt="校内网代码精灵-校内网美化专业网站，欢迎您的访问" border="0"></a>

呵呵,今日心血来潮给朋友们讲讲如何在校内网涂鸦板利用表格定位内容,当然不仅如此,当你要在校内网插入表格的时候也是用的这个,这也是我要讲的表格的两个作用,即定位排版和制作表格,下面我们看正文:

  首先我们来看一个例子:

<table width="200" height="100" cellspacing="0" cellpadding="0" border="1" bordercolor="red">

 <tr height="30">

  <td>校内网</td>

  <td>校内网代码</td>

 </tr>

 <tr height="40">

  <td colspan="2">校内网涂鸦板代码教程</td> 

 </tr>

 <tr>

  <td bgcolor="#EFECEA">还背景颜色的单元格</td>

 </tr>

</table>

效果如下:

校内网	校内网代码
校内网涂鸦板代码教程
还背景颜色的单元格	校内网代码

下面我来解释下里边的代码

整个表格从<table>开始,后面接的是其属性用来设置表格的外观,含义列举如下:

width:宽度   height:高度  border:边框(为0即不显示边框,做排版用) bordercolor:边框颜色 cellspacing:表元(边框之间)间距

cellpadding:文字距边框的距离 align:表格对齐方式 bgcolor:整张表格背景颜色 background:表格背景图片

而且我们知道,表格由水平的行和垂直的列组成,所以<table>下面的即定义其行,再在行里边定义其列

<tr>即代表行 属性同有height,bgcolor等

<td>即代表列  属性有align,width,height,bgcolor,background,colspan,rowspan等

其中colspan即跨列(也就是说其中一列占用N列的空间,其余的被跨掉,注意看上面的列子就知道,其中第二行只有一个<td>而其它两行有两<td>),rowspan即跨行,使用方法和colspan一样,其实懂Word的朋友就知道,实际跟Word插表格一样,只是这里用标签,而Word不用,这里的跨行和跨列就相当于Word里的合并啦

实际这里只是简单的表格应用,我相信在校内网代码里朋友们只是简单应用而已,甚至可能根本不需要用,这里讲出来只是顺便,毕竟有些朋友还是需要的,呵呵,好了,如果大家有什么不明白的地方可以来问我了,暂时先讲到这里了,各位晚安!

顺便说声,大家可以先把涂鸦板里的代码复制一份备份然后操作一下看是什么效果撒~