首页 > 代码库 > html表格的学习

html表格的学习

学习目标:掌握表格基本结构,熟练使用跨行、跨列。

 表格得优点:简单通用,结构稳定。

基本结构 

行,列 ,单元格。

<table border="0"> //表格标签

   <tr> //行标签

   <td> </td>//单元格标签(列)
   <td> </td>

   <td> </td>

   <th></th> //字体加粗

   </tr> 

  </table>

 

表格的跨列

 

<tr> 

 

   <td colspan="2"> </td>//所跨的单元格为2
   <td> </td>

   <td> </td>

   </tr> 

  </table>


表格得跨行 

 

<tr> //行标签

   <td rowspan="2"> </td>//所跨的行为2
   <td> </td>

   <td> </td>

   </tr> 

  </table>

 

表格的跨行和跨列

<tr> 

   <td colspan="3"> </td>
   <td rowspan="2"> </td>

   <td> </td>

</tr> 

  </table>

 

html表格的学习