当前位置： 首页 > news >正文

HTML标签——表格标签

news 文章来源：https://blog.csdn.net/weixin_46411355/article/details/129256167 2025/2/1 22:48:45

HTML标签——表格标签

目录

  • HTML标签——表格标签
  • 一、表格标题和表头单元格标签
    • 场景：
    • 注意点：
    • 案例实操
    • 小结
  • 二、表格的结构标签
    • 场景：
    • 注意点：
    • 案例实操：
  • 三、合并单元格
    • 思路
      • 场景：
    • 代码实现

一、表格标题和表头单元格标签

场景：

在表格中表示整体大标题和一列小标题

其他标签：
在这里插入图片描述

注意点：

• caption标签书写在table标签内部
• th标签书写在tr标签内部（用于替换td标签）

案例实操

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><table border="1"><caption><strong>学生成绩单<strong></caption><tr><th>姓名</th><th>成绩</th><th>评语</th></tr><tr><td>张三</td><td>100分</td><td>真棒，第一名</td></tr><tr><td>李四</td><td>99分</td><td>真棒，第二名</td></tr><tr><td>总结</td><td>郎才女貌</td><td>真棒，相亲成功</td></tr></table></body>
</html>

在这里插入图片描述

小结

在这里插入图片描述

二、表格的结构标签

场景：

让表格的内容结构分组，突出表格的不同部分（头部、主体、底部），使语义更加清晰
结构标签：
在这里插入图片描述

注意点：

• 表格结构标签内部用于包裹tr标签
• 表格的结构标签可以省略
在这里插入图片描述

案例实操：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><table border="1"><caption><strong>学生成绩单<strong></caption><thead><tr><th>姓名</th><th>成绩</th><th>评语</th></tr></thead><tbody><tr><td>张三</td><td>100分</td><td>真棒，第一名</td></tr><tr><td>李四</td><td>99分</td><td>真棒，第二名</td></tr></tbody><tfoot><tr><td>总结</td><td>郎才女貌</td><td>真棒，相亲成功</td></tr></tfoot></table></body>
</html>

三、合并单元格

思路

场景：

将水平或垂直多个单元格合并成一个单元格
在这里插入图片描述

代码实现

在这里插入图片描述

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><table border="1"><caption><strong>学生成绩单<strong></caption><thead><tr><th>姓名</th><th>成绩</th><th>评语</th></tr></thead><tbody><tr><td>张三</td><td rowspan="2">100分</td><td>真棒，第一名</td></tr><tr><td>李四</td><td>真棒，第二名</td></tr></tbody><tfoot><tr><td>总结</td><td colspan="2">郎才女貌</td></tr></tfoot></table></body>
</html>

在这里插入图片描述

在这里插入图片描述

相关文章：

HTML标签——表格标签

HTML标签——表格标签 目录HTML标签——表格标签一、表格标题和表头单元格标签场景&#xff1a;注意点&#xff1a;案例实操小结二、表格的结构标签场景&#xff1a;注意点&#xff1a;案例实操&#xff1a;三、合并单元格思路场景&#xff1a;代码实现一、表格标题和表头单元格…...

编程日记 2023/2/28 14:36:12

Telerik JustMock 2023 R1 Crack

Telerik JustMock 2023 R1 Crack 制作单元测试的最快、最灵活和模拟选项。 Telerik JustLock也很简单&#xff0c;可以使用一个模拟工具来帮助您更快地生成更好的单元测试。JustLock使您更容易创建对象并建立对依赖关系的期望&#xff0c;例如&#xff0c;互联网服务需求、数据…...

编程日记 2023/2/28 14:35:04

筑基八层 —— 问题思考分析并解决

目录 零&#xff1a;移步 一.修炼必备 二.问题思考&#xff08;先思考&#xff09; 三.问题解答 零&#xff1a;移步 CSDN由于我的排版不怎么好看&#xff0c;我的有道云笔记相当的美观&#xff0c;请移步有道云笔记 一.修炼必备 1.入门必备&#xff1a;VS2019社区版&#x…...

编程日记 2023/2/28 14:33:57

【面试题】当面试官问 Vue2与Vue3的区别，你该怎么回答？

大厂面试题分享 面试题库后端面试题库 &#xff08;面试必备&#xff09; 推荐&#xff1a;★★★★★地址&#xff1a;前端面试题库被问到 《vue2 与 vue3 的区别》应该怎么回答Vue 内部根据功能可以被分为三个大的模块&#xff1a;响应性 reactivite、运行时 runtime、编辑器…...

编程日记 2023/2/28 14:32:51

使用Python对excel中的数据进行处理

