web前端-《初识HTML》（附实例详解）

文档中心

🐚作者简介：苏凉（专注于网络爬虫，数据分析）
🐳博客主页：苏凉.py的博客
🌐系列专栏：web前端基础教程
👑名言警句：海阔凭鱼跃，天高任鸟飞。
📰要是觉得博主文章写的不错的话，还望大家三连支持一下呀！！！
👉关注✨点赞👍收藏📂

文章目录

🍁（一）HTML简介
- 🔥1.什么是HTML？
- 🔥2.HTML标签
- 🔥3.HTML文档
🍁（二）HTML四个基础标签
- 🔥1.HTML标题
- 🔥2.HTML段落
- 🔥3.HTML链接
- 🔥4.HTML图像
🍁（三）HTML元素
- 🔥1.元素语法
🍁（四）HTML属性
- 🔥1.常见HTML元素属性
🍁（四）HTML文本格式化
🍁（五）HTML超链接
- 🔥1.a标签的target属性
🍁（六）HTML头部信息
- 🔥1.标签
- - 1.1 定义文档字符编码
 - 1.2 把content属性关联到HTTP头部
 - 1.3 定义文档关键词，用于引擎搜索
 - 1.4 定义页面作者
 - 1.5 刷新页面
- 🔥2.标签</li> <li>🔥3.标签</li> <li>🔥4.标签</li> </ul> </li> <li>结语</li> </ul> <h1>🍁（一）HTML简介</h1> <h2>🔥1.什么是HTML？</h2> <ul> <li>HTML 指的是超文本标记语言 (Hyper Text Markup Language)</li> <li>HTML 不是一种编程语言，而是一种标记语言 (markup language)</li> <li>标记语言是一套标记标签 (markup tag)</li> <li>HTML使用标记标签来描述网页</li> </ul> <h2>🔥2.HTML标签</h2> <ul> <li>HTML标签由 尖括号包围 的关键词。如：</li> <li>HTML 标签通常是成对出现的，如 和 </li> <li>标签对中的第一个标签是开始标签( )，第二个标签是结束标签( )</li> </ul> <blockquote> 注意：并不是所有标签都有结束标签如 </blockquote> <h2>🔥3.HTML文档</h2> -HTML文档包含 HTML 标签和纯文本。 -HTML文档也被称为网页。 浏览器会自动读取HTML文档，并以网页的形式显示出它们。浏览器不会显示HTML标签，而是使用标签来解释页面的内容。 实例： <pre><code class="prism language-html"><html><body><h1>欢迎！！</h1><p>你好，一起来学习前端吧！</p></body></html></code></pre> <img src="https://img-blog.csdnimg.cn/a842f9c6968e4cb887161e6d948defef.png" alt="web前端-《初识HTML》（附实例详解）" alt="在这里插入图片描述" /> 在这串代码中 <ul> <li> 与之间的文本描述网页</li> <li> 与之间的文本是可见的页面内容</li> <li> <h1> 与 </h1> 之间的文本被显示为标题</li> <li> 与 之间的文本被显示为段落</li> </ul> <h1>🍁（二）HTML四个基础标签</h1> <h2>🔥1.HTML标题</h2> HTML 标题（Heading）是通过 <h1> — <h6> 等标签进行定义的。 实例： <pre><code class="prism language-html"><html><body><h1>hello world </h1><h2>hello world</h2><h3>hello world </h3><h4>hello world</h4><h5>hello world</h5><h6>hello world</h6></body></html></code></pre> <img src="https://img-blog.csdnimg.cn/b847c383a179434db5dfbad46e6b1294.png" alt="web前端-《初识HTML》（附实例详解）" alt="在这里插入图片描述" /> <h2>🔥2.HTML段落</h2> HTML 段落是通过 标签进行定义的。 实例： <pre><code class="prism language-html"><html><body><h1>hello world </h1><p>sulaing!!!</p></body></html></code></pre> <img src="https://img-blog.csdnimg.cn/6400c811df954444994f0bf73170cbb3.png" alt="web前端-《初识HTML》（附实例详解）" alt="在这里插入图片描述" /> <h2>🔥3.HTML链接</h2> HTML 链接是通过 <a> 标签进行定义的。a标签也叫跳转锚点标签，通过它可以实现页面的跳转。 实例： <pre><code class="prism language-html"><html><body><h1>hello world </h1><p>sulaing!!!</p><a href="https://suliang.blog.csdn.net/">苏凉.py的博客</a></body></html></code></pre> <img src="https://img-blog.csdnimg.cn/208c7191ca4e4c96b039ba0573af7fff.png" alt="web前端-《初识HTML》（附实例详解）" alt="在这里插入图片描述" /> 此时只需点击文字即可跳转。 <h2>🔥4.HTML图像</h2> HTML 图像是通过 <img> 标签进行定义的。 实例： <pre><code class="prism language-html"><html><body><h1>hello world </h1><p>sulaing!!!</p><a href="https://suliang.blog.csdn.net/">苏凉.py的博客</a><br/><img src="https://img1.baidu.com/it/u=386692673,2792409680&fm=253&fmt=auto&app=138&f=JPEG?w=571&h=381" alt="web前端" width="300px" height="200px"></body></html></code></pre> <img src="https://img-blog.csdnimg.cn/580a024ad4124b4bb0b2a2170221f6a3.png" alt="web前端-《初识HTML》（附实例详解）" alt="在这里插入图片描述" /> 参数src为图片的路径，这里可以选择网页图片的地址，或者是本地图片，当使用本地图片时，需使用绝对路路径来定位图片。 参数alt为当图片路径不对加载图片出现错误时显示的内容。如： <img src="https://img-blog.csdnimg.cn/611a1390fc634c1c98a1b1e82ae2c0dc.png" alt="web前端-《初识HTML》（附实例详解）" alt="在这里插入图片描述" /> <h1>🍁（三）HTML元素</h1> HTML 元素指的是从开始标签到结束标签的所有代码。 <h2>🔥1.元素语法</h2> <ul> <li>HTML 元素以开始标签起始，以结束标签终止。</li> <li>元素的内容是开始标签与结束标签之间的内容。</li> <li>某些 HTML 元素具有空内容。</li> <li>空元素在开始标签中进行关闭（以开始标签的结束而结束），如 换行标签。</li> <li>大多数 HTML 元素可拥有属性，如widh,height等。</li> </ul> <blockquote> 温馨提示： 在html中虽然没有结束标签也可以浏览器也能正确读取出来。但尽量加上结束标签，这也是我们编程的一个良好的习惯！！ </blockquote> <h1>🍁（四）HTML属性</h1> 属性是 HTML 元素提供的附加信息。 <ul> <li>HTML元素可以设置属性</li> <li>属性可以在元素中添加附加信息</li> <li>属性一般描述于 开始标签</li> <li>属性总是以名称/值对的形式出现，比如：name=“suliang”。</li> </ul> 实例： <pre><code class="prism language-html"><a href="www.baidu.com">百度一下</a></code></pre> 这里的href就是a标签的属性，且是设置在a标签的开始标签里面的。 <h2>🔥1.常见HTML元素属性</h2> <table> <thead> <tr> <th>属性</th> <th>描述</th> </tr> </thead> <tbody> <tr> <td>class</td> <td>为html元素定义一个或多个类名（classname）(类名从样式文件引入)</td> </tr> <tr> <td>id</td> <td>定义元素的 唯一 id</td> </tr> <tr> <td>style</td> <td>规定元素的行内样式（inline style）</td> </tr> <tr> <td>title</td> <td>描述了元素的 额外信息 (作为工具条使用)</td> </tr> </tbody> </table> <h1>🍁（四）HTML文本格式化</h1> 在html中，又是我们需要对文本进行格式化输出，例如加粗文本，斜体文本，以及文本的上标和下标的表示等等。 实例： <pre><code class="prism language-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> <p>格式化文本</p> <p>定义<b>粗体文本</b></p> <p>定义<em>着重文本</em></p> <p>定义<i>斜体文本</i></p> <p>定义<small>小号文本</small></p> <p>定义<strong>加重语气文本</strong></p> <p>定义<sub>下标</sub>H<sub>2</sub>O</p> <p>定义<sup>上标</sup>2<sup>10</sup></p> <p>定义<ins>插入字</ins></p> <p>定义<del>删除字</del></p></body></html></code></pre> <img src="https://img-blog.csdnimg.cn/a6f561a5e0034cb093b04c70450f9b1d.png" alt="web前端-《初识HTML》（附实例详解）" alt="在这里插入图片描述" /> <h1>🍁（五）HTML超链接</h1> <blockquote> tips：在href属性中填写的url最好始终在url后添加反斜杠，主要是为了区分访问的是文件还是文件夹。如：访问路径为http://baidu.com/a，浏览器不知道是访问的是文件还是文件夹，就会再次访问确认是哪种类型，若是文件夹则在后面加上反斜杠后以http://www.baidu.com/a/ 再次运行。若链接为http://www.baidu.com/a.html则可以明确的知道这是文件而非文件夹，即可以不用添加反斜杠。 </blockquote> <h2>🔥1.a标签的target属性</h2> <table> <thead> <tr> <th>值</th> <th>描述</th> </tr> </thead> <tbody> <tr> <td>_blank</td> <td>在新窗口打开</td> </tr> <tr> <td>_parent</td> <td>在父窗口中打开链接</td> </tr> <tr> <td>_self</td> <td>默认，在当前页面跳转</td> </tr> <tr> <td>_top</td> <td>在当前窗口打开链接，并替换当前的整个窗体。</td> </tr> </tbody> </table> 附：target属性还有一个值为framename，后续在js中我们再细说。 <h1>🍁（六）HTML头部信息</h1> 一个默认的HTML文件头部信息如下： <pre><code class="prism language-html"><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></code></pre> 上面包含了meta和title两个元素，当然html的头部中你还可以插入脚本（scripts）, 样式文件（CSS）以及style，link，base等元素。 <h2>🔥1.标签</h2> 元数据（Metadata）是数据的数据信息。标签提供了 HTML 文档的元数据。元数据不会显示在客户端，但是会被浏览器解析。常用于指定网页的描述，关键词，文件的最后修改时间，作者及其他元数据。 <ul> <li>标签没有结束标签</li> </ul> 实例： <h3>1.1 定义文档字符编码</h3> <pre><code class="prism language-html"><meta charset="UTF-8"></code></pre> <h3>1.2 把content属性关联到HTTP头部</h3> <pre><code class="prism language-html"><meta http-equiv="X-UA-Compatible" content="IE=edge"></code></pre> <h3>1.3 定义文档关键词，用于引擎搜索</h3> <pre><code class="prism language-html"><meta name="viewport" content="width=device-width, initial-scale=1.0"></code></pre> 另外还可以进行对页面的刷新和定义页面作者等信息。 <h3>1.4 定义页面作者</h3> <pre><code class="prism language-html"><meta name="author" content="su liang"></code></pre> <h3>1.5 刷新页面</h3> <pre><code class="prism language-html"> //每30秒刷新页面 <meta http-equiv="refresh" content = "30"></code></pre> <h2>🔥2.<title>标签</h2> 定义了文档的标题 实例： <pre><code class="prism language-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>前端学习</title></head></code></pre> <img src="https://img-blog.csdnimg.cn/41100c1f787f4eb586c91ee14a9fb1bf.png" alt="web前端-《初识HTML》（附实例详解）" alt="在这里插入图片描述" /> <h2>🔥3.标签</h2> <ul> <li> 标签定义文档与外部资源的关系。</li> <li> 标签最常见的用途是链接样式表。</li> </ul> 注意：此元素只能存在于 head 部分，不过它可出现任何次数。 实例： <pre><code class="prism language-html"><link rel="stylesheet" type="text/css" href="./teststyle.css"></code></pre> html代码： <pre><code class="prism language-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"> <link rel="stylesheet" type="text/css" href="./teststyle.css"> <title>前端学习</title></head><body> <a style="text-decoration:none;" href="D:/桌面/图片111/liyif.png" target="_top"> 打开图片</a> <p class="su"> 苏凉 </p> <div class="div1">这是一个盒子</div></body></html></code></pre> css代码： <pre><code class="prism language-css">.su{ font-size: large; color: blueviolet;}.div1{ margin-right:1400px; border:3px inset red; background-color: antiquewhite;}</code></pre> 实现效果： <img src="https://img-blog.csdnimg.cn/690105abd0ac4a59b3f0facb60bc7fe5.png" alt="web前端-《初识HTML》（附实例详解）" alt="在这里插入图片描述" /> <h2>🔥4.标签</h2> 定义了页面链接标签的默认地址链接。 <pre><code class="prism language-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"> <link rel="stylesheet" type="text/css" href="./teststyle.css"> <base href="https://www.baidu.com/" target="_blank"> <title>前端学习</title></head><body> <a style="text-decoration:none;" href="D:/桌面/图片111/liyif.png" target="_top"> 打开图片</a> <p class="su"> 苏凉 </p> <div class="div1">这是一个盒子</div><br/> <p><a href="">点击打开百度</a></p></body></html></code></pre> <img src="https://img-blog.csdnimg.cn/eebe2937b6934231b21aef6fe5616b1a.gif#pic_center" alt="在这里插入图片描述" /> <h1>结语</h1> 看到这里相信大家已经对html有了一定的认识，其中有哪里讲的不到位的地方还请指出，欢迎讨论。下期我们将进入html-列表-表单-表格-图像-区块的学习，加油！咱们下期再见。 <img src="https://img-blog.csdnimg.cn/fce44ffe4f1f493b84f6e057060c9c93.png" alt="web前端-《初识HTML》（附实例详解）" alt=""> 创作打卡挑战赛 <img src="https://csdnimg.cn/release/blogv2/dist/components/img/iconArrowLeftWhite.png" alt="web前端-《初识HTML》（附实例详解）" alt=""> 赢取流量/现金/CSDN周边激励大奖 </div> <div class="clear"></div> <div class="article_tags"> <div class="tagcloud"> 网络标签：<a href="https://www.csdndoc.com/tag/%e5%85%83%e7%b4%a0" rel="tag">元素</a> <a href="https://www.csdndoc.com/tag/%e5%ae%9a%e4%b9%89" rel="tag">定义</a> <a href="https://www.csdndoc.com/tag/%e6%a0%87%e7%ad%be" rel="tag">标签</a> </div> </div> </div> </div> <div> <ul class="post-navigation row"> <div class="post-previous twofifth"> 上一篇 <a href="https://www.csdndoc.com/doc/12099.html" rel="prev">编译原理实验--词法分析器</a> </div> <div class="post-next twofifth"> 下一篇 <a href="https://www.csdndoc.com/doc/12101.html" rel="next">JVM-第13章-垃圾回收相关算法</a> </div> </ul> </div> <div class="article_container row box article_related"> <div class="related"> <div class="newrelated"> <h2>相关问题</h2> <ul> <li><a href="https://www.csdndoc.com/doc/18213.html">互联网电商大厂库存系统设计案例讲解</a></li> <li><a href="https://www.csdndoc.com/doc/5163.html">Spring Boot Validation</a></li> <li><a href="https://www.csdndoc.com/doc/9501.html">数据结构：树的概念 | 二叉树的概念 | 根据前序和中序遍历构建二叉树 | 根据中序和后序遍历构建二叉树</a></li> <li><a href="https://www.csdndoc.com/doc/17876.html">鸿蒙界slice之间的传值问题及PageAbility的导航</a></li> <li><a href="https://www.csdndoc.com/doc/553.html">马斯克公开支持上班“摸鱼”，允许员工坐班听音乐，还可外放</a></li> <li><a href="https://www.csdndoc.com/doc/90.html">武大50名学生造卫星，南航“00后”学生造火箭，后浪制造未来可期</a></li> <li><a href="https://www.csdndoc.com/wzlb/20094.html">元宵怎么煮水才会黄</a></li> <li><a href="https://www.csdndoc.com/wzlb/24372.html">查看端口被哪个程序占用</a></li> <li><a href="https://www.csdndoc.com/sygl/27653.html">围攻制作攻略</a></li> <li><a href="https://www.csdndoc.com/doc/14903.html">【Spring】五、Spring AOP分析</a></li> </ul> </div> </div> </div> <div class="clear"></div> <div id="comments_box"> </div> </div> <div id="sidebar"> <div id="sidebar-follow"> <div class="search box row"> <div class="search_site"> <form id="searchform" method="get" action="https://www.csdndoc.com/index.php"> <button type="submit" value="" id="searchsubmit" class="button">☚</button> <label><input type="text" class="search-s" name="s" x-webkit-speech="" placeholder="请输入搜索内容"></label> </form></div></div> <div class="widget_text widget box row widget_custom_html"><h3>公告</h3><div class="textwidget custom-html-widget"><a target="_blank" href="http://www.5d.ink/deepseek/?d=DeepseekR1_local.zip" rel="noopener noreferrer"><h2>DeepSeek全套部署资料免费下载</h2></a> <a target="_blank" href="http://www.5d.ink/deepseek/?d=DeepseekR1_local.zip" rel="noopener noreferrer"><img src="http://css.5d.ink/img/deep.png" alt="DeepSeekR1本地部署部署资料免费下载"></a> <a target="_blank" href="http://www.5d.ink/freefonts/?d=FreeFontsdown.zip" rel="noopener noreferrer"><h2>免费可商用字体批量下载</h2></a> <a target="_blank" href="http://www.5d.ink/freefonts/?d=FreeFontsdown.zip" rel="noopener noreferrer"><img src="http://css.5d.ink/img/freefont.png" alt="免费可商用字体下载"></a></div></div> <div class="widget box row widget_tag_cloud"><h3>标签</h3><div class="tagcloud"><a href="https://www.csdndoc.com/tag/%e4%bb%a3%e7%a0%81" class="tag-cloud-link tag-link-19 tag-link-position-1" style="font-size: 13.913793103448pt;" aria-label="代码 (787个项目)">代码</a> <a href="https://www.csdndoc.com/tag/%e5%85%83%e7%b4%a0" class="tag-cloud-link tag-link-500 tag-link-position-2" style="font-size: 12.706896551724pt;" aria-label="元素 (630个项目)">元素</a> <a href="https://www.csdndoc.com/tag/%e5%87%bd%e6%95%b0" class="tag-cloud-link tag-link-111 tag-link-position-3" style="font-size: 15.724137931034pt;" aria-label="函数 (1,129个项目)">函数</a> <a href="https://www.csdndoc.com/tag/%e5%8a%9f%e8%83%bd" class="tag-cloud-link tag-link-294 tag-link-position-4" style="font-size: 10.051724137931pt;" aria-label="功能 (383个项目)">功能</a> <a href="https://www.csdndoc.com/tag/%e5%8f%82%e6%95%b0" class="tag-cloud-link tag-link-680 tag-link-position-5" style="font-size: 9.448275862069pt;" aria-label="参数 (336个项目)">参数</a> <a href="https://www.csdndoc.com/tag/%e5%8f%98%e9%87%8f" class="tag-cloud-link tag-link-81 tag-link-position-6" style="font-size: 11.137931034483pt;" aria-label="变量 (471个项目)">变量</a> <a href="https://www.csdndoc.com/tag/%e5%91%bd%e4%bb%a4" class="tag-cloud-link tag-link-570 tag-link-position-7" style="font-size: 9.448275862069pt;" aria-label="命令 (337个项目)">命令</a> <a href="https://www.csdndoc.com/tag/%e5%9c%a8%e8%bf%99%e9%87%8c" class="tag-cloud-link tag-link-33 tag-link-position-8" style="font-size: 21.034482758621pt;" aria-label="在这里 (3,056个项目)">在这里</a> <a href="https://www.csdndoc.com/tag/%e5%ad%97%e7%ac%a6%e4%b8%b2" class="tag-cloud-link tag-link-556 tag-link-position-9" style="font-size: 10.655172413793pt;" aria-label="字符串 (428个项目)">字符串</a> <a href="https://www.csdndoc.com/tag/%e5%ae%b9%e5%99%a8" class="tag-cloud-link tag-link-332 tag-link-position-10" style="font-size: 9.448275862069pt;" aria-label="容器 (338个项目)">容器</a> <a href="https://www.csdndoc.com/tag/%e5%af%b9%e8%b1%a1" class="tag-cloud-link tag-link-175 tag-link-position-11" style="font-size: 14.155172413793pt;" aria-label="对象 (832个项目)">对象</a> <a href="https://www.csdndoc.com/tag/%e5%b1%9e%e6%80%a7" class="tag-cloud-link tag-link-468 tag-link-position-12" style="font-size: 9.6896551724138pt;" aria-label="属性 (350个项目)">属性</a> <a href="https://www.csdndoc.com/tag/%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f" class="tag-cloud-link tag-link-39 tag-link-position-13" style="font-size: 10.413793103448pt;" aria-label="应用程序 (410个项目)">应用程序</a> <a href="https://www.csdndoc.com/tag/%e6%89%8b%e6%9c%ba" class="tag-cloud-link tag-link-28 tag-link-position-14" style="font-size: 10.293103448276pt;" aria-label="手机 (400个项目)">手机</a> <a href="https://www.csdndoc.com/tag/%e6%8c%87%e9%92%88" class="tag-cloud-link tag-link-849 tag-link-position-15" style="font-size: 8.1206896551724pt;" aria-label="指针 (262个项目)">指针</a> <a href="https://www.csdndoc.com/tag/%e6%8e%a5%e5%8f%a3" class="tag-cloud-link tag-link-110 tag-link-position-16" style="font-size: 10.293103448276pt;" aria-label="接口 (401个项目)">接口</a> <a href="https://www.csdndoc.com/tag/%e6%8f%92%e5%85%a5%e5%9b%be%e7%89%87" class="tag-cloud-link tag-link-336 tag-link-position-17" style="font-size: 16.689655172414pt;" aria-label="插入图片 (1,344个项目)">插入图片</a> <a href="https://www.csdndoc.com/tag/%e6%93%8d%e4%bd%9c" class="tag-cloud-link tag-link-179 tag-link-position-18" style="font-size: 9.9310344827586pt;" aria-label="操作 (368个项目)">操作</a> <a href="https://www.csdndoc.com/tag/%e6%95%b0%e6%8d%ae" class="tag-cloud-link tag-link-97 tag-link-position-19" style="font-size: 17.775862068966pt;" aria-label="数据 (1,667个项目)">数据</a> <a href="https://www.csdndoc.com/tag/%e6%95%b0%e6%8d%ae%e5%ba%93" class="tag-cloud-link tag-link-92 tag-link-position-20" style="font-size: 9.448275862069pt;" aria-label="数据库 (336个项目)">数据库</a> <a href="https://www.csdndoc.com/tag/%e6%95%b0%e7%bb%84" class="tag-cloud-link tag-link-671 tag-link-position-21" style="font-size: 13.068965517241pt;" aria-label="数组 (669个项目)">数组</a> <a href="https://www.csdndoc.com/tag/%e6%96%87%e4%bb%b6" class="tag-cloud-link tag-link-109 tag-link-position-22" style="font-size: 15.724137931034pt;" aria-label="文件 (1,127个项目)">文件</a> <a href="https://www.csdndoc.com/tag/%e6%96%b9%e6%b3%95" class="tag-cloud-link tag-link-112 tag-link-position-23" style="font-size: 15.362068965517pt;" aria-label="方法 (1,035个项目)">方法</a> <a href="https://www.csdndoc.com/tag/%e6%97%b6%e9%97%b4" class="tag-cloud-link tag-link-21 tag-link-position-24" style="font-size: 8.6034482758621pt;" aria-label="时间 (290个项目)">时间</a> <a href="https://www.csdndoc.com/tag/%e6%a8%a1%e5%9e%8b" class="tag-cloud-link tag-link-49 tag-link-position-25" style="font-size: 8.1206896551724pt;" aria-label="模型 (263个项目)">模型</a> <a href="https://www.csdndoc.com/tag/%e7%89%88%e6%9c%ac" class="tag-cloud-link tag-link-15 tag-link-position-26" style="font-size: 9.2068965517241pt;" aria-label="版本 (319个项目)">版本</a> <a href="https://www.csdndoc.com/tag/%e7%94%a8%e6%88%b7" class="tag-cloud-link tag-link-100 tag-link-position-27" style="font-size: 15.241379310345pt;" aria-label="用户 (1,018个项目)">用户</a> <a href="https://www.csdndoc.com/tag/%e7%94%b5%e8%84%91" class="tag-cloud-link tag-link-564 tag-link-position-28" style="font-size: 9.8103448275862pt;" aria-label="电脑 (360个项目)">电脑</a> <a href="https://www.csdndoc.com/tag/%e7%9a%84%e6%98%af" class="tag-cloud-link tag-link-41 tag-link-position-29" style="font-size: 8.9655172413793pt;" aria-label="的是 (306个项目)">的是</a> <a href="https://www.csdndoc.com/tag/%e7%a8%8b%e5%ba%8f" class="tag-cloud-link tag-link-102 tag-link-position-30" style="font-size: 22pt;" aria-label="程序 (3,730个项目)">程序</a> <a href="https://www.csdndoc.com/tag/%e7%a8%8b%e5%ba%8f%e5%91%98" class="tag-cloud-link tag-link-58 tag-link-position-31" style="font-size: 11.258620689655pt;" aria-label="程序员 (479个项目)">程序员</a> <a href="https://www.csdndoc.com/tag/%e7%ae%97%e6%b3%95" class="tag-cloud-link tag-link-225 tag-link-position-32" style="font-size: 8.4827586206897pt;" aria-label="算法 (284个项目)">算法</a> <a href="https://www.csdndoc.com/tag/%e7%b1%bb%e5%9e%8b" class="tag-cloud-link tag-link-273 tag-link-position-33" style="font-size: 8.8448275862069pt;" aria-label="类型 (303个项目)">类型</a> <a href="https://www.csdndoc.com/tag/%e7%b3%bb%e7%bb%9f" class="tag-cloud-link tag-link-138 tag-link-position-34" style="font-size: 10.655172413793pt;" aria-label="系统 (424个项目)">系统</a> <a href="https://www.csdndoc.com/tag/%e7%ba%bf%e7%a8%8b" class="tag-cloud-link tag-link-463 tag-link-position-35" style="font-size: 11.862068965517pt;" aria-label="线程 (532个项目)">线程</a> <a href="https://www.csdndoc.com/tag/%e7%bb%84%e4%bb%b6" class="tag-cloud-link tag-link-523 tag-link-position-36" style="font-size: 10.775862068966pt;" aria-label="组件 (438个项目)">组件</a> <a href="https://www.csdndoc.com/tag/%e8%87%aa%e5%b7%b1%e7%9a%84" class="tag-cloud-link tag-link-5 tag-link-position-37" style="font-size: 15pt;" aria-label="自己的 (971个项目)">自己的</a> <a href="https://www.csdndoc.com/tag/%e8%8a%82%e7%82%b9" class="tag-cloud-link tag-link-676 tag-link-position-38" style="font-size: 12.344827586207pt;" aria-label="节点 (584个项目)">节点</a> <a href="https://www.csdndoc.com/tag/%e8%ae%be%e5%a4%87" class="tag-cloud-link tag-link-25 tag-link-position-39" style="font-size: 8.2413793103448pt;" aria-label="设备 (268个项目)">设备</a> <a href="https://www.csdndoc.com/tag/%e8%af%ad%e8%a8%80" class="tag-cloud-link tag-link-36 tag-link-position-40" style="font-size: 9.8103448275862pt;" aria-label="语言 (360个项目)">语言</a> <a href="https://www.csdndoc.com/tag/%e8%bd%af%e4%bb%b6" class="tag-cloud-link tag-link-155 tag-link-position-41" style="font-size: 10.534482758621pt;" aria-label="软件 (417个项目)">软件</a> <a href="https://www.csdndoc.com/tag/%e9%98%9f%e5%88%97" class="tag-cloud-link tag-link-678 tag-link-position-42" style="font-size: 8pt;" aria-label="队列 (254个项目)">队列</a> <a href="https://www.csdndoc.com/tag/%e9%a1%b5%e9%9d%a2" class="tag-cloud-link tag-link-279 tag-link-position-43" style="font-size: 9.5689655172414pt;" aria-label="页面 (349个项目)">页面</a> <a href="https://www.csdndoc.com/tag/%e9%a1%b9%e7%9b%ae" class="tag-cloud-link tag-link-82 tag-link-position-44" style="font-size: 10.172413793103pt;" aria-label="项目 (392个项目)">项目</a> <a href="https://www.csdndoc.com/tag/%e9%b8%bf%e8%92%99" class="tag-cloud-link tag-link-136 tag-link-position-45" style="font-size: 8pt;" aria-label="鸿蒙 (257个项目)">鸿蒙</a></div> </div> <div class="widget box row"> <div id="tab-title"> <div class="tab"> <ul id="tabnav"> <li class="selected">猜你想看的文章</li> </ul> </div> <div class="clear"></div> </div> <div id="tab-content"> <ul> <li><a href="https://www.csdndoc.com/doc/5114.html">基于朴素的BFS，增加路径记载与方向记录的功能</a></li> <li><a href="https://www.csdndoc.com/doc/1295.html">【重温SSM框架系列】4 - Spring集成web环境（三层结构和配置监听器）</a></li> <li><a href="https://www.csdndoc.com/wzlb/21489.html">chatgpt可以开发小程序吗</a></li> <li><a href="https://www.csdndoc.com/cj/19575.html">农村人过年送钱叫什么</a></li> <li><a href="https://www.csdndoc.com/doc/4715.html">【备赛冲刺】第十二届蓝桥省赛第二场B组详细题解陆续更新ing</a></li> <li><a href="https://www.csdndoc.com/doc/11862.html">CSS、Bootstrap 入门级教程/知识总结/速成/进阶版/全面详细【含代码】</a></li> <li><a href="https://www.csdndoc.com/doc/12993.html">《python机器学习从入门到高级》：线性回归和正则化（含源码）</a></li> <li><a href="https://www.csdndoc.com/wzlb/21137.html">小程序怎么申请</a></li> <li><a href="https://www.csdndoc.com/doc/6164.html">【Appium】真机连接及定位元素</a></li> <li><a href="https://www.csdndoc.com/doc/14796.html">一零零七、Docker快速入门</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="clear"></div> <div id="footer"> <div class="container"> <div class="twothird"> </div> </div> <div class="container"> <div class="twothird"> <div class="copyright"> Copyright © 2012 - 2025 <a href="https://www.csdndoc.com/">程序员档案馆</a> Powered by <a href="/lists">网站分类目录</a> | <a href="/top100.php" target="_blank">精选推荐文章</a> | <a href="/sitemap.xml" target="_blank">网站地图</a> | <a href="/post/" target="_blank">疑难解答</a> <a href="https://beian.miit.gov.cn/" rel="external">陕ICP备05009492号</a> 声明：本站内容来自互联网，如信息有错误可发邮件到f_fb#foxmail.com说明，我们会及时纠正，谢谢 本站仅为个人兴趣爱好，不接盈利性广告及商业合作 </div> </div> <div class="third"> <a href="http://www.xiaoboy.cn" target="_blank">小男孩</a> </div> </div> </div>  <div id="tbox"> <a id="home" href="https://www.csdndoc.com" title="返回首页"></a> <a id="pinglun" href="#comments_box" title="前往评论"></a> <a id="gotop" href="javascript:void(0)" title="返回顶部"></a> </div> <script src="//css.5d.ink/body5.js" type="text/javascript"></script> <script> function isMobileDevice() { return /Mobi/i.test(navigator.userAgent) || /Android/i.test(navigator.userAgent) || /iPhone|iPad|iPod/i.test(navigator.userAgent) || /Windows Phone/i.test(navigator.userAgent); } // 加载对应的 JavaScript 文件 if (isMobileDevice()) { var script = document.createElement('script'); script.src = '//css.5d.ink/js/menu.js'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } </script> <script> $(document).ready(function() { $("#sidebar-follow").pin({ containerSelector: ".main-container", padding: {top:64}, minWidth: 768 }); $(".mainmenu").pin({ containerSelector: ".container", padding: {top:0} }); $(".swipebox").swipebox(); }); </script> </body></html>