HTML5 - 分组元素

关注

原创最新推荐文章于 2026-06-20 11:01:56 发布 1.1k 阅读 AI 写同款· GEO 优化 ›

本地化桌面标注工具：高效批量处理图片标注，提升自媒体内容生产效率图像标注是计算机视觉和多媒体处理中的基础技术，其核心原理是通过在图像上添加图形、文字等视觉元素来突出关键信息或提供说明。这项技术广泛应用于软件教程、产品说明、教育材料制作等领域，能有效提升信息传达的效率和准确性。在工程实践中，本地化运行的标注工具因其无需联网、保护隐私的特性，尤其受到对数据安全有要求的用户青睐。通过支持箭头、矩形、文字、马赛克等多种标注元素，并结合直观的拖拽操作，这类工具显著降低了技术门槛。其核心价值在于将繁琐的手动标注流程自动化、批量化，例如通过保存样式模板，可一键对多张图片应用统一标注，阅读详情

第二课分组元素加油加油

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>分组元素</title>
</head>
<body>
<!-- 段落 p -->
段落
<p>春眠不觉晓，处处闻啼鸟。夜来风雨声，花落知多少。皇后大道西，皇后大道东</p>
<p>春眠不觉晓，处处闻啼鸟。夜来风雨声，花落知多少。皇后大道西，皇后大道东</p>
<!-- 段落 div 间隙缩小 -->
通用分组
<div>春眠不觉晓，处处闻啼鸟。夜来风雨声，花落知多少。皇后大道西，皇后大道东</div>
<div>春眠不觉晓，处处闻啼鸟。夜来风雨声，花落知多少。皇后大道西，皇后大道东</div>
<!-- 引用大段文本 blockquote 居中 -->
大段文本
<blockquote>春眠不觉晓，处处闻啼鸟。夜来风雨声，花落知多少。皇后大道西，皇后大道东</blockquote>
<blockquote>春眠不觉晓，处处闻啼鸟。夜来风雨声，花落知多少。皇后大道西，皇后大道东</blockquote>
<!-- 分割线 hr -->
分割线<br>
<hr>
<!-- 编辑器格式 简单排版pre -->
简单排版<br>
<pre>
     春眠不觉晓，
              处处闻啼鸟。
     夜来风雨声，
              花落知多少。</pre>
<!-- 分组 ul ol dl -->
分组 无序ul
<ul>
    <li>张三</li>
    <li>李四</li>
    <li>王五</li>
    <li>赵六</li>
</ul>
有序  ol
<!-- 倒序 reversed -->
<ol reversed>   
    <li>张三</li>
    <li>李四</li>
    <li>王五</li>
    <li>赵六</li>
</ol>
<!-- 制定开始 -->
<ol start="3">
    <li>张三</li>
    <li>李四</li>
    <li>王五</li>
    <li>赵六</li>
</ol>
<!-- 排列方式 -->
<ol type="I">
    <li>张三</li>
    <li>李四</li>
    <li>王五</li>
    <li>赵六</li>
</ol>
<!-- 制定value -->
<ol>
    <li>张三</li>
    <li>李四</li>
    <li value="4">王五</li>
    <li>赵六</li>
</ol>
生成说明 dl
<dl>
    <dt>内容简要1</dt>
    <dd>这是一段说明</dd>
    <dd>这是另一段说明</dd>

    <dt>内容简要2</dt>
    <dd>这是一段说明</dd>
    <dd>这是另一段说明</dd>

</dl>
<!-- 加入图片 figure -->
<figure>
    <figcaption>这是一张图片</figcaption>
    <img src="001.jpg">
</figure>

</body>
</html>