表格标签

最新推荐文章于 2024-07-15 11:41:19 发布

冰块儿+奶茶

最新推荐文章于 2024-07-15 11:41:19 发布

阅读量323

点赞数

分类专栏： # html JavaWeb

本文链接：https://blog.csdn.net/weixin_42463611/article/details/104815651

版权

html 同时被 2 个专栏收录

10 篇文章 1 订阅

订阅专栏

JavaWeb

10 篇文章 0 订阅

订阅专栏

需求1：做一个带代表头的，三行，三列的表格，并显示边框
需求2：修改表格的宽度，高度，表格的对齐方式，单元格间距。

     table标签是表格标签
        border 设置表格边框
        width  设置表格宽度
        height 设置表格高度
        align 设置表格相对于页面对齐方式
        cellspacing 设置单元格间距

      tr 是行标签
      th 是表头标签
      td 是单元格标签
        align 设置单元格文本对齐方式

      b 是加粗标签

      colspan 属性设置跨列
      rowspan 属性设置跨行

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格标签</title>
</head>
<body>
    <!-- 需求1：做一个带代表头的 ，三行，三列的表格，并显示边框
         需求2：修改表格的宽度，高度，表格的对齐方式，单元格间距。

         table标签是表格标签
            border 设置表格边框
            width  设置表格宽度
            height 设置表格高度
            align 设置表格相对于页面对齐方式
            cellspacing 设置单元格间距

          tr 是行标签
          th 是表头标签
          td 是单元格标签
            align 设置单元格文本对齐方式

          b 是加粗标签

          colspan 属性设置跨列
          rowspan 属性设置跨行
    -->

<table border="1" align="center" width="500" height="500" cellspacing="0">
    <tr>
        <th colspan="2">1.1</th>
        <th>1.3</th>
        <th>1.4</th>
        <th>1.5</th>
    </tr>
    <tr>
        <td rowspan="2">2.1</td>
        <td>2.2</td>
        <td>2.3</td>
        <td>2.4</td>
        <td>2.5</td>
    </tr>
    <tr>
        <td>3.2</td>
        <td>3.3</td>
        <td>3.4</td>
        <td>3.5</td>
    </tr>
    <tr>
        <td>4.1</td>
        <td>4.2</td>
        <td>4.3</td>
        <td rowspan="2" colspan="2">4.4</td>
    </tr>
    <tr>
        <td>5.3</td>
        <td>5.4</td>
        <td>5.5</td>
    </tr>
</table>
</body>
</html>