Html学习（4）- 表格标签-html教程-PHP中文网

Html学习（4）- 表格标签

黄舟

发布： 2016-12-29 15:32:34

原创

1417人浏览过

表格标签

组成：

标题标签：

<caption>

登录后复制

,给表格提供标题。

表头标签：

<th>

登录后复制

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

行标签：

<tr>

登录后复制

单元格标签:

<td>

登录后复制

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

飞书多维表格

表格形态的AI工作流搭建工具，支持批量化的AI创作与分析任务，接入DeepSeek R1满血版

查看详情

立即学习“前端免费学习笔记（深入）”；

[code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.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>

登录后复制