如何用html创建表格

admin
行业动态
2024-04-06
3602

要用HTML创建表格，可以使用<table>标签，以下是一个简单的示例：

<!DOCTYPE html>
<html>
<head>
  <title>HTML表格示例</title>
</head>
<body>
<h1>简单表格</h1>
<table border="1">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>城市</th>
  </tr>
  <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>
</table>
<h1>单元表格</h1>
<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>

在这个示例中，我们使用了<table>标签来创建一个表格。<tr>标签表示表格的行，<th>标签表示表头单元格，<td>标签表示普通单元格，我们还使用了border="1"属性来为表格添加边框。