html表格的语法及使用.

🍒1.什么是表格？表格的作用？

什么是表格？
表格由 < table > 标签来定义。每个表格均有若干行（由 < tr > 标签定义），每行被分割为若干单元格（由 < td >标签定义）。字母 < td > 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

表格的作用：是用来显示数据，俗话说字不如表，表不如图。

🍑2.基本语法:

表格基本语法：

<table>//表示表格
        <tr>//行
            <td>第一行第一列</td>//列
            <td>第一行第二列</td>
        </tr>
    </table>

🍉3.怎么使用表格？

简单的使用表格：

<!--首先建立一个表格<table>   border代表表格的边界-->
<table border="1">
    <tr>
        <td>第一行第一列</td>
        <td>第一行第二列</td>
    </tr>
    <tr>
        <td>第二行第一列</td>
        <td>第二行第二列</td>
    </tr>
    <tr>
        <td>第三行第一列</td>
        <td>第三行第二列</td>
    </tr>
</table>

效果如下：
下面增加一些属性:

<table border="1">
    <tr>
        <td>第一行第一列</td>
        <td>第一行第二列</td>
    </tr>
    <tr>
        <!--rowspan---》跨的行数-->
        <td>第二行第一列</td>
        <td rowspan="2">第二行第二列</td>
    </tr>
    <tr>
        <td>第三行第一列</td>
    </tr>
    <tr>
        <!--  colspan----》跨的列数，text-align-----》字体居中   -->
        <td colspan="2" style="text-align: center">第四行第一列</td>

    </tr>
</table>

效果如下：

这里讲解的是colspan和rowspan的用法.

🍐3.表格的属性:

表格属性的介绍：

表格	描述
< table >	定义表格
< caption >	定义表格标题
< th >	定义表格的表头
< tr >	定义表格的行
< td >	定义表格单元
< thead >	定义表格的页眉
< tbody >	定义表格表身，也就是表格的主体内容。
< tfoot >	定义表格表尾，也就是表格的结尾。

🍋最后🍋

总结不易，希望小宝们不要嫌弃哦!😀