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

html如何拉表格

admin
行业动态
2024-04-03
1

HTML中创建表格的基本语法如下：

<table>
  <tr>
    <th>表头1</th>
    <th>表头2</th>
    <th>表头3</th>
  </tr>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
    <td>单元格3</td>
  </tr>
  <tr>
    <td>单元格4</td>
    <td>单元格5</td>
    <td>单元格6</td>
  </tr>
</table>

<table>标签用于创建一个表格，<tr>标签用于创建表格的行，<th>标签用于创建表头单元格，<td>标签用于创建表格的数据单元格。

下面是一个更详细的示例，包括小标题和单元表格：

<!DOCTYPE html>
<html>
<head>
  <title>HTML表格示例</title>
</head>
<body>
  <h1>学生信息表</h1>
  <table border="1">
    <thead>
      <tr>
        <th>学号</th>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>001</td>
        <td>张三</td>
        <td>18</td>
        <td>男</td>
      </tr>
      <tr>
        <td>002</td>
        <td>李四</td>
        <td>19</td>
        <td>女</td>
      </tr>
      <tr>
        <td>003</td>
        <td>王五</td>
        <td>20</td>
        <td>男</td>
      </tr>
    </tbody>
  </table>
</body>
</html>