html表格的學習

標籤：lsp   color   lock   line   學習   單元   表格   nbsp   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表格的學習