当前位置:首页 > 行业动态 > 正文

如何在html页面中添加表格

在HTML页面中添加表格,可以使用<table>标签,以下是一个简单的示例:

1、创建一个HTML文件,table_example.html。

2、使用以下代码在文件中添加一个表格:

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF8">
    <title>表格示例</title>
</head>
<body>
    <!在这里添加表格 >
    <table border="1">
        <!表头 >
        <thead>
            <tr>
                <th>姓名</th>
                <th>年龄</th>
                <th>性别</th>
            </tr>
        </thead>
        <!表格内容 >
        <tbody>
            <tr>
                <td>张三</td>
                <td>25</td>
                <td>男</td>
            </tr>
            <tr>
                <td>李四</td>
                <td>30</td>
                <td>女</td>
            </tr>
            <tr>
                <td>王五</td>
                <td>28</td>
                <td>男</td>
            </tr>
        </tbody>
    </table>
</body>
</html>

在这个示例中,我们使用了以下HTML标签:

<table>:用于创建表格。

<thead>:用于定义表格的表头。

<tr>:用于定义表格的行。

<th>:用于定义表头的单元格,通常,表头单元格会加粗显示。

<td>:用于定义表格的数据单元格。

0