TChromeTabs：用Delphi实现的完整Chrome标签系统

优质

TChromeTabs是一款使用Delphi开发的高度可定制的浏览器标签页插件，旨在模拟Google Chrome浏览器的标签功能。该工具为开发者提供了一套完整的解决方案来集成高效的标签管理界面到应用程序中。 TChromeTabs 是 Google Chrome 浏览器标签页功能的全面实现。支持平台包括 Delphi 6、Delphi DX10.4 Sydney 和 FreePascal/Lazarus（Alpha 版）。德尔菲努斯已针对这些版本进行了测试安装。安装步骤如下： - 编译 .\Packages\\ChromeTabs_R.dpk - 编译并安装 .\Packages\\ChromeTabs_D.dpk 我们欢迎积极的贡献者参与项目，并从所有人中拉取请求。

带标签的交通标志数据集.rar

优质

本资源为《带标签的交通标志数据集》，包含大量标注清晰的交通标志图像，适用于计算机视觉、自动驾驶汽车等领域研究。交通标志数据集包含几千张带有标签的图片。

JS实现点击A标签变色高亮及其他A标签恢复原色功能

优质

本教程讲解如何使用JavaScript实现网页中点击A链接时使其背景颜色改变并保持高亮状态，同时其他A链接恢复原始颜色的效果。当一个页面包含多个a标签时，可以实现点击某个链接后该链接变色，而其他链接恢复原颜色。以下是具体的实现方法，供有兴趣的朋友参考。

HTML常用的标签库和标签

优质

本资源介绍HTML中常用的各种标签及其功能与用法，帮助初学者快速掌握HTML基础，适用于网页设计与开发入门。 ### HTML常用标签详解 #### 跑马灯标签：`` 跑马灯标签在HTML中用于创建滚动文本或图像，常用于网站的新闻滚动条或广告展示区域。其基本语法为`...`，可以附加多个属性来控制行为和样式。 - **behavior**：定义滚动方式。 - `scroll`：普通滚动。 - `slide`：滑动，即只滚动一次然后停止。 - `alternate`：来回滚动。 - **direction**：定义滚动方向。 - `down`：向下滚动。 - `up`：向上滚动。 - `right`：向右滚动。 - `left`：向左滚动。 - **loop**：定义滚动次数，如果设置为`infinite`则无限循环。 - **width**和**height**：设定元素的宽度和高度。 - **bgcolor**：设定背景颜色。 - **scrollamount**：设定每次滚动的距离。 - **scrolldelay**：设定两次滚动之间的时间间隔。 #### 字体效果标签这些标签用于改变文本显示样式，包括大小、粗细、倾斜等。 - `

`至`

`：标题标签，其中`

`是最大的标题，`

