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

相关阅读:
初识OpenGL (-)VAO&VBO
LeetCode 官方强推的算法笔记，是有什么与众不同的魅力？
软件设计师第4题
【828. 统计子串中的唯一字符】
这些JS题面试时一定要答对！
【云原生 · Kubernetes】部署高可用kube-scheduler集群
liunx指令
yarn安装详细教程说明、升级教程、修改yarn的全局和缓存目录、yarn基本命令
嵌入式实时操作系统的设计与开发（调度策略学习）
泓博医药开启申购：预计上市时市值约31亿元，高瓴资本为其股东

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