HTML--表格

Posted layuechuquwan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML--表格相关的知识,希望对你有一定的参考价值。

表格是由<table></table>标签来定义的,

<tr></tr>标签来定义行,

<td></td>标签来定义列

<table border="1px">
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

<table>标签

其中border="1"指代表格边框的大小单位px

height=""设置表格的高度

width=""设置表格的宽度

cellspacing=""单元格之间的间距    当cell spacing=“0px”时就会成一条线。

cell padding=“”单元的内容与单元格的间距

 

 

 

<td> 标签的两个属性;

1.rowspan: 行合并    如rowspan=“2”合并两行  合并完成,记得把剩下的td删除

2.collspan:列合并   如collsopan="2"合并两列  同理

注意;

表的特性,改变一个单元格 的大小,缩小或者扩大,整体面积不变,只有单元格变化,就像氧气瓶的氧气,用都少,气体体积不变。改变的单元格的同一行的高是一样的,同一列的宽十一样的。

 

以上是关于HTML--表格的主要内容,如果未能解决你的问题,请参考以下文章

如何使子表单行项目在 zoho creator 片段页面的 HTML 表格中仅出现一次?

如何在html的表格中加入边框线

怎么用CSS设置html中的表格边框样式

Laravel:如何在控制器的几种方法中重用代码片段

使用字符串(不是HTML)以表格格式显示对象数组。

片段内的表格布局