HTML标签——表格标签
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标签——表格标签一、表格标题和表头单元格标签场景：注意点：案例实操小结二、表格的结构标签场景：注意点：案例实操：三、合并单元格思路场景：代码实现一、表格标题和表头单元格…...
Telerik JustMock 2023 R1 Crack
Telerik JustMock 2023 R1 Crack 制作单元测试的最快、最灵活和模拟选项。 Telerik JustLock也很简单，可以使用一个模拟工具来帮助您更快地生成更好的单元测试。JustLock使您更容易创建对象并建立对依赖关系的期望，例如，互联网服务需求、数据…...
筑基八层 —— 问题思考分析并解决
目录 零：移步 一.修炼必备 二.问题思考（先思考） 三.问题解答 零：移步 CSDN由于我的排版不怎么好看，我的有道云笔记相当的美观，请移步有道云笔记 一.修炼必备 1.入门必备：VS2019社区版&#x…...
【面试题】当面试官问 Vue2与Vue3的区别，你该怎么回答？
大厂面试题分享 面试题库后端面试题库 （面试必备） 推荐：★★★★★地址：前端面试题库被问到 《vue2 与 vue3 的区别》应该怎么回答Vue 内部根据功能可以被分为三个大的模块：响应性 reactivite、运行时 runtime、编辑器…...
使用Python对excel中的数据进行处理
一、读取excel中的数据首先引入pandas库，没有的话使用控制台安装 —— pip install pandas 。import pandas as pd #引入pandas库，别名为pd#read_excel用于读取excel中的数据，这里只列举常用的两个参数（文件所在路径ÿ…...
TCP协议原理三
文章目录七、延时应答八、捎带应答九、面向字节流粘包问题十、TCP异常情况总结七、延时应答 如果说滑动窗口的关键是让窗口大一些，传输速度就快一些。那么延时应答就是在接收方能够处理的前提下，尽可能把ack返回的窗口大小尽可能大一些。 如果在接受数据…...
mac在命令行里获取root权限
1、为什么要获取root权限？ 答：一些命令在正常状态下没有权限会报错，只有获取了root权限才能正常操作。 比如我们想修改一些系统的文件： vim /etc/shells 1 修改后保存，发现没权限，报错了。如下图…...
文献阅读 Improving Seismic Data Resolution with Deep Generative Networks
题目 Improving Seismic Data Resolution with Deep Generative Networks 使用深度生成网络提高地震数据分辨率 摘要 叠前数据的使用，通常可以来解决噪声迹线、覆盖间隙或不规则/不适当的迹线间距等问题。但叠前数据并不总是可用的。作为替代方案，叠后…...
mysql数据库之子查询练习
1、查询员工的姓名、年龄、职位、部门信息（隐式内连接）。 #emp、dept #连接条件：emp.dept_iddept.id select e.name,e.age,e.job,d.name from emp e，dept d where e.dept_idd.id; 2、查询年龄小于30岁的员工姓名、年龄、职位、部…...
西电计算机通信与网络（计网）简答题计算题核心考点汇总（期末真题+核心考点）
文章目录前言一、简答计算题真题概览二、网桥，交换机和路由器三、ARQ协议四、曼彻斯特编码和差分曼彻斯特编码五、CRC六、ARP协议七、LAN相关协议计算前言 主要针对西安电子科技大学《计算机通信与网络》的核心考点进行汇总，包含总共26章的核心简答。 【…...
【博学谷学习记录】超强总结，用心分享丨人工智能 Python基础 个人学习总结之列表排序
目录前言简述list.sort()语法返回值实例无参参数key参数reversesorted()语法返回值实例无参参数key参数reverseoperator.itemgetter功能简述实例List.sort与sored区别sorted原理：Timsort算法扩展list原理数据结构心得前言 经过一周的学习，对Python基础部…...
深度讲解React Props
一、props的介绍 当React遇到的元素是用户自定义的组件，它会将JSX属性作为单个对象传递给该组件，这个对象称之为“props”。 函数声明的组件，会接受一个props形参，获取属性传递的参数 function ComponentA(props) { return <…...
WebRTC现状以及多人视频通话分析
1.WebRTC 概述WebRTC（网页实时通信技术）是一系列为了建立端到端文本或者随机数据的规范，标准，API和概念的统称。这些对等端通常是由两个浏览器组成，但是WebRTC也可以被用于在客户端和服务器之间建立通信连接࿰…...
【Windows】Windows下wget的安装与环境变量配置
1 wget安装 GNU Wget常用于使用命令行下载网络资源（包括但不限于文件、网页等）。 GNU Wget官网：GNU Wget GNU Wget for Windows：GNU Wget for Windows 安装时首先下载主安装包：Complete package, except sources&…...
密码学基础概念
把一段原始数据通过某种算法处理成另外一种数据（原始数据为明文，处理后的数据为密文）。明文->密文：称之为加密。密文->明文：称之为解密。 在加密过程中我们需要知道下面的这些概念： 1）明文…...
科技巨头争相入局，卫星通信领域将迎来怎样的发展？
近年来，全球卫星通信产业进入了一个高速发展的阶段 与卫星通信相关的新技术和新应用不断出现，成为了媒体报道的热点，也引起了公众的广泛关注。 尤其是刚刚过去的2022年，华为和苹果公司分别发布了搭载卫星通信技术的手机…...
银行软件测试面试题目总结，希望可以帮到你
目录 一、根据题目要求写出具体LINUX操作命令 二、JMETER题目 三、根据题目要求写出具体SQL语句 总结感谢每一个认真阅读我文章的人！！！ 重点：配套学习资料和视频教学 一、根据题目要求写出具体LINUX操作命令 1、分别写出一种…...
MySQL数据定义
系列文章目录前言创建数据库删除数据库修改数据库修改表结构修改表中列修改表中约束创建表删除表前言 创建数据库 创建数据库CREATE DATABASE 数据库名 使用数据库use 数据库名; MySQL数据库如何建表 删除数据库 删除数据库语句DROP DATABASE 数据库名 这条语句会删除数据…...
跨设备文件传输工具横评
文章目录对比QQ微信SnapDropLocalSendIntelUnisonLANDropTailscaleAirDroidSendAnywhere参考文献对比 传输速度测试条件大致相同，文件大小约为 100 MB 工具优点缺点传输速度备注QQ支持断点续传不要求同一局域网需要安装1.81 MB/s微信方便需要安装不支持大文件传完还…...
Oracle通过SQL找出ID不连续的位置
文章目录1 前言2 SQL3 结语1 前言 工作中要求我找到 ID 不连续的地方, 然后拿这个 ID , 给数据库里面 INSERT 一条数据. 比如: ID备注… 省略连续的部分232425就是想找到这里断开的地方, 下一个可以 INSERT 的 ID 就是 2674915751157512075122… 省略连续的部分 2 SQL 假设数据…...
学习一个Java项目
你想学习一个项目，一行一行去看代码 效率很低，看了就忘了 理清学习的思路 项目分为两部分：业务和代码 一、如何熟悉业务 1、看项目的文档（需求概要文档、设计文档） 2、同事/前辈言传身教 3、自己动手使用功能 …...
《数据库系统概论》学习笔记——第三章 关系数据库标准语言SQL
教材为数据库系统概论第五版（王珊） 最重量级的一章。从后续的学习，基本所有实验，大作业和考试都会涉及SQL，SQL实际上是有很多变化的，书上讲的只是最基本的（做了大作业才知道SQL能有这么多变化&a…...
linux shell 入门学习笔记17 mysql脚本开发
开发mysql监控脚本 需要了解的命令： ss命令展示 xiao123xiao123:~/Downloads/shscripts$ ss -tunlp Netid State Recv-Q Send-Q Local Address:Port Peer Address:Port Process udp UNCONN 0 0 …...
产品新说 | 指标的异常检测怎么做，能更好配合业务变化（二）
前言：上期分享我们提到了指标异常检测实践要素中的三个方面：以面对业务变动为前提，确定业务波动是周期性还是非周期性，进而选对算法；通过确认业务的常规指标，确定异常方向进行监测（上基带 / 下基…...
华为OD机试题，用 Java 解【最短耗时】问题
最近更新的博客 华为OD机试题，用 Java 解【停车场车辆统计】问题华为OD机试题，用 Java 解【字符串变换最小字符串】问题华为OD机试题，用 Java 解【计算最大乘积】问题华为OD机试题，用 Java 解【DNA 序列】问题华为OD机试 - 组成最大数（Java） | 机试题算法思路 【2023】使…...
mysql数据库常见面试题
慢查询排查优化 排查 slow_query_log设置为on，就会记录慢查询sql；long_query_time可以设置慢查询sql的阈值时间；slow_query_log_file表示记录慢查询sql的日志路径。即我们可以通过打开记录慢查询的开关，设置慢查询的时间阈值&…...
【Android源码面试宝典】MMKV从使用到原理分析（一）
去年，我们写过一篇文章，对于android原生提供的key-value存储API SharePreference，进行了从使用到原理的深入分析，同时对其中存在的ANR问题、存取慢等问题，进行了深入的探索、总结。但是之前的文章，我们仅仅指出了问题，没有给大家提供解决方案，也就是说，SharePreferenc…...
你真的懂动态库吗？一文详解动态库的方方面
这里写目录标题创建动态库创建静态库动态库与静态库的区别动态链接与静态链接的区别动态库的加载过程dll的创建以及应用程序隐式链接到dll的过程dll的创建以及应用程序显示链接到dll的过程动态库的二进制兼容性创建动态库 1.【新建】-》【项目】-》【动态链接库】 新建的动态…...
I.MX6ULL内核开发12：使用设备树插件实现RGB灯驱动
目录 一、引言 二、设备树插件格式 三、实验说明 四、实验准备 4.1 通过内核工具编译设备树插件 五、实验效果 5.1 uboot加载 5.2 加载RGB驱动 一、引言 Linux4.4以后引入了动态设备树（Dynamic DevicesTree），这里翻译位“设备树插件…...
大家一起来找茬，新手第一次layout到底能挑出多少毛病？
有一个新手工程师在论坛上发了一篇帖子，把自己的处女PCB布线图贴出来。 如果不看其他网友的评论，你能看出多少问题呢？可以在留言区和我们互动哦~ 帖子里他还提出了自己的小见解：问一下，我觉得自动布线挺好用的啊&#…...
网站主体证件/免费b2b平台推广
《PHP实例：php中getservbyport与getservbyname函数用法实例》要点：本文介绍了PHP实例：php中getservbyport与getservbyname函数用法实例，希望对您有用。如果有疑问，可以联系我们。代码如下:string getservbyport ( int …...
网站网页直播怎么做的/吸引人的软文标题例子
实训任务02：Hadoop基础操作 班级 学号 姓名 实训1:创建测试文件上传HDFS,并显示内容 需求说明： 在本地计算机上创建测试文件helloHadoop.txt,输入任意3行记录。将helloHadoop.txt上传到HDFS目录/user/root/filetest/下…...
wordpress图像描述/如何优化搜索引擎的准确性
理解AdamW 我们先弄清楚什么是weight decay 其实是在损失函数求导后，放在正则项前面的系数，比如L2正则，我们看一下weight decay的位置 我们可以认为λ就是weightdecayminwL2(w)minwf(w)λ2n∑i1nwi2L2′(w)f′(w)λn∑i1nwi我们可以认为…...
湖南建设资质申请网站/谷歌下载官方正版
让我们通过使用TypeScript来构建一个简单的Web应用程序来入门吧 安装 TypeScript 获取TypeScript主要有两种方法： 通过npm （Node.js包管理器）通过安装Visual Studio TypeScript插件Visual Studio 2017和VIsual Studio 2015 Update 3 默认包含…...
企业门户网站用户类型/深圳网站建设方案
前言 AutoreleasePool自己主动释放池，对于自己主动释放对象的作用怎样？ 释放池中的自己主动释放对象什么时候会被释放？ MRC环境下 场景1 NSString *string_var_ nil; - (void)viewDidLoad {[super viewDidLoad];NSString *string [NSStrin…...
网页网站导读怎么做/seo文章代写平台
有些资料讲如果要支持目录必须使用iiswriter,或者其他软件，其实通过简单对iis配置，再利用urlwriter就可以完美解决url重写的问题可以将http://abc.domain.com/blog转向到http://www.domain.com/xxx.aspx?usernameabc当然首先要将主机的泛域名支持打开。…...