一、读取excel中的数据首先引入pandas库&#xff0c;没有的话使用控制台安装 —— pip install pandas 。import pandas as pd #引入pandas库&#xff0c;别名为pd#read_excel用于读取excel中的数据&#xff0c;这里只列举常用的两个参数&#xff08;文件所在路径&#xff…...

编程日记 2023/2/28 14:31:45

TCP协议原理三

文章目录七、延时应答八、捎带应答九、面向字节流粘包问题十、TCP异常情况总结七、延时应答 如果说滑动窗口的关键是让窗口大一些&#xff0c;传输速度就快一些。那么延时应答就是在接收方能够处理的前提下&#xff0c;尽可能把ack返回的窗口大小尽可能大一些。 如果在接受数据…...

编程日记 2023/2/28 14:30:38

mac在命令行里获取root权限

1、为什么要获取root权限&#xff1f; 答&#xff1a;一些命令在正常状态下没有权限会报错&#xff0c;只有获取了root权限才能正常操作。 比如我们想修改一些系统的文件&#xff1a; vim /etc/shells 1 修改后保存&#xff0c;发现没权限&#xff0c;报错了。如下图&#xf…...

编程日记 2023/2/28 14:29:26

文献阅读 Improving Seismic Data Resolution with Deep Generative Networks

题目 Improving Seismic Data Resolution with Deep Generative Networks 使用深度生成网络提高地震数据分辨率 摘要 叠前数据的使用&#xff0c;通常可以来解决噪声迹线、覆盖间隙或不规则/不适当的迹线间距等问题。但叠前数据并不总是可用的。作为替代方案&#xff0c;叠后…...

编程日记 2023/2/28 14:28:16

mysql数据库之子查询练习

1、查询员工的姓名、年龄、职位、部门信息&#xff08;隐式内连接&#xff09;。 #emp、dept #连接条件&#xff1a;emp.dept_iddept.id select e.name,e.age,e.job,d.name from emp e&#xff0c;dept d where e.dept_idd.id; 2、查询年龄小于30岁的员工姓名、年龄、职位、部…...

编程日记 2023/2/28 14:27:05

西电计算机通信与网络（计网）简答题计算题核心考点汇总（期末真题+核心考点）

文章目录前言一、简答计算题真题概览二、网桥&#xff0c;交换机和路由器三、ARQ协议四、曼彻斯特编码和差分曼彻斯特编码五、CRC六、ARP协议七、LAN相关协议计算前言 主要针对西安电子科技大学《计算机通信与网络》的核心考点进行汇总&#xff0c;包含总共26章的核心简答。 【…...

编程日记 2023/2/28 14:25:59

【博学谷学习记录】超强总结，用心分享丨人工智能 Python基础 个人学习总结之列表排序

目录前言简述list.sort()语法返回值实例无参参数key参数reversesorted()语法返回值实例无参参数key参数reverseoperator.itemgetter功能简述实例List.sort与sored区别sorted原理&#xff1a;Timsort算法扩展list原理数据结构心得前言 经过一周的学习&#xff0c;对Python基础部…...

编程日记 2023/2/28 14:24:54

深度讲解React Props

一、props的介绍 当React遇到的元素是用户自定义的组件&#xff0c;它会将JSX属性作为单个对象传递给该组件&#xff0c;这个对象称之为“props”。 函数声明的组件&#xff0c;会接受一个props形参&#xff0c;获取属性传递的参数 function ComponentA(props) { return <…...

编程日记 2023/2/28 14:23:46

WebRTC现状以及多人视频通话分析

1.WebRTC 概述WebRTC&#xff08;网页实时通信技术&#xff09;是一系列为了建立端到端文本或者随机数据的规范&#xff0c;标准&#xff0c;API和概念的统称。这些对等端通常是由两个浏览器组成&#xff0c;但是WebRTC也可以被用于在客户端和服务器之间建立通信连接&#xff0…...

编程日记 2023/2/28 14:22:32

【Windows】Windows下wget的安装与环境变量配置

1 wget安装 GNU Wget常用于使用命令行下载网络资源&#xff08;包括但不限于文件、网页等&#xff09;。 GNU Wget官网&#xff1a;GNU Wget GNU Wget for Windows&#xff1a;GNU Wget for Windows 安装时首先下载主安装包&#xff1a;Complete package, except sources&…...

编程日记 2023/2/28 14:21:23

密码学基础概念

把一段原始数据通过某种算法处理成另外一种数据&#xff08;原始数据为明文&#xff0c;处理后的数据为密文&#xff09;。明文->密文&#xff1a;称之为加密。密文->明文&#xff1a;称之为解密。 在加密过程中我们需要知道下面的这些概念&#xff1a; 1&#xff09;明文…...

编程日记 2023/2/28 14:20:12

科技巨头争相入局，卫星通信领域将迎来怎样的发展？

