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]