展开
拓展 关闭
订阅号推广码
GitHub
视频
公告栏 关闭

表格table标签

表格的基本结构
  由⼀⾏或者多⾏的单元格数据组成
在HTML中表示方式
  table:HTML 表格
  tr:元素定义表格⾏
  th:数据中的表头单元格
  td:表示单元格
table元素⾥常⽤的属性
  border(边框)
  cellspacing(规定单元格之间的空⽩)
  cellpadding(规定单元边沿与其内容之间的空⽩)
  colspan(⽤于合并列)
  rowspan(⽤于合并⾏)
  • 代码案例
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <table border="1" cellspacing="10px" cellpadding="10px">
    <tr>
      <th>姓名</th>
      <th colspan="2">性别</th>
      <!-- <th>年龄</th> -->
    </tr>
    <tr>
      <td>张三</td>
      <td>男</td>
      <td rowspan="2">18</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>女</td>
      <!-- <td>18</td> -->
    </tr>
  </table>
</body>

</html>
posted @ 2022-08-29 22:52  DogLeftover  阅读(14)  评论(0编辑  收藏  举报