HTML 表格相关属性

最新推荐文章于 2024-07-25 11:26:35 发布

唯手熟尔⁡

最新推荐文章于 2024-07-25 11:26:35 发布

阅读量248

点赞数 1

分类专栏： html 文章标签： html css html5

本文链接：https://blog.csdn.net/it_hxc/article/details/120612600

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

作用：显示数据

表格组成
<table width="value" height="value" border="value">
      <tr>
            <td></td>
            <td></td>
     </tr>
</table>

注：一个tr表示一行;一个td表示一列(一个单元格)

<th></th>表格的列标题

*数据表格的相关属性
1）width="表格的宽度"
2）height="表格的高度"
3）border="表格的边框"
4）bgcolor="表格的背景色"
5）bordercolor="表格的边框颜色"
6）cellspacing="单元格与单元格之间的间距"
7）cellpadding="单元格与内容之间的空隙"
8）水平对齐方式：align="left左对齐/center居中/right右对齐";

9) 垂直对齐方式：valign="top顶对齐/middle居中/bottom底对齐/baseline(基线);
10)合并单元格属性：
colspan=“所要合并的单元格的列数"合并列;

rowspan=“所要合并单元格的行数”合并行;

代码展示

<body>
    <table cellspacing="0" border="1" width="250" >
        <tr bordercolor="red" >
            <!-- colspan="2" 合并列 -->
            <td width="100" colspan="2">1</td>
            <!-- rowspan="3" 合并行 -->
            <td rowspan="3" >3</td>
        </tr>
        <tr align="center">
            <td>1</td>
            <td width="100" height="100">2</td>
        </tr><tr>
            <td bgcolor="red">1</td>
            <td>2</td>
        </tr>
    </table>
</body>

唯手熟尔⁡

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
HTML 表格相关属性

作用：显示数据表格组成<table width="value" height="value" border="value"><tr><td></td><td></td></tr></table>注：一个tr表示一行;一个td表示一列(一个单元格)<th></th>表格的列标题*数据表格的相关属...
复制链接

扫一扫

专栏目录