进行网站建设制作的时候,经常会用到表格,虽然现在都用div+css建网站,但表格还是有时候会用到的,而且它的作用不可代替,现在全速网络把表格的一些相关知识和大家分享:
任何表格都有三个基本要素:表格,格行和格子.这些要素的标签如:
Table: <table>
Table row: <tr>
Table cell: <td>
这里需要记住的是<td>要用<tr>来结束,而<tr>又要用<table>来结束.
让我们动手看看:
我们制作一下上面草列的基本表格:
Cell a Cell b
Cell c Cell d
代码如下:
<table border>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
<tr>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
</table>
正如你所见,第一个格行包含格子a格子b;第二个格行包含格子c和格d.格行总是水平延伸的.那么各个子的的内容呢?在这个例子中,就"格子a"和"格子b"?原来它们是被夹在<td>和</td>标签中.
为了看见表格,我给表格标签加上边.这只不过是把边界加上了.你还以通过附加数字--例如<table border=5>--来规定边界的宽度.
"列间隔"和"行间隔"
你可以还在一个行中作一个格而另一个行中作两个格.就象:
Cell a
Cell c Cell d
要完成这一步,你得使用列间隔修改令.只需对<td>加上列间隔=2.
<table border>
<tr>
<td colspan=2>Cell a</td>
</tr>
<tr>
<td>Cell c</td>
<td>Cell d</td>
</tr>
</table>
也可以这样做:
Cell a Cell b
Cell c
只需在<td>加上行间隔=2,就象这样:
<table border>
<tr>
<td rowspan=2>Cell a</td>
<td>Cell b</td>
</tr>
<tr>
<td>Cell c/td>
</tr>
</table>
待续
编辑:广州网络公司