表格

表格

  • 为什么使用表格

    • 简单通用

    • 结构稳定

  • 基本结构

    • 单元格

    • 行

    • 列

    • 跨行

    • 跨列

 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>表格学习</title>
</head>
<body>

<!--表格table
行 tr
列 td
-->
<table border="1px">
  <tr>
    <!--colspan:跨列-->
    <td colspan="4">1-1</td>

  </tr>
  <tr>
    <!--rowspan 跨行-->
    <td rowspan="2">2-1</td>
    <td>2-2</td>
    <td>2-3</td>
    <td>2-4</td>
  </tr>
  <tr>
    <td>3-1</td>
    <td>3-2</td>
    <td>3-3</td>

  </tr>
</table>

</body>
</html>

 

posted @ 2022-02-28 23:14  少时凌云志  阅读(17)  评论(0)    收藏  举报