HTML5常用标签表格

04-08、表格标签table

概述

表格:是一种行和列组合而成的单元格。一般应用于后台网页设计管理数据使用。

表格的架构部分:

  • table
  • table head 表格头 thead
  • table body - 表格体 tbody
  • table foot -表格的页脚 tfoot

表格的基本组成部分:

  • table row - tr 表格中的行
  • table data cell - td 表格中的单元格
  • table header cell -th 表格中的头部的单元格

表格的基本语法:

<!--table表格标签-->
<table border="1px"><!--tr 行标签--><tr><!--td 单元格标签--><td>第1个单元格的内容</td><td>第2个单元格的内容</td>……</tr><tr><td>第1个单元格的内容</td><td>第2个单元格的内容</td>……</tr>
</table>

代码

简单表格:

<!--table表格标签-->
<table border="1px"><!--tr 行标签--><tr><!--td 单元格标签--><td>第1个单元格的内容</td><td>第2个单元格的内容</td>……</tr><tr><td>第1个单元格的内容</td><td>第2个单元格的内容</td>……</tr>
</table>

表格完整分类

demo15.html

<!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>表格table</title><style>*{margin: 0;padding: 0;}body{margin: 100px;}table{width: 100%;border-collapse:collapse;margin: 20px 0;}table thead th,table tbody td{text-align: left;padding:10px;border:1px solid #ccc} .thead th,.tbody td{text-align: left;padding:10px;border:1px solid #ccc} </style>
</head>
<body><!--简单表格--><table ><tr class="thead"><th>ID</th><th>姓名</th><th>年龄</th><th>操作</th></tr><tr class="tbody"><td>1</td><td>飞哥</td><td>35</td><td>编辑</td></tr><tr class="tbody"><td>2</td><td>狂神</td><td>25</td><td>编辑</td></tr></table><hr><!--完整表格--><table ><thead><tr><th>ID</th><th>姓名</th><th>年龄</th><th>操作</th></tr></thead><tbody><tr><td>1</td><td>飞哥</td><td>35</td><td>编辑</td></tr><tr><td>2</td><td>狂神</td><td>25</td><td>编辑</td></tr></tbody><tfoot><tr><td colspan="10">总共:2个用户</td></tr></tfoot></table></body>
</html>
  • table > thead > td > th 默认是加粗 + 居中
  • table > tbody> td > td 默认是不加粗 + 居左

合并单元格 - 合并行—>rowspan

demo16.html

<!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>表格table</title><style>*{margin: 0;padding: 0;}body{margin: 100px;}table{width: 100%;border-collapse:collapse;margin: 20px 0;}table thead th,table tbody td,table tfoot td{text-align: left;padding:10px;border:1px solid #ccc} </style>
</head>
<body><!--完整表格--><table ><thead><tr><th>ID</th><th>姓名</th><th>年龄</th><th>总年龄</th><th>操作</th></tr></thead><tbody><tr><td rowspan="2">1</td><td>飞哥</td><td>35</td><td rowspan="2">60</td><td>编辑</td></tr><tr><td>狂神</td><td>25</td><td>编辑</td></tr></tbody><tfoot><tr><td colspan="5" >总共:2个用户</td></tr></tfoot></table></body>
</html>

合并单元格 - 合并列—>colspan

    <!--合并单元格的问题 -- 合并列--><div><h3>合并单元格的问题 -- 合并列</h3><table border="1" width="100%"><thead><tr><th>ID</th><th>用户姓名</th><th>年龄</th><th>操作</th></tr></thead><tbody><tr><td>1</td><td>狂神</td><td>20</td><td><a href="#">编辑</a><a href="#">移除</a></td></tr><tr><td>1</td><td>飞哥</td><td>35</td><td><a href="#">编辑</a><a href="#">移除</a></td></tr></tbody><tfoot><tr><td colspan="4">总计:2人 性别男:2个 性别女:0个 平均年龄:30</td></tr></tfoot></table></div>

表格的跨行和跨列

<!--文档类型:主要定义页面支持的标签类型,以及后续每个标签的命名,特征和行为-->
<!DOCTYPE html>
<!--整个页面的根元素-->
<html>
<!--页面的头部:主要用来设置浏览器解析页面时候的编码,头信息,页面描述、关键字,css样式列表引入和js引入,响应式规则等--><head><!--告诉浏览器解析网页的内容使用utf-8进行编码--><meta charset="utf-8"><!--响应式规则--><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!--设置关键字和描述--><meta name="keywords" content="KuangStudy,KuangStudy文章,KuangStudy博客,KuangStudy论坛,KuangStudy学习,学相伴"><meta name="description" content="KuangStudy是一个致力于为每个想学习知识的人提供一个少走弯路的平台,包含优质体系课程、文章博客、专栏书写、技术论坛、资源下载等产品服务,提供有用、优质、完整内容的自学交流社区."><!--设置图标--><link rel="shortcut icon" href="https://www.baidu.com/favicon.ico" type="image/x-icon"><!--给浏览器的标签上显示标题,也可以作为网页收藏的文字--><title>表格分组-学相伴</title>
</head><body><!---完整的表格 --><div><h3>完整的表格</h3><table border="1" width="100%"><colgroup><col width="200px" align="center" /><col /><col /><col /><col width="100px" /></colgroup><thead><tr><th>ID</th><th>用户姓名</th><th>年龄</th><th>地址</th><th>操作</th></tr></thead><tbody><tr><td>1</td><td>狂神</td><td>20</td><td>重庆</td><td><a href="#">编辑</a><a href="#">移除</a></td></tr><tr><td>1</td><td>飞哥</td><td>35</td><td>湖南</td><td><a href="#">编辑</a><a href="#">移除</a></td></tr></tbody><tfoot><tr><td colspan="5">分页</td></tr></tfoot></table></div></body></html>

表格和表单组合

<!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>Document</title>
</head><body><!--table表格标签--><table border="1" width="100%"><tr><td>标题</td><td>年龄</td><td>操作</td></tr><tr><td><input type='text' /></td><td><input type='text' /></td><td><button>编辑</button><button>删除</button></td></tr></table>
</body>
</html>

固定表格列的宽度

<!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>Document</title>
</head><body><!--table表格标签--><table border="1" width="100%"><tr><td align="center" width="200px">标题</td><td>年龄</td><td>操作</td></tr><tr><td align="center" width="200px"><input type='text' /></td><td><input type='text' /></td><td><button>编辑</button><button>删除</button></td></tr></table>
</body></html>

colgroup统一设置列的宽度和对齐方式

<!--文档类型:主要定义页面支持的标签类型,以及后续每个标签的命名,特征和行为-->
<!DOCTYPE html>
<!--整个页面的根元素-->
<html>
<!--页面的头部:主要用来设置浏览器解析页面时候的编码,头信息,页面描述、关键字,css样式列表引入和js引入,响应式规则等--><head><!--告诉浏览器解析网页的内容使用utf-8进行编码--><meta charset="utf-8"><!--响应式规则--><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!--设置关键字和描述--><meta name="keywords" content="KuangStudy,KuangStudy文章,KuangStudy博客,KuangStudy论坛,KuangStudy学习,学相伴"><meta name="description" content="KuangStudy是一个致力于为每个想学习知识的人提供一个少走弯路的平台,包含优质体系课程、文章博客、专栏书写、技术论坛、资源下载等产品服务,提供有用、优质、完整内容的自学交流社区."><!--设置图标--><link rel="shortcut icon" href="https://www.baidu.com/favicon.ico" type="image/x-icon"><!--给浏览器的标签上显示标题,也可以作为网页收藏的文字--><title>表格分组-学相伴</title>
</head><body><!---完整的表格 --><div><h3>完整的表格</h3><table border="1" width="100%"><colgroup><col width="200px" align="center" /><col /><col /><col /><col width="100px" /></colgroup><thead><tr><th>ID</th><th>用户姓名</th><th>年龄</th><th>地址</th><th>操作</th></tr></thead><tbody><tr><td>1</td><td>狂神</td><td>20</td><td>重庆</td><td><a href="#">编辑</a><a href="#">移除</a></td></tr><tr><td>1</td><td>飞哥</td><td>35</td><td>湖南</td><td><a href="#">编辑</a><a href="#">移除</a></td></tr></tbody><tfoot><tr><td colspan="5">分页</td></tr></tfoot></table></div></body></html>

注意col元素-只能控制宽度,不能控制对齐方式,如果都设置了会忽略宽度,变成自动分配。

场景

  • https://preview.pro.ant.design/ 后台管理系统
    在这里插入图片描述

  • https://v3.bootcss.com/css/#tables
    在这里插入图片描述

demo01---->合并

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=<device-width>, initial-scale=1.0"><title>Document</title><style>.container{width: 960px;margin: 0 auto; background: #fafafa; padding: 20px;}/* 合并边框 */table{border-collapse: collapse; width: 100%;}/* solid实线 text-align: center;全部居中*/table tr th,table tr td{border: 1px solid #111; padding: 10px; text-align: center;}</style>
</head>
<body><div class="container"><h1>表格的认识table</h1><div>横向是合并:列 colspan=,垂直方向是合并:行 rowspan= 最终合并时在td上</div><table><!-- 控制某一行的宽度 --><!-- <colgroup><col style="width:  500px;"/><col style="width:  500px;"/></colgroup> --><thead><tr><th>ID</th><th>姓名</th><th>年龄</th><th>操作</th></tr></thead><tbody><tr><td>1</td><td>小成</td><td>26</td><td>编辑,操作</td></tr><tr><td>1</td><td>小成</td><td>26</td><td>编辑,操作</td></tr></tbody><tfoot><tr><td colspan="5">分页</td><!-- <td>姓名</td><td>年龄</td><td>操作</td> --></tr></tfoot></table></div>
</body>
</html>

demo2—>选中的状态和淡入淡出的效果

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=<device-width>, initial-scale=1.0"><title>Document</title><style>.container{width:960px;margin: 0 auto;background:#fafafa;padding:20px;}.ksd-ui-table{border-collapse: collapse;width: 100%;}.ksd-ui-table tr th,.ksd-ui-table tr td{border:1px solid #ccc;padding:10px;text-align: center;}/* 淡入淡出的效果 */.ksd-ui-table tr{transition: 300ms;}/* 选中的状态 */.ksd-ui-table tr:hover{background:#eee;}</style>
</head>
<body><div class="container"><table class="ksd-ui-table"><thead><tr><th>ID</th>    <th>姓名</th>    <th>年龄</th>    <th>操作</th>    </tr></thead><tbody><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>      </tr></tbody><tfoot><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>      </tr></tfoot></table></div>
</body>
</html>

demo—>单双行界面

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=<device-width>, initial-scale=1.0"><title>Document</title><style>.container{width:960px;margin: 0 auto;background:#fafafa;padding:20px;}.ksd-ui-table{border-collapse: collapse;width: 100%;}.ksd-ui-table tr th,.ksd-ui-table tr td{border:1px solid #ccc;padding:10px;text-align: center;}/* 淡入淡出的效果 */.ksd-ui-table tr{transition: 300ms;}/* 单双行界面 */.ksd-ui-table tbody tr:nth-child(odd){background:#fafafa;}.ksd-ui-table tbody tr:nth-child(even){background:#eee;}/* 选中的状态 nth-child比hover优先级更高*/.ksd-ui-table tbody tr:hover{background:#111;color: #fff;}</style>
</head>
<body><div class="container"><table class="ksd-ui-table"><thead><tr><th>ID</th>    <th>姓名</th>    <th>年龄</th>    <th>操作</th>    </tr></thead><tbody><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>      </tr></tbody></table></div>
</body>
</html>

demo->给外部加边框

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=<device-width>, initial-scale=1.0"><title>Document</title><style>.container{width:960px;margin: 0 auto;background:#fafafa;padding:20px;}.ksd-ui-table{border-collapse: collapse;width: 100%;}/* 给外部加边框  border-bottom 去掉下边框*/.ksd-ui-table-box{border: 1px solid #ccc; border-bottom: 0px;}/* border-bottom只给底部加入边框 */.ksd-ui-table tr th,.ksd-ui-table tr td{border-bottom:1px solid #ccc;padding:10px;text-align: center;}/* 淡入淡出的效果 */.ksd-ui-table tr{transition: 300ms;}/* 单双行界面 */.ksd-ui-table tbody tr:nth-child(odd){background:#fafafa;}.ksd-ui-table tbody tr:nth-child(even){background:#eee;}/* 选中的状态 nth-child比hover优先级更高*/.ksd-ui-table tbody tr:hover{background:#111;color: #fff;}</style>
</head>
<body><div class="container"><div class="ksd-ui-table-box"><table class="ksd-ui-table"><thead><tr><th>ID</th>    <th>姓名</th>    <th>年龄</th>    <th>操作</th>    </tr></thead><tbody><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>      </tr></tbody></table></div></div>
</body>
</html>

demo–>悬浮定位和固定定位

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=<device-width>, initial-scale=1.0"><title>Document</title><style>.container{width:960px;margin: 0 auto;background:#fafafa;padding:20px;}/* table-layout: fixed;数据对齐 布局全部用fixed*/.ksd-ui-table{border-collapse: collapse;width: 100%; table-layout: fixed;}/* 给外部加边框  border-bottom 去掉下边框*/.ksd-ui-table-box{border: 1px solid #ccc; border-bottom: 0px;}/* border-bottom只给底部加入边框 */.ksd-ui-table tr th,.ksd-ui-table tr td{border-bottom:1px solid #ccc;padding:10px;text-align: center;}/* 淡入淡出的效果 */.ksd-ui-table tr{transition: 300ms;}/* 单双行界面 */.ksd-ui-table tbody tr:nth-child(odd){background:#fafafa;}.ksd-ui-table tbody tr:nth-child(even){background:#eee;}/* 选中的状态 nth-child比hover优先级更高*/.ksd-ui-table tbody tr:hover{background:#111;color: #fff;}/* 悬浮定位和固定定位  当滚动条加载到top:0的时候没救把定位static改成fixed*/.ksd-ui-table-headfix{position: sticky;top: 0; background: #fff;}</style>
</head>
<body><div class="container"><div class="ksd-ui-table-box"><table class="ksd-ui-table ksd-ui-table-headfix"><thead><tr><th>ID</th>    <th>姓名</th>    <th>年龄</th>    <th>操作</th>    </tr></thead></table><table class="ksd-ui-table"><tbody><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年龄</td>    <td>操作</td>      </tr></tbody></table></div></div>
</body>
</html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/21351.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Bluetooth Profiles,蓝牙配置文件对应设备

下面的常量是蓝牙各种配置文件的标识符。 每个常量代表一个特定的蓝牙配置文件&#xff0c;这些配置文件定义了蓝牙设备之间通信的特定方式。以下是每个常量的解释&#xff1a; HEADSET (1): 代表耳机和免提配置文件&#xff0c;通常用于蓝牙耳机或车载免提系统。A2DP (2): 代…

opencv-python(三)

马赛克 face img[162:428,297:527] # 人脸坐标区域face face[::10,::10] # 每10个中取出一个像素&#xff0c;马赛克face np.repeat(face, 10, axis0) # 行方向重复10次face np.repeat(face, 10, axis1) # 列方向重复10次img[162:428,297:527] face[:266,:230] # 填充&a…

计算机科学与技术和软件工程专业有什么区别?应该怎么选?

计算机科学与技术和软件工程都是就业前景较好的计算机类专业&#xff0c;二者密切相关但侧重点不同&#xff0c;同学们应该如何选择呢&#xff1f; 一、学习内容 1.学科定位 ● 计算机科学与技术 侧重于计算机科学的理论研究和基础技术&#xff0c;包括算法、数据结构、人工…

lnmp平台部署web应用,安装Discuz社区平台详细文章——更新中

Nginx网站service 详细相关介绍-特点-http状态码-配置文件、将nginx添加永久环境变量 访问网站404是什么&#xff1f;_nginx 稳定版-CSDN博客文章浏览阅读1.2k次&#xff0c;点赞33次&#xff0c;收藏24次。开源Web服务器软件。_nginx 稳定版https://blog.csdn.net/2301_771619…

数据结构--数组(详细分析)

目录 &#x1f349;引言 &#x1f349;数组 &#x1f348;数组的特性 &#x1f348;数组的优缺点 &#x1f34d;优点&#xff1a; &#x1f34d;缺点&#xff1a; &#x1f348;数组的声明与初始化 &#x1f348;数组的常见操作 &#x1f34d; 插入操作 &#x1f34d;…

Touch Camera PRO 2024 Easy Mobile Desktop Camera Controller(触控相机专业版)

一个真正易于使用的移动+台式摄像机控制器,具有视角切换功能! Touch Camera PRO 是一款非常易于使用的移动+桌面相机控制器,具有透视切换功能!它在 Home Designer、Runtime Level Editor 和 Floor Map Designer 等其他插件中使用! 在桌面和移动设备上工作! 一个干…

WIireShark使用教程

文章目录 目录 文章目录 一.入门抓包示例 一.入门抓包示例 先介绍一下如何使用wireshark抓取相应网卡的流量&#xff0c;让读者可以先上手操作感受一下抓包的具体过程。 1.打开wireshark的主界面如下 2.选择需要抓包的网卡&#xff0c;鼠标左键双击&#xff0c;即可抓取该网…

Mysql常见问题总结

1、MySQL初始化报错 mysqld --initialize --usermysql --console 2024-06-02T15:52:22.645557Z 0 [System] [MY-013169] [Server] D:\installSoft\mysql-8.0.21-winx64\bin\mysqld.exe (mysqld 8.0.21) initializing of server in progress as process 8980 2024-06-02T15:52:2…

02-2.3.2_1 单链表的插入和删除

喜欢《数据结构》部分笔记的小伙伴可以订阅专栏&#xff0c;今后还会不断更新。 此外&#xff0c;《程序员必备技能》专栏和《程序员必备工具》专栏&#xff08;该专栏暂未开设&#xff09;日后会逐步更新&#xff0c; 插入 按位序插入 &#xff08;1&#xff09;带头结点 L…

量子加速超级计算简介

本文转载自&#xff1a;量子加速超级计算简介(2024年 3月 13日) By Mark Wolf https://developer.nvidia.cn/zh-cn/blog/an-introduction-to-quantum-accelerated-supercomputing/ 文章目录 一、概述二、量子计算机的构建块&#xff1a;QPU 和量子位三、量子计算硬件和算法四、…

代码随想录算法训练营第三十七 | ● 738.单调递增的数字 ● 968.监控二叉树

738.单调递增的数字 讲解链接&#xff1a;https://programmercarl.com/0738.%E5%8D%95%E8%B0%83%E9%80%92%E5%A2%9E%E7%9A%84%E6%95%B0%E5%AD%97.html class Solution { public:int monotoneIncreasingDigits(int n) {//整数转字符串&#xff0c;变为字符串访问比诸位取出数字要…

项目集成过程中的makefile记录

项目集成过程中的makefile记录 文章目录 项目集成过程中的makefile记录1.基础概念注释打印赋值方式常用变量$ 伪目标函数wildcard 多目录、文件操作 2.思路梳理**需求分析**目录结构 3.可行示例 持续更新中1.基础概念 注释 # 示例&#xff1a; # 项目名称打印 echo "H…

控制台相关

输入输出 输出 Console.WriteLine("123123");//光标空行 Console.Write("123123123123");//不空行输入 string str Console.ReadLine(); //如果在ReadKey(true)不会把输入的内容显示在控制台上 char c Console.ReadKey(true).KeyChar; Console.WriteL…

ACM实训第25天

第四套 第一道&#xff08;修改&#xff09; #include<stdio.h> #include<string.h> int cnt[10]; void count_digits(int n,int* cnt){for(int i1;i<n;i){int numi;while(num){cnt[num%10];num/10;}} } int main(){int t;scanf("%d\n",&t);whi…

力扣刷题--2553. 分割数组中数字的数位【简单】

题目描述 给你一个正整数数组 nums &#xff0c;请你返回一个数组 answer &#xff0c;你需要将 nums 中每个整数进行数位分割后&#xff0c;按照 nums 中出现的 相同顺序 放入答案数组中。 对一个整数进行数位分割&#xff0c;指的是将整数各个数位按原本出现的顺序排列成数…

名为投资实为借贷,如何处理

投资近百万参与号称“高回报、零风险”的内部商铺投资项目&#xff0c;与公司签订商铺投资合同及租赁合同。本想投资商铺收取租金&#xff0c;没想到不仅租金没拿到手&#xff0c;连本金都要不回来。 2019年底&#xff0c;原告何某&#xff08;乙方&#xff09;与被告祁东县某…

QSettings注册表 json双模式配置文件

qt QSettings 类可用来保存软件设置&#xff0c;json文件也是保存软件设置的很好的方式&#xff0e; 这里结合json文件和QSettings注册表来保存软件设置&#xff0e;区别在于json文件在软件目录&#xff0c;每次更新时会被覆盖&#xff0c;注册表中设置持久有效&#xff0c;…

14.FreeRTOS 消息缓存 Message Buffer

FreeRTOS 消息缓存&#xff08;Message Buffer&#xff09;的使用 介绍 在实时操作系统&#xff08;RTOS&#xff09;中&#xff0c;任务之间的通信是一个非常重要的方面。FreeRTOS 提供了多种机制来实现任务间通信&#xff0c;其中之一就是消息缓存&#xff08;Message Buffe…

【IC验证】一文速通多通道数据整型器(MCDF)

目录 01 README 02 MCDF设计结构 2.1 功能描述 2.2 设计结构 2.3 接口与时序 2.3.1 系统信号接口 2.3.2 通道从端接口 2.3.3 整形器接口 2.3.4 控制寄存器接口 2.3.4.1 接口时序图 2.3.4.2 各数据位信息 03 验证框图 3.1 reg_pkg 3.1.1 reg_trans 3.1.2 reg_driv…

【一刷《剑指Offer》】面试题 27:二叉搜索树与双向链表

牛客对应题目链接&#xff1a;二叉搜索树与双向链表_牛客题霸_牛客网 (nowcoder.com) 力扣对应题目链接&#xff1a;LCR 155. 将二叉搜索树转化为排序的双向链表 - 力扣&#xff08;LeetCode&#xff09; 一、《剑指 Offer》对应内容 二、分析题目 上面力扣上的这道题目和牛客…