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

02-HTML表格

时间:2020-01-18 10:25:31      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:表格   cap   nbsp   add   加载   family   单元   font   html表格   

1、带标题、表头的表格:"<td></td>"

<table>

<caption> /*表格的标题,居中显示*/ </caption>

<tr> <th> /*表头,内容居中,加粗显示 */ </th></tr>

<tr><td></td></tr>

</table>

 

2、带结构的表格:当表格很长的时候,加载时能按照结构块展示,而不用整个表格加载下来。

<table>

<thead><tr><th>表头</th></tr></thead>

<tbody> <tr><td>主体</td></tr> </tbody>

<tfoot> <tr><td>脚注</td></tr> </tfoot>

</table>

 

3、<td colspan="3">跨列属性值,该单元格向右打通,把所占的列删除

 

4、 <td rowspan="2">跨行属性值,该单元格向下打通 , 把所占的行删除

 

5、表格嵌套:表格嵌套要完整的表格,而且只能嵌套在<td>里面

 

6、其他属性:

cellpadding(单元格边距:内容到内容边框的距离)

cellspacing(单元格间距:内容边框到表格边框的距离)

技术图片

02-HTML表格

标签:表格   cap   nbsp   add   加载   family   单元   font   html表格   

原文地址:https://www.cnblogs.com/mingliangge/p/12207544.html

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