零基础HTML入门教程(15)——合并单元格

本章目录

1.任务目标

我们上小节学习了表格，以及他的基本使用，那我们这一小节学习一下，合并单元格，并熟练使用。

2.合并单元格

合并单元格时，合并行使用：colspan=“2”；合并列使用：rowspan=“2” （这里的 ‘2’ 表明合并两个单元格）

3.代码如下

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    
    <table border="1">
           <caption><b>学生成绩单b>caption>
        
        <thead>
            
            <th>姓名th>
            <th>性别th>
            <th>成绩th>
            <tr>
        thead>
        
        <tbody>
            <td>张三td>
            <td>男td>
            <td rowspan="2">56td>
            

            tr>
            <tr>
                <td>李四td>
               <td>女td>
                

            tr>
            <tr>
                <td>赵五td>
                <td colspan="2">男td>
               
            tr>
        tbody>
        
        <tfoot>
            <tr>
                <td>总结td>
                <td>成绩很满意都考得不错td>
            tr>
        tfoot>
    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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

效果如下
在这里插入图片描述

4.小节

我们可以看到，表格合并了，为什么要学习表格合并那，因为我们再平时做表格的时候合并表格可以是他更容易看清内容使内容清晰，我们熟练掌握合并标签。

相关阅读:
Go语言函数进阶：值传递、引用传递、函数式编程
【C++入门到精通】哈希 (STL) _ unordered_map _ unordered_set [ C++入门 ]
Asp.net core Web Api 配置swagger中文
字符集 - java案例分析
MapReduce、hive、hadoop的一些笔记
数据仓库基础
【C语言基础】结构体中内嵌联合体|联合体中内嵌结构体
[附源码]计算机毕业设计人体健康管理appSpringboot程序
Web渗透_SQL注入1
爬虫基础—多线程和多进程的基本原理

原文地址：https://blog.csdn.net/weixin_61808806/article/details/128207561