码迷,mamicode.com
首页 > Web开发 > 详细

html表格的学习

时间:2017-07-18 10:02:41      阅读:196      评论:0      收藏:0      [点我收藏+]

标签: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表格的学习

标签:lsp   color   lock   line   学习   单元   表格   nbsp   html   

原文地址:http://www.cnblogs.com/zhangisqiang/p/7198632.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!