JAVAWEB HTML 标签 表格table - Go语言中文社区

JAVAWEB HTML 标签 表格table


表格语法:

table 表格;tr 行标签;th 表头标签(就多一个加粗,一般第一行使用);td 单元格标签。

<table 【border="1" width="500" height="200" align="center" cellspacing="0"】>  <!--生成了一个3*3表格-->
    <tr>
        <th 【colspan="2"】 > 表头内容 </th> <!--colspan 从此单元格起,行方向向右合并单元格,共占2个单元格宽度-->
    删除<th 【align="center"】>内容</th><!--前面设置colspan属性后,此单元格会被吞并,需要删除此行,否则表格会溢出-->
        <th>内容</th>
       
    </tr>
    <tr>
        <td 【rowspan="2"】>内容</td><!--rowspan 从此单元格起,列方向向下合并单元格,共占2个单元格宽度-->
        <td 【colspan="2" rowspan="2"】>内容</td><!--从此单元格起,行方向向右合并2个单元格,列方向向下合并2个单元格,共占4个单元格宽度-->
    删除 <td>内容</td><!--第二行第二列设置同时设置colspan和rowspan属性后,此单元格会被吞并,需要删除此行,否则表格会溢出-->
    </tr>
    <tr> 
   删除 <td rowspan="2">好啊</td> <!--第二行设置rowspan属性后,此单元格会被吞并,需要删除此行,否则表格会溢出-->
   删除 <td>1.1</td> <!--第二行第二列设置同时设置colspan和rowspan属性后,此单元格会被吞并,需要删除此行,否则表格会溢出-->
   删除 <td>1.1</td> <td>干死她</td> 
</table>

属性说明:

(1)table标签属性

border属性:设置表格边框,单位像素     表格默认无边框

width、height属性:设置表格的长和宽 单位像素

align属性:设置表格文本对齐(和word一样),center是居中

cellspacing属性:单元格间距,单位像素,通常设置为没有间距 

(2)td标签属性

align属性:设置单元格文本对齐(和word一样),center是居中

colspan属性(行方向 合并单元格): 从此单元格起,行方向向右合并单元格,合并多少个单元格,值就取多少。

rowspan属性(列方向 合并单元格): 从此单元格起,列方向向下合并单元格,合并多少个单元格,值就取多少。

版权声明:本文来源CSDN,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/chengqingshihuishui/article/details/108308375
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。
  • 发表于 2021-04-11 13:11:32
  • 阅读 ( 592 )
  • 分类:前端

0 条评论

请先 登录 后评论

官方社群

GO教程

猜你喜欢