近年来&#xff0c;全球卫星通信产业进入了一个高速发展的阶段 与卫星通信相关的新技术和新应用不断出现&#xff0c;成为了媒体报道的热点&#xff0c;也引起了公众的广泛关注。 尤其是刚刚过去的2022年&#xff0c;华为和苹果公司分别发布了搭载卫星通信技术的手机&#xf…...

编程日记 2023/2/28 14:19:05

银行软件测试面试题目总结，希望可以帮到你

目录 一、根据题目要求写出具体LINUX操作命令 二、JMETER题目 三、根据题目要求写出具体SQL语句 总结感谢每一个认真阅读我文章的人&#xff01;&#xff01;&#xff01; 重点&#xff1a;配套学习资料和视频教学 一、根据题目要求写出具体LINUX操作命令 1、分别写出一种…...

编程日记 2023/2/28 14:17:54

MySQL数据定义

系列文章目录前言创建数据库删除数据库修改数据库修改表结构修改表中列修改表中约束创建表删除表前言 创建数据库 创建数据库CREATE DATABASE 数据库名 使用数据库use 数据库名; MySQL数据库如何建表 删除数据库 删除数据库语句DROP DATABASE 数据库名 这条语句会删除数据…...

编程日记 2023/2/28 14:16:49

跨设备文件传输工具横评

文章目录对比QQ微信SnapDropLocalSendIntelUnisonLANDropTailscaleAirDroidSendAnywhere参考文献对比 传输速度测试条件大致相同&#xff0c;文件大小约为 100 MB 工具优点缺点传输速度备注QQ支持断点续传不要求同一局域网需要安装1.81 MB/s微信方便需要安装不支持大文件传完还…...

编程日记 2023/2/28 14:15:44

Oracle通过SQL找出ID不连续的位置

文章目录1 前言2 SQL3 结语1 前言 工作中要求我找到 ID 不连续的地方, 然后拿这个 ID , 给数据库里面 INSERT 一条数据. 比如: ID备注… 省略连续的部分232425就是想找到这里断开的地方, 下一个可以 INSERT 的 ID 就是 2674915751157512075122… 省略连续的部分 2 SQL 假设数据…...

编程日记 2023/2/28 14:14:39

学习一个Java项目

你想学习一个项目&#xff0c;一行一行去看代码 效率很低&#xff0c;看了就忘了 理清学习的思路 项目分为两部分&#xff1a;业务和代码 一、如何熟悉业务 1、看项目的文档&#xff08;需求概要文档、设计文档&#xff09; 2、同事/前辈言传身教 3、自己动手使用功能 …...

编程日记 2023/2/28 14:13:33

《数据库系统概论》学习笔记——第三章 关系数据库标准语言SQL

教材为数据库系统概论第五版&#xff08;王珊&#xff09; 最重量级的一章。从后续的学习&#xff0c;基本所有实验&#xff0c;大作业和考试都会涉及SQL&#xff0c;SQL实际上是有很多变化的&#xff0c;书上讲的只是最基本的&#xff08;做了大作业才知道SQL能有这么多变化&a…...

编程日记 2023/2/28 14:12:25

linux shell 入门学习笔记17 mysql脚本开发

开发mysql监控脚本 需要了解的命令&#xff1a; ss命令展示 xiao123xiao123:~/Downloads/shscripts$ ss -tunlp Netid State Recv-Q Send-Q Local Address:Port Peer Address:Port Process udp UNCONN 0 0 …...

编程日记 2023/2/28 14:11:14

产品新说 | 指标的异常检测怎么做，能更好配合业务变化（二）

前言&#xff1a;上期分享我们提到了指标异常检测实践要素中的三个方面&#xff1a;以面对业务变动为前提&#xff0c;确定业务波动是周期性还是非周期性&#xff0c;进而选对算法&#xff1b;通过确认业务的常规指标&#xff0c;确定异常方向进行监测&#xff08;上基带 / 下基…...

编程日记 2023/2/28 14:10:07

华为OD机试题，用 Java 解【最短耗时】问题

最近更新的博客 华为OD机试题，用 Java 解【停车场车辆统计】问题华为OD机试题，用 Java 解【字符串变换最小字符串】问题华为OD机试题，用 Java 解【计算最大乘积】问题华为OD机试题，用 Java 解【DNA 序列】问题华为OD机试 - 组成最大数（Java） | 机试题算法思路 【2023】使…...

编程日记 2023/2/28 14:09:01

mysql数据库常见面试题

慢查询排查优化 排查 slow_query_log设置为on&#xff0c;就会记录慢查询sql&#xff1b;long_query_time可以设置慢查询sql的阈值时间&#xff1b;slow_query_log_file表示记录慢查询sql的日志路径。即我们可以通过打开记录慢查询的开关&#xff0c;设置慢查询的时间阈值&…...

