189 8069 5689

html里table有什么用-创新互联

这篇文章主要介绍html里table有什么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

网站的建设创新互联公司专注网站定制,经验丰富,不做模板,主营网站定制开发.小程序定制开发,H5页面制作!给你焕然一新的设计体验!已为电动窗帘等企业提供专业服务。

                              HTML中的table标签是用来定义表格的,它与一个或者多个tr,th,td元素共同构成html表格,在table表格里可以给它设置边框以及间距等

在HTML中可以通过table标签用于定义html表格,接下来在文章中将为大家具体介绍table标签,具有一定的参考作用希望对大家有所帮助。

html里table有什么用

简单的HTML表格是由table标签以及一个或者多个tr,th,td元素组成。

table标签

table标签可以定义简单的表格,它主要是用来控制表格的外边框的,它拥有margin属性主要是设置表格的外边距。border属性用于设置表格的边框以及cellspacing属性用于规定单元格之间的空白

tr部分:


tr是主要用来来分割表格中有几行,一般只需要用来设定heigth


td部分:


td是用来控制每个单元格的属性,可是分别控制每个单元格的上下左右边框,其中也包含padding属性。


th部分:


th的用法与td的用法相同,只是它是用来区分表头的。


注意:在表格中国使用百分比和使用像素为单位是相同的


例:

创新互联
教程 教程地址
php教程 http://www.php.cn
html教程 http://www.php.cn

表格的跨行与跨列处理

我们也可以通过设置单元格的 colspan 属性使其跨列合并,也可以设置单元格的rowspan 属性使其跨行合并,如下所示

单元格跨两列

 
        php教程
        http://www.php.cn
          
   
   
        html教程
        http://www.php.cn
            
    
     
        css教程
        http://www.php.cn    
   

单元格跨两行

 
        教程
        教程地址
   

边框设置

在默认情况下 table 是没有边框的,只有为 table标签设置 border 属性后才会显示边框,但这种边框因为有间距所以看上去是比较难看的,因此我们可以通过collapse属性来去除边框间距

例:

以上是“html里table有什么用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前标题:html里table有什么用-创新互联
文章转载:http://cdxtjz.cn/article/ejiho.html

其他资讯