html表格标签的学习，什么是html的表格标签

关于每篇博文的浪漫主义

【#VLOG 秋天去西湖看日落吧l一个人也自由浪漫l逛公园l吃饭l散步l治愈的日常】 https://www.bilibili.com/video/BV1Je4y1e7mC/?share_source=copy_web&vd_source=385ba0043075be7c24c4aeb4aaa73352

#VLOG 秋天去西湖看日落吧l一个人也自由浪漫l逛公园l吃饭l散步l治愈的日常

嗯。。。。。。，看的我想去杭州啦。。

加油，熬过，那些无人问津的日子，终将某一天会到达我们想去的地方的。无论带着何种目的。

通过本博文的学习我们可以学到以下知识点

表格标签

1.1 表格的主要作用

下面就是一个日常表格所该有的样子。

1.2 表格的基本语法

基本代码如下：

实现的效果如下：

1.3 表头单元格标签

• <th></th>,英文名: table head

1.4 表格的属性

• align,表格相对周围元素的对齐方式
• border，规定表格是否有边框
• cellpadding，单元格边缘与其内容之间的空白
• cellspacing，规定单元格之间的空白
• width，规定表格的宽度

我们经过上面的学习，我们来合理运用一下吧。

部分代码如下：

运行实例效果图：

1.5表格的结构标签

• thead
• tbody
  

1.6 合并单元格

1.6.1 合并方式

1.6.2 目标单元格

1.6.3 方法

合并单元格三步曲:

1. 先确定是跨行还是跨列合并。
2. 找到目标单元格.写上合并方式=合并的单元格数量。比如:<tdcolspan= “2” ></td>。
3. 删除多余的单元格。

    <table width="500"  height="250"  border="1" cellspacing="0">
        <tr>
            <td></td>
            <td colspan="2" style="background-color:aqua ;"></td>
            <!-- 跨列合并 -->
            <!-- 多余的删除 -->
            <!-- <td></td> -->
        </tr>
        <tr>
            <!-- 跨行合并 -->
            <td rowspan="2" style="background-color:rgb(100, 107, 107)"></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <!-- 多余的删除掉 -->
            <!-- <td></td> -->
        </tr>
    </table>