黑马程序员-<table>标签
2014-04-07 14:52
246 查看
---------------------- <a href="http://www.itheima.com"target="blank">ASP.Net+Unity开发</a>、<a href="http://www.itheima.com"target="blank">.Net培训</a>、期待与您交流!
---------------------
组成:
1、标题标签:<caption>直接写在<table>下面,用于给表格提供标题。
2、表头标签:<th>一般对表格的第一行或第一列进行格式化(就是居中+加粗),要写在<tr>标签下面。
3、行标签:<tr>
4、单元格标签:<td>
列如:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202007/03/b01a740ca94a2aa4e19ad1082da88b65)
Cellspaceing=”10”
显示效果:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202007/03/200aea1353aab8c62cc8adc097574b1a)
Cellspaceing=”0”
显示效果:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202007/03/5c0314451af218aa195349a45f21e435)
现在想要实现这样一个页面,怎样做呢?
![](https://oscdn.geek-share.com/Uploads/Images/Content/202007/03/2d985f57576c2ac45fd047b3f63e537e)
若要实现这样呢?
![](https://oscdn.geek-share.com/Uploads/Images/Content/202007/03/99c00dd60e8b4922c229cc249baba73e)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202007/03/b7f82d81e2683100566437b0ef4a3e2d)
<tbody></tbody>存在的目的:
如果表格非常大,我们在浏览网页时,如果网速很慢,就会很久才能看到这个表格,因为它会读完<table></table>才会显示,如果往<table>底下加上</tbody>,则读完一个<tbody></tbody>就会显示,也就是说整个表格会一部分一部分显示。
----------------------
<a href="http://www.itheima.com"target="blank">ASP.Net+Unity开发</a>、<a href="http://www.itheima.com"target="blank">.Net培训</a>、期待与您交流! ---------------------
---------------------
组成:
1、标题标签:<caption>直接写在<table>下面,用于给表格提供标题。
2、表头标签:<th>一般对表格的第一行或第一列进行格式化(就是居中+加粗),要写在<tr>标签下面。
3、行标签:<tr>
4、单元格标签:<td>
列如:
Cellspaceing=”10”
显示效果:
Cellspaceing=”0”
显示效果:
现在想要实现这样一个页面,怎样做呢?
<table border="1" bordercolor="#0000ff" cellpadding="10" cellspacing="0"> <tr> <th colspan="2">个人信息</th> </tr> <th>张三</th> <th>23</th> <tr> </tr> </table>
若要实现这样呢?
<table border="1" bordercolor="#0000ff" cellpadding="10" cellspacing="0"> <tr> <th rowspan="2">个人信息</th> <th>张三</th> </tr> <th>23</th> <tr> </tr> </table>
<tbody></tbody>存在的目的:
如果表格非常大,我们在浏览网页时,如果网速很慢,就会很久才能看到这个表格,因为它会读完<table></table>才会显示,如果往<table>底下加上</tbody>,则读完一个<tbody></tbody>就会显示,也就是说整个表格会一部分一部分显示。
----------------------
<a href="http://www.itheima.com"target="blank">ASP.Net+Unity开发</a>、<a href="http://www.itheima.com"target="blank">.Net培训</a>、期待与您交流! ---------------------
相关文章推荐
- 备战黑马程序员-html(<map>、<img>、列表标签)
- 实现<table>标签的动态新增和后台接受<table>标签的方法
- 黑马程序员-超链接标签<a>
- 动态生成table下的<tr>标签不显示
- 页面中有<tbody>标签,自以为是更好的规范<table>标签的
- Html表格<table>还是需要添加一些标签进行优化,可以添加标题<caption>和摘要<table summary>
- 黑马程序员-html之框架标签<frameSet>,画中画标签<iframe>
- struts2的form等表单布局问题,去掉其自动生成的<table><tr><td>标签
- 【基础】Html常用标签:表格<table></table>
- HTML <table> 标签
- 【HTML】关于表格<Table>属下的冷门标签
- <table>表格标签
- <table>标签
- <table>标签
- 黑马程序员-<select>标签以及<label>标签的使用
- ECSIDE标签之<ec:table>标签的属性说明与使用
- 总结HTML <table> 标签的 cellspacing cellpadding 属性
- jquery通过<a>标签删除table中的一行
- HTML <table> 标签的 frame 属性
- <table>标签的结构和合并单元格的方法