编程日记 2023/2/28 14:07:50

【Android源码面试宝典】MMKV从使用到原理分析（一）

去年，我们写过一篇文章，对于android原生提供的key-value存储API SharePreference，进行了从使用到原理的深入分析，同时对其中存在的ANR问题、存取慢等问题，进行了深入的探索、总结。但是之前的文章，我们仅仅指出了问题，没有给大家提供解决方案，也就是说，SharePreferenc…...

编程日记 2023/2/28 14:06:46

你真的懂动态库吗？一文详解动态库的方方面

这里写目录标题创建动态库创建静态库动态库与静态库的区别动态链接与静态链接的区别动态库的加载过程dll的创建以及应用程序隐式链接到dll的过程dll的创建以及应用程序显示链接到dll的过程动态库的二进制兼容性创建动态库 1.【新建】-》【项目】-》【动态链接库】 新建的动态…...

编程日记 2023/2/28 14:05:40

I.MX6ULL内核开发12：使用设备树插件实现RGB灯驱动

目录 一、引言 二、设备树插件格式 三、实验说明 四、实验准备 4.1 通过内核工具编译设备树插件 五、实验效果 5.1 uboot加载 5.2 加载RGB驱动 一、引言 Linux4.4以后引入了动态设备树&#xff08;Dynamic DevicesTree&#xff09;&#xff0c;这里翻译位“设备树插件…...

编程日记 2023/2/28 14:04:32

大家一起来找茬，新手第一次layout到底能挑出多少毛病？

有一个新手工程师在论坛上发了一篇帖子&#xff0c;把自己的处女PCB布线图贴出来。 如果不看其他网友的评论&#xff0c;你能看出多少问题呢&#xff1f;可以在留言区和我们互动哦~ 帖子里他还提出了自己的小见解&#xff1a;问一下&#xff0c;我觉得自动布线挺好用的啊&#…...

编程日记 2023/2/28 14:03:26

哪个公司做网站好 知乎/如何提高百度搜索排名

为什么80%的码农都做不了架构师&#xff1f;>>> 日期&#xff1a;2012-4-10 来源&#xff1a;GBin1.com CSS3在web开发技术中绝对是超棒的&#xff01;随着梯度&#xff0c;阴影&#xff0c;文字阴影和边界半径属性的添加&#xff0c;我们现在还可以使用简单的HTM…...

编程日记 2025/2/1 20:29:03

怎么在日本做乐天网站供货商/微商引流一般用什么软件

在if 不满足条件时直接return掉&#xff0c;就不用写else了&#xff0c;这样可以减少if的深度对于你的例子了&#xff0c;如下&#xff1a;if (!tokenCheck.equals(token)) {obj.setStatus();obj.setMsg();return obj;}if (!isContinue) {obj.setStatus();obj.setMsg();return …...

编程日记 2025/2/1 16:48:34

千博医院网站模板/如何建立电商平台

WINDOWS 2008 2012 1016等&#xff0c;桌面默认没有我的电脑&#xff0c;文档&#xff0c;网络等图标&#xff0c;操作时候&#xff0c;就不方便&#xff0c;以下提供几种方法。方法一&#xff1a;本地输入运行如果是在Windows Server 2012本地控制台下&#xff0c;直接按Win(键…...

编程日记 2025/2/1 14:02:25

东莞网站建设设计公司/搜索引擎排名2020

前言 pyquery库是jQuery的Python实现&#xff0c;能够以jQuery的语法来操作解析 HTML 文档&#xff0c;易用性和解析速度都很好&#xff0c;和它差不多的还有BeautifulSoup&#xff0c;都是用来解析的。相比BeautifulSoup完美翔实的文档&#xff0c;虽然PyQuery库的文档弱爆了…...

编程日记 2025/2/1 12:29:55

做甜品网站/百度智能小程序怎么优化排名

↓ 扫码报名时间&#xff5c;11月7日19:00-21:00地点&#xff5c;中2-1200大教室西安交通大学第一届器乐社团展示交流会西安交通大学第一届器乐社团展示交流会将于11月7日(周六)19:00-21:00在中2-1200教室举行&#xff0c;蒲公英吉他社、民乐团、交响乐团、电声乐团、尘音陶笛社…...

编程日记 2025/2/1 10:34:46

怎么看一个网站是用什么代码做的/合肥seo搜索优化

那些让你痛苦的&#xff0c;终将让你成长 此文写于2019年3月23日&#xff0c;晚上 前言 前段时间晋级答辩完之后发了个朋友圈&#xff1a; 再一次经历人生大考&#xff0c;表面镇定&#xff0c;其实慌得一B&#xff0c;过段时间写篇文章记录下&#xff0c;主题已经想好了 – 2…...

编程日记 2025/2/1 10:26:30