html中的table详解

普通表格，简单的HTML表格由table元素以及tr、td和th元素组成，其中tr是指表格行，td是指单元格，th定义表头。空单元格就直接不填即可，或者用 nbsp;。

 table  th 表头 /th  th 表头 /th  th 表头 /th  /tr  td 单元格1 /td  td /td  td 单元格3 /td  /tr  /table 

2.带有边框的表格。border元素表示表格的边框,默认单位是px，cellspcing表示表格与表格之间的间距，cellpadding表示内边距/内填充的距离。

 table border= 1 cellspacing= 10 cellpadding= 30  th 表头 /th  th 表头 /th  th 表头 /th  /tr  td 单元格1 /td  td 单元格2 /td  td 单元格3 /td  /tr  /table 

3.带有背景图片或颜色的表格，注意：bgcolor表示颜色，而background不能直接在html里面添加颜色(这句话说错了，是使用的方式错误，直接使用内联样式书写的格式是 >

 table border= 1  th 表头 /th  th 表头 /th  th 表头 /th  /tr  td 单元格1 /td  td 单元格2 /td  td 单元格3 /td  /tr  /table 

4、跨行和跨列的表格，rowspan表示跨行，colspan表示跨列，跨列的话就在当前表格行内删除，跨行的话就在下方的表格行内删除。

 table border= 1  caption 跨行 /caption  th 姓名 /th  td Bill Gates /td  /tr  th rowspan= 2 电话 /th  td 555 77 854 /td  /tr  td 555 77 855 /td  /tr  /table 

 table border= 1  caption 跨列 /caption  th 姓名 /th  th colspan= 2 电话 /th  /tr  td Bill Gates /td  td 555 77 854 /td  td 555 77 855 /td  /tr  /table 

5.带有标题的表格，caption表示表格的标题，也可以用其他标签比如p标签来定位表格标题，但使用caption的好处是他会跟着表格一起走，默认是在和表格居中对齐。

6.在表格单元中排列内容，比如在单元格中添加段落，列表等。

 table border= 1  p 这是一个段落，hello World！ /p  /td  li 这是一个列表 li html /li  li css /li  li javascript /li  /ul  /li  /ul  /td  /tr  /table 

7.frame框架属性，规定外侧边框的哪个部分是可见的。//暂时不会使用。

相关推荐：

HTML页面table滚动条的实现

ElTableColumn扩展方法详解

关于SQL ALTER TABLE 语句的相关操作

以上就是html中的table详解的详细内容，html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。