table标签

table 下面的标签必须包含在table标签内
caption：表格的标题
thead：表格的表头
tfoot：表格的页脚
tbody：表格的主体内容

tr：表格的行
th：表格内的表头/表尾单元格

td：表格中的标准单元格
file

<!DOCTYPE html>
<html>

    <head>
        <title>表格</title>
    </head>
    <body>
        <table border="1">
            <caption>表格的名字</caption>
            <thead>
            <tr>
                <th>表头1</th>
                <th>表头2</th>
                <th>表头3</th>
            </tr>
            </thead>
            <tfoot>
                <tr>
                    <th>表尾1</th>
                    <th>表尾2</th>
                    <th>表尾3</th>
                </tr>
            </tfoot>
            <tbody>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
            </tr>
            </tbody>
        </table>
    </body>
</html>

带图片的表格

file

只需要用到之前提到过的img标签

<!DOCTYPE html>
<html>
    <head>
        <title>水果</title>
    </head>

    <body>
        <h3>水果表</h3>
        <table border="1">
            <caption>水果</caption>
            <tbody>
                <tr>
                    <td>苹果</td>
                    <td>바나나</td>
                    <td>망고</td>
                </tr>
                <tr>
                    <td><img src="media/apple.jpeg"></td>
                    <td><img src="media/banana.jpg"></td>
                    <td><img src="media/mango.jpg"></td>
                </tr>
            </tbody>

            <tfoot>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
            </tfoot>

        </table>

    </body>
</html>

HTML 表格table标签