`是最小的标题。 - ``和``：粗体字，``还具有语义意义，表示强调。 - ``和``：斜体字，``同样具有语义意义，表示强调。 - ``：斜体字，用于定义术语。 - ``和``：下划线，``表示插入的文字。 - ``、``及``：分别用于表示删除线，其中``表示删除的内容。 - ``：键盘文字，用于表示键盘输入。 - ``和``以及`<plaintext>`和`<listing>`：固定宽度字体，适用于不同的文本格式与显示需求。 #### 区断标记这些标签用于页面布局及格式化： - `<hr>`：水平线，分隔不同部分的内容。 - `<br>`：强制换行而不形成新的段落。 - `<nobr>`：不换行，防止内容自动换行。 - `<p>`：定义一个段落。 - `<center>`：使内容在页面上居中。 #### 链接标签 - `<a>`：创建到其他网页或同一网页中的链接。通过`target`属性可以控制链接打开的方式（如新窗口、当前窗口或特定框架）。 - `<base>`：预设文档内所有相对URL的基地址。 #### 图像和音乐标签： - `<img>`：用于嵌入图像，可设置宽度、高度、边框及替代文本（当图像无法加载时显示的文字）。 - `<bgsound>`：在页面加载时播放背景音乐。 #### 表格标签表格标签用于创建结构化的数据展示： - `<table>`：定义一个表格。可以通过`align`、`background`、`border`、`bgcolor`和`bordercolor`等属性来调整位置、背景颜色及边框样式。以上标签与属性构成了HTML中常见的元素，熟练掌握它们对于构建清晰结构且风格丰富的网页至关重要。然而需要注意的是，随着Web标准的发展，一些标签如 `<marquee>` 以及部分字体效果的标签可能被视为过时或不推荐使用；现代Web开发更倾向于利用CSS来实现布局和样式设计。 </div> </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="<span style=color: #f73131>调</span><span style=color: #f73131>整</span>PDA<span style=color: #f73131>系</span><span style=color: #f73131>统</span><span style=color: #f73131>时</span>间<span style=color: #f73131>和</span>Windows<span style=color: #f73131>系</span><span style=color: #f73131>统</span><span style=color: #f73131>时</span>间" href="https://d.itadn.com/i0_34210011175/B/685478" target="_blank"><span style=color: #f73131>调</span><span style=color: #f73131>整</span>PDA<span style=color: #f73131>系</span><span style=color: #f73131>统</span><span style=color: #f73131>时</span>间<span style=color: #f73131>和</span>Windows<span style=color: #f73131>系</span><span style=color: #f73131>统</span><span style=color: #f73131>时</span>间</a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 简介：本文介绍如何同步调整PDA设备与Windows操作系统之间的时间设置，确保两者保持一致。在PDA的实际应用过程中，由于冷启动会导致系统初始化为出厂设置，需要手动调整时间。如果用户不熟悉操作或比较忙碌而忽略了这一步骤，则可能导致有关数据存储错误。使用C#编程可以实现自动同步PDA时间和Windows系统时间的功能。 </div> </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="手动<span style=color: #f73131>调</span><span style=color: #f73131>整</span>el-tabs<span style=color: #f73131>标</span><span style=color: #f73131>签</span>页的顺序" href="https://d.itadn.com/i0_62174851760/B/1321598" target="_blank">手动<span style=color: #f73131>调</span><span style=color: #f73131>整</span>el-tabs<span style=color: #f73131>标</span><span style=color: #f73131>签</span>页的顺序</a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 本文介绍了如何通过编程手段手动调整Vue.js中el-tabs组件标签页的显示顺序，帮助开发者灵活控制界面布局。例如：tabs1、tabs2、tabs3、tabs4 如果将tabs2改为tabs4（往后移），顺序变为tabs1、tabs3、tabs4、tabs2；如果将tabs4改为tabs2（往前移），则顺序变为tabs1、tabs4、tabs2、tabs3。 </div> </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="如何使用Zotero<span style=color: #f73131>标</span><span style=color: #f73131>签</span>（操作<span style=color: #f73131>和</span><span style=color: #f73131>标</span><span style=color: #f73131>签</span>）" href="https://d.itadn.com/i0_47590332229/B/1262622" target="_blank">如何使用Zotero<span style=color: #f73131>标</span><span style=color: #f73131>签</span>（操作<span style=color: #f73131>和</span><span style=color: #f73131>标</span><span style=color: #f73131>签</span>）</a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 本文将详细介绍如何在文献管理工具Zotero中创建、编辑及利用标签来高效组织和检索您的研究资料。 Zotero tags（包括动作标签）的使用方法如下： 1. 在 Zotero 中选择需要添加或编辑标签的文献条目。 2. 点击“Tags”字段，在这里可以输入新的标签，也可以从已有的列表中选取一个或多个现有标签进行应用。在创建新标签时，请确保名称简短且具有描述性以便于管理和搜索相关资料。 3. 若要通过特定操作对一组文献执行相同标记任务（如批量添加、编辑或删除某些标签），可使用 Zotero 的“Actions”功能，该功能允许用户自定义命令并将其分配给快捷键以提高工作效率。以上就是关于如何在 Zotero 中运用标签的基本介绍。 </div> </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="基于YOLOv5<span style=color: #f73131>和</span>Python构建的中国交通<span style=color: #f73131>标</span><span style=color: #f73131>志</span>识别<span style=color: #f73131>系</span><span style=color: #f73131>统</span>，<span style=color: #f73131>能</span>识别45种<span style=color: #f73131>标</span><span style=color: #f73131>志</span>，识别精度高" href="https://d.itadn.com/i0_42460822978/B/1365915" target="_blank">基于YOLOv5<span style=color: #f73131>和</span>Python构建的中国交通<span style=color: #f73131>标</span><span style=color: #f73131>志</span>识别<span style=color: #f73131>系</span><span style=color: #f73131>统</span>，<span style=color: #f73131>能</span>识别45种<span style=color: #f73131>标</span><span style=color: #f73131>志</span>，识别精度高</a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 本项目采用YOLOv5框架与Python语言开发，专为中国道路设计，能够高效精准地识别多达45种交通标志，为智能驾驶提供可靠支持。随着中国汽车保有量的持续增长，道路交通安全问题日益受到社会的关注。为了提升驾驶安全性，准确识别交通标志变得尤为重要。因此，开发一款高效的中国交通标志识别系统对于智能交通系统的建设具有重要的实际意义。本项目基于YOLOv5架构和Python语言进行设计与实现，能够有效识别45种中国的常见交通标志，并具备高效率、高精度的特点。这样的技术不仅可以为自动驾驶技术和实时监控提供强大的辅助支持，还能极大地促进道路交通管理的智能化进程。作为目标检测算法系列中的第五代产品，YOLOv5继承了其前身快速且准确的优点，在图像处理任务中采用端到端的方式实现对视频帧内交通标志的即时识别与分类。这种设计不仅保证了系统的高精度性能，并且由于网络结构较为精简，因此对于硬件资源的需求相对较低，使其非常适合应用于实时系统和嵌入式设备。 Python语言以其简洁、易读以及强大的库支持（如NumPy, Pandas, OpenCV等）在科学计算、数据分析及人工智能领域广受欢迎。在本交通标志识别系统的开发过程中，Python不仅提升了开发效率，还为后续的维护工作提供了便利条件。系统内置了45种中国道路上常见的警告、禁令和指示标志图像数据集，并根据实际道路情况对这些标志进行了详细分类与设计原则说明。通过精准地识别出各类标志信息，本系统能够在自动驾驶辅助技术以及交通管理等多个领域发挥重要作用。此外，项目文档中还包含了详尽的技术分析报告和技术路线图等内容，全面展示了系统的研发思路、测试结果及未来发展方向等关键细节。这些资料不仅对开发者具有参考价值，也为研究者和使用者提供了深入了解项目的良好机会。通过实时准确的识别技术，该系统能够显著减少因违规行驶引发的道路交通事故，并改善整体交通环境质量。基于YOLOv5架构与Python语言开发出的中国交通标志识别系统，在智能交通系统的建设中扮演着重要角色，不仅有助于提升道路管理效率和水平，还为自动驾驶技术的进步提供了坚实的技术支持。综上所述，该系统对于创建更加安全、高效及智能化的道路环境具有重要意义。 </div> </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="带LCD光<span style=color: #f73131>标</span>显示<span style=color: #f73131>和</span>按键<span style=color: #f73131>调</span><span style=color: #f73131>时</span>的<span style=color: #f73131>实</span><span style=color: #f73131>时</span><span style=color: #f73131>时</span>钟" href="https://d.itadn.com/i0_55060799690/B/68800" target="_blank">带LCD光<span style=color: #f73131>标</span>显示<span style=color: #f73131>和</span>按键<span style=color: #f73131>调</span><span style=color: #f73131>时</span>的<span style=color: #f73131>实</span><span style=color: #f73131>时</span><span style=color: #f73131>时</span>钟</a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 本产品是一款具备LCD光标显示及按键调时功能的实时时钟模块，支持精确时间显示与调整。基于DS1302和LCD1602的实时时钟程序支持LCD光标显示及按键调时功能，并能实现温度显示。 </div> </div> </li> </body> </html>

Android系统能够实时调整其标志和标签。

全部评论 (0)

`至`

`：标题标签，其中`

`是最大的标题，`

是否确定退出登录?

Android系统能够实时调整其标志和标签。

全部评论 (0)

`至`

`：标题标签，其中`

`是最大的标题，`