如何在html中制作表格

admin
行业动态
2024-04-08
3076

在HTML中制作表格可以使用<table>标签，下面是一个简单的示例，展示了如何在HTML中创建一个包含小标题和单元表格的表格：

<!DOCTYPE html>
<html>
<head>
    <title>表格示例</title>
    <style>
        /* 样式表 */
        table {
            bordercollapse: collapse; /* 合并边框 */
            width: 100%; /* 表格宽度 */
        }
        th, td {
            border: 1px solid black; /* 单元格边框 */
            padding: 8px; /* 单元格内边距 */
            textalign: left; /* 文本对齐方式 */
        }
        th {
            backgroundcolor: #f2f2f2; /* 表头背景颜色 */
        }
    </style>
</head>
<body>
    <h1>学生信息表</h1>
    <table>
        <thead>
            <tr>
                <th>姓名</th>
                <th>年龄</th>
                <th>性别</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>张三</td>
                <td>18</td>
                <td>男</td>
            </tr>
            <tr>
                <td>李四</td>
                <td>20</td>
                <td>女</td>
            </tr>
            <tr>
                <td>王五</td>
                <td>22</td>
                <td>男</td>
            </tr>
        </tbody>
    </table>
</body>
</html>

在上面的示例中，我们使用了<table>标签来创建整个表格。<thead>标签用于定义表头部分，其中包含了小标题。<tbody>标签用于定义表格的主体部分，其中包含了具体的单元表格数据，每个单元格使用<td>标签表示，而表头则使用`<th