表格

表格

 

• 为什么使用表格

  • 简单通用

  • 结构稳定

• 基本结构

  • 单元格

  • 行

  • 列

   

  <!--表格table
  行  tr
  列  td
  -->
  ​
  <table border="1px">
  ​
      <tr>
          <td>1-1</td>
          <td>1-2</td>
      </tr>
  ​
      <tr>
          <td>2-1</td>
          <td>2-2</td>
      </tr>
  ​
  </table>

   

  

  • 跨列

   

  <!--
  注意：跨行和跨列都是在td后面操作的
  -->
  ​
  <tr>
          <td colspan="3">1-1</td>
  </tr>

   

  

   

   

   

  • 跨行

     

    ​
        <tr>
            <td rowspan="2">2-1</td>
            <td>2-2</td>
            <td>2-2</td>
        </tr>
    ​
        <tr>
            <td>3-1</td>
            <td>3-2</td>
        </tr>
    ​