php老师 发表于 2014-11-28 17:07:24

09 html当中的单元格与行的合并

本节课继续为大家讲解有关表格的知识。

如何在htm文档中创建表格。

表格是用 <table>标签来定义的。

表格里面有好多的行。这些行,用<tr> 标签定义,

每行又有好多单元格,我们用由 <td> 标签定义。(td是table date的缩写,也就是数据单元格的意思)。

在这些表格里面,可以用来包含:文本、段落,列表、表格、图片、水平线等等。详细内容

大家还是看教程吧!

我们来看这个代码:
<table border="1px" width="300px">
<tr>
<td height="150">1111</td>
<td>2222</td>
<td>3333</td>
<td rowspan="2">4444d</td>

</tr>
<!--第二个行-->
<tr>

<td height="20">a</td>
<td>b</td>
<td>c</td>
</tr>

里面的这个是<td rowspan="2">4444d</td>

这里就表示把改行内容和第二行的下面的单元格合并。

好我们现在来看这个代码:

<table border="1px" width="300px">
<tr>
<td height="150" colspan="2">11112222</td>
<td>3333</td>
<td rowspan="2">4444d</td>

</tr>
<!--第二个行-->
<tr>

<td height="20">a</td>
<td>b</td>
<td>c</td>
</tr>





</table>
这个代码:
<td height="150" colspan="2">11112222</td>可以这样先记住下 如果是 colspan="2"表示的就是和左右合并,rowspan就是竖着来合并完整代码如下:
<table border="1px" width="300px">
<tr>
<td height="150" colspan="2">11112222</td>
<td>3333</td>
<td rowspan="2">4444d</td>

</tr>
<!--第二个行-->
<tr>

<td height="20">a</td>
<td>b</td>
<td>c</td>
</tr>





</table>


页: [1]
查看完整版本: 09 html当中的单元格与行的合并