8、表格标签

一、为什么使用表格

简单通用
结构稳定

二、基本结构

（一）单元格

（二）行

行的英语是rows所以，行就用tr表示

（三）列

使用td表示

（四）跨行

（五）跨列

表格标签就是table标签，其中border属性是添加边框

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

<table border="1px">
    <tr>
        
        <td colspan="4">1-1td>
    tr>
    <tr>
        <td rowspan="2">2-1td>
        <td>2-2td>
        <td>2-3td>
        <td>2-4td>
    tr>
    <tr>
        <td>3-1td>
        <td>3-2td>
        <td>3-3td>
        
    tr>
table>
body>
html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

示例

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试title>
head>
<body>
<table border="1px">
  <tr>
      <td colspan="3">学生成绩td>
  tr>
  <tr>
      <td rowspan="2">张老师td>
      <td>数学td>
      <td>93分td>
  tr>
  <tr>
      <td>语文td>
      <td>90分td>
  tr>
  <tr>
      <td rowspan="2">王老师td>
      <td>美术td>
      <td>95分td>
  tr>
  <tr>
      <td>书法td>
      <td>97分td>
  tr>
table>
body>
html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

相关阅读:
【开发篇】二十、SpringBoot整合RocketMQ
二叉树是否对称
分布式websocket搭建方案
three.js 字体精简处理
Linux的基本管理
微服务框架 SpringCloud微服务架构 6 Nacos 配置管理 6.3 配置热更新
优思学院｜简单而强大的5W1H提问法
Flask博客实战 - 实现个人中心及权限管理
交易系统：资金账户与交易账户的规划
长安区块链：服务器时间不一致导致调用合约失败

原文地址：https://blog.csdn.net/nytcjsjboss/article/details/133459222