网页中表格的应用

一个稍微复杂一点的网页是离不开表格的,可以这样说,表格是网页中图片,文字等对象的基础,没有表格就无法对其进行定位。

表格的基本形式:
<table border=#>
<tr>
<td>
</td>
</tr>
</table>
其中, <table>是申明表格的开始,中间的border是表格的边框,用像素做单位,当#等于0时表格的边框是不可见的。<tr>是开始一个表行。<td>是一个表列,表格中的内容就是写在这个标签中的。
源代码如下:
<table border=10>
<tr>
<td>这里是A的内容</td>
<td>这里是B的内容</td>
</tr>
</table>
显示效果如图:

<table border=10>
<tr>
<td>这里是A的内容</td>
</tr>
<td>这里是B的内容</td>
</tr>
</table>
显示效果如图:

嵌套表框
就是在一个网页中的<td>标签中插入一个新的表格。
源代码如下:
<table border=1>
<tr>
<td>这里是A的内容</td>
<td>
<table border=1>
<tr>
<td>这里是B的内容</td>
</tr>
<tr>
<td>这里时C的内容</td>
</tr>
</table>
</td>
</tr>
</table>
显示效果如图:

表格元素讲解:
1,可以在<table>,<tr>,<td>标签中加入bgcolor=#属性,#表示背景颜色。也可以使用图片,代码是:background=URL,其中URL是背景图片的地址.
2,width=#,height=#表示表格的宽度和高度,可以用在<table>或者<td>标签中。
3,cellspacing=#表示表格之间间隙尺寸,单位是像素,用于<table>标签中。