html表格

  • 为什么使用表格
    • 简单通用
    • 结构稳定
  • 基本结构
    • 单元格
    • 行
    • 列
    • 跨行
    • 跨列
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格学习</title>
</head>
<body>
<!--表格table
行tr
列td
broder表格边框属性
-->                                                               
<table border="1">
  <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-2</td>
    <td>3-3</td>
    <td>3-4</td>
  </tr>

</table>
</body>
</html>

 

posted @ 2023-03-31 08:29  爱的加勒比  阅读(12)  评论(0)    收藏  举报