Html学习（4）-表格标签

表格标签组成：标题标签：

<caption>

,给表格提供标题。表头标签：

<th>

,一般对表格的第一行或者第一列进行格式化，就是粗体显示。行标签：

<tr>

单元格标签:

<td>

，加在行标签里面。在行中加入单元格。

[code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://HdhCmsTestw3.org/TR/html4/strict.dtd">

<html >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>table</title>
        <meta name="author" content="sync" />

    </head>

    <body>

        <table border="1" bordercolor="#0000EE" cellpadding="10" cellspacing="0" width="500">

            <!-- 表格头 -->
            <thead></thead>

            <!-- 表格的下一级标签是tbody，不定义也存在 -->
            <tbody>
                <tr>
                    <th rowspan="2">个人信息</th>
                    <td>张三</td>
                </tr>
                <tr>
                    <td>30</td>
                </tr>
            </tbody>
        </table>

        <hr>

        <table border="1" bordercolor="#0000EE" cellpadding="10" cellspacing="0" width="500">
            <tr>
                <th colspan="2">个人信息</th>
            </tr>
            <tr>
                <td>张三</td>

                <td>30</td>
            </tr>

            <!-- 表格尾 -->
            <tfoot></tfoot>
        </table>

        <hr />

        <table border="1" bordercolor="#0000EE" cellpadding="10" cellspacing="0" width="500">
            <caption>表格标题</caption>
            <tr>
                <th>姓名：</th>
                <th>年龄: </th>
            </tr>
            <tr>
                <td>张三</td>
                <td>39</td>
            </tr>
        </table>

    </body>
</html>

以上就是Html学习（4）- 表格标签的内容，更多相关内容请关注PHP中文网（HdhCmsTestgxlcms测试数据）！

查看更多关于Html学习（4）-表格标签的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did101189

更新时间：2022-11-03 阅读：44次