卷标 , 属性名称 , 简介
批注
跑马灯
普通卷动
滑动
立即学习“前端免费学习笔记（深入）”；
预设卷动
来回卷动
向下卷动
向上卷动
向右卷动
向左卷动
卷动次数
设定宽度
设定高度
设定背景颜色
设定卷动距离
设定卷动时间
字体效果
有道翻译AI助手
有道翻译提供即时免费的中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、越南语、印尼语、意大利语、荷兰语、泰语全文翻译、网页翻译、文档翻译、PDF翻
下载
...
标题字(最大)
...
标题字(最小)
...粗体字
...粗体字(强调)
...斜体字
...斜体字(强调)
...斜体字(表示定义)
...底线
...底线(表示插入文字)
...横线
...删除线
...删除线(表示删除)
...键盘文字
... 打字体
<![CDATA[...]]>固定宽度字体(在文件中空白、换行、定位功能有效)
<![CDATA[...</plaintext>固定宽度字体(不执行标记符号)</p>
<p></p>
<listing>...</listing> 固定宽度小字体<p>...字体颜色</p>
<p>...最小字体</p>
<p><font style="font-size:100" px>...无限增大</font></p>
<p>区断标记</p>
<p></p>
<hr>水平线<p></p>
<hr size="9">水平线(设定大小)<p></p>
<hr width="80%">水平线(设定宽度)<p></p>
<hr color="ff0000">水平线(设定颜色)<p><br>(换行)</p>
<p><nobr>...</nobr>水域(不换行)</p>
<p></p>
<p>...</p>水域(段落)<p></p>
<center>...</center>置中<p>连结格式</p>
<p><base>(预设好连结路径)</p>
<p><a href="%E5%9C%B0%E5%9D%80">外部连结</a></p>
<p><a href="%E5%9C%B0%E5%9D%80" target="_blank">外部连结(另开新窗口)</a></p>
<p><a href="%E5%9C%B0%E5%9D%80" target="_top">外部连结(全窗口连结)</a></p>
<p><a href="%E5%9C%B0%E5%9D%80" target="页框名">外部连结(在指定页框连结)</a></p>
<p>贴图/音乐</p>
<p><img src="%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" alt="HTML语法大全" >贴图</p>
<p><img src="%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" style="max-width:90%" alt="HTML语法大全" >设定图片宽度</p>
<p><img src="%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" style="max-width:90%" alt="HTML语法大全" >设定图片高度</p>
<p><img src="%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" alt="提示文字">设定图片提示文字</p>
<p><img src="%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" border="1" alt="HTML语法大全" >设定图片边框</p>
<p><bgsound src="MID%E9%9F%B3%E4%B9%90%E6%96%87%E4%BB%B6%E5%9C%B0%E5%9D%80">背景音乐设定</bgsound></p>
<p>表格语法</p>
<p></p>
<table aling="left">...</table>表格位置,置左<p></p>
<table aling="center">...</table>表格位置,置中<p></p>
<table background="图片路径">...</table>背景图片的URL=就是路径网址<p></p>
<table border="边框大小">...</table>设定表格边框大小(使用数字)<p></p>
<table bgcolor="颜色码">...</table>设定表格的背景颜色<p></p>
<table borderclor="颜色码">...</table>设定表格边框的颜色<p></p>
<table borderclordark="颜色码">...</table>设定表格暗边框的颜色<p></p>
<table borderclorlight="颜色码">...</table>设定表格亮边框的颜色<p></p>
<table cellpadding="参数">...</table>指定内容与网格线之间的间距(使用数字)<p></p>
<table cellspacing="参数">...</table>指定网格线与网格线之间的距离(使用数字)<p></p>
<table cols="参数">...</table>指定表格的栏数<p></p>
<table frame="参数">...</table>设定表格外框线的显示方式<p></p>
<table width="宽度">...</table>指定表格的宽度大小(使用数字)<p></p>
<table height="高度">...</table>指定表格的高度大小(使用数字)<p></p>
<td colspan="参数">...</td>指定储存格合并栏的栏数(使用数字)<p></p>
<td rowspan="参数">...</td>指定储存格合并列的列数(使用数字)<p>分割窗口</p>
<p></p>
<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整<p></p>
<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整<p></p>
<frameset cols="20%,*">分割左右两个框架<p></p>
<frameset cols="20%,*,20%">分割左中右三个框架<p></p>
<p></p>
<frameset rows="20%,*,20%">分割上中下三个框架<p> 批注</p>
<p><a href target> 指定超级链接的分割窗口</a></p>
<p><a href="#%E9%94%9A%E7%9A%84%E5%90%8D%E7%A7%B0"> 指定锚名称的超级链接</a></p>
<p><a href> 指定超级链接</a></p>
<p><a name="%E9%94%9A%E7%9A%84%E5%90%8D%E7%A7%B0"> 被连结点的名称</a></p>
<p></p>
<address>....</address> 用来显示电子邮箱地址<p><b> 粗体字</b></p>
<p><base target> 指定超级链接的分割窗口</p>
<p><basefont size> 更改预设字形大小</p>
<p><bgsound src> 加入背景音乐</bgsound></p>
<p><big> 显示大字体</big></p>
<p><blink> 闪烁的文字</blink></p>
<p></p> 设定文字颜色<p></p> 显示本文<p><br> 换行</p>
<p></p>
<caption align> 设定表格标题位置<p></p>
<caption>...</caption> 为表格加上标题<p></p>
<center> 向中对齐<p><cite>...<cite> 用于引经据典的文字</cite></cite></p>
<p><code>...</code> 用于列出一段程序代码</p>
<p><comment>...</comment> 加上批注</p>
<p></p>
<dd> 设定定义列表的项目解说<p><dfn>...</dfn> 显示"定义"文字</p>
<p></p>
<dir>...</dir> 列表文字卷标<p></p>
<dl>...</dl> 设定定义列表的卷标<p></p>
</dd>
<dt> 设定定义列表的项目<p><em> 强调之用</em></p>
<p><font face> 任意指定所用的字形</font></p>
<p><font size> 设定字体大小</font></p>
<p></p>
<form action> 设定户动式窗体的处理方式<p></p>
</form>
<form method> 设定户动式窗体之资料传送方式<p><frame marginheight> 设定窗口的上下边界</p>
<p><frame marginwidth> 设定窗口的左右边界</p>
<p><frame name> 为分割窗口命名</p>
<p><frame noresize> 锁住分割窗口的大小</p>
<p><frame scrolling> 设定分割窗口的滚动条</p>
<p><frame src> 将HTML文件加入窗口</p>
<p></p>
<frameset cols> 将窗口分割成左右的子窗口<p></p>
<frameset rows> 将窗口分割成上下的子窗口<p></p>
<frameset>...</frameset> 划分分割窗口<p></p>
<h1>~<h6> 设定文字大小</h6>
</h1>
<p></p> 标示文件信息<p></p>
<hr> 加上分网格线<p> 文件的开始与结束</p>
<p><i> 斜体字</i></p>
<p><img align alt="HTML语法大全" > 调整图形影像的位置</p>
<p><img alt> 为你的图形影像加注</p>
<p><img dynsrc loop alt="HTML语法大全" > 加入影片</p>
<p><img height width alt="HTML语法大全" > 插入图片并预设图形大小</p>
<p>更多HTML语法大全相关文章请关注PHP中文网！</p>
</frameset>
</frameset>
</form>
</dt>
</center>
</caption>
</frameset>
</frameset>
</frameset>
</frameset>
</frameset> </div>
<div class="artmoreart ">
<div class="artdp artptit"><span></span>
<p>相关文章</p>
</div>
<div class="artmores flexColumn">
<a class="artmrlis flexRow" href="/faq/2045804.html" title="html个人页面结构怎么搭_常用html页面框架搭建法【结构】"><b></b>
<p class="overflowclass">html个人页面结构怎么搭_常用html页面框架搭建法【结构】</p>
</a>
<a class="artmrlis flexRow" href="/faq/2045799.html" title="html5可视化编辑怎么加选项卡_html5可视化选项卡制作教程【步骤】"><b></b>
<p class="overflowclass">html5可视化编辑怎么加选项卡_html5可视化选项卡制作教程【步骤】</p>
</a>
<a class="artmrlis flexRow" href="/faq/2045771.html" title="html5日期格式如何动态改变格式_html5日期格式动态切换法【语法】"><b></b>
<p class="overflowclass">html5日期格式如何动态改变格式_html5日期格式动态切换法【语法】</p>
</a>
<a class="artmrlis flexRow" href="/faq/2045750.html" title="html个人页面怎么加时间轴_html时间线布局与样式【排版】"><b></b>
<p class="overflowclass">html个人页面怎么加时间轴_html时间线布局与样式【排版】</p>
</a>
<a class="artmrlis flexRow" href="/faq/2045743.html" title="Next.js 静态生成页面源码缺失问题的完整解决方案"><b></b>
<p class="overflowclass">Next.js 静态生成页面源码缺失问题的完整解决方案</p>
</a>
</div>
<div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)"><img
src="https://img.php.cn/upload/Recdownload/000/000/085/66723a3016a41308.jpg" alt="HTML速学教程(入门课程)"></a>
<div class="aritcle_card_info flexColumn">
<a href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)">HTML速学教程(入门课程)</a>
<p>HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！</p>
</div>
<a href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div>
<p class="statement">本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn</p>
<div class="lastanext flexRow">
<a class="lastart flexRow" href="/faq/344947.html" title="HTML标签详解"><span>上一篇：</span>HTML标签详解</a>
<a class="nextart flexRow" href="/faq/344967.html" title=" HTML基本语法总结"><span>下一篇：</span> HTML基本语法总结</a>
</div>
</div>
<div class="artlef-down ">
<div class="authormore ">
<div class="rightdTitle flexRow">
<div class="title-left flexRow"> <b></b>
<p>作者最新文章</p>
</div>
</div>
<div class="authlist flexColumn">
<div class="autharts flexRow">
<a class="autharta flexRow " href="/faq/338018.html" title="实现一个 Java 版的 Redis"><b></b>
<p class="overflowclass">实现一个 Java 版的 Redis</p>
</a>
<div class="authtime flexRow"><b></b>
<p>2018-05-30 13:56</p>
</div>
</div>
</div>
<div class="authlist flexColumn">
<div class="autharts flexRow">
<a class="autharta flexRow " href="/faq/346502.html" title="Asp.net使用SignalR实现发送图片"><b></b>
<p class="overflowclass">Asp.net使用SignalR实现发送图片</p>
</a>
<div class="authtime flexRow"><b></b>
<p>2018-05-28 16:22</p>
</div>
</div>
</div>
<div class="authlist flexColumn">
<div class="autharts flexRow">
<a class="autharta flexRow " href="/faq/350853.html" title="HTML5:使用Canvas实时处理Video"><b></b>
<p class="overflowclass">HTML5:使用Canvas实时处理Video</p>
</a>
<div class="authtime flexRow"><b></b>
<p>2018-05-28 17:58</p>
</div>
</div>
</div>
<div class="authlist flexColumn">
<div class="autharts flexRow">
<a class="autharta flexRow " href="/faq/353509.html" title="最简单的微信小程序Demo"><b></b>
<p class="overflowclass">最简单的微信小程序Demo</p>
</a>
<div class="authtime flexRow"><b></b>
<p>2018-05-30 10:20</p>
</div>
</div>
</div>
<div class="authlist flexColumn">
<div class="autharts flexRow">
<a class="autharta flexRow " href="/faq/354423.html" title="Python构造自定义方法来美化字典结构输出"><b></b>
<p class="overflowclass">Python构造自定义方法来美化字典结构输出</p>
</a>
<div class="authtime flexRow"><b></b>
<p>2018-05-29 10:33</p>
</div>
</div>
</div>
<div class="authlist flexColumn">
<div class="autharts flexRow">
<a class="autharta flexRow " href="/faq/354750.html" title="html设置加粗、倾斜、下划线、删除线等字体效果示例介绍"><b></b>
<p class="overflowclass">html设置加粗、倾斜、下划线、删除线等字体效果示例介绍</p>
</a>
<div class="authtime flexRow"><b></b>
<p>2018-05-31 09:48</p>
</div>
</div>
</div>
<div class="authlist flexColumn">
<div class="autharts flexRow">
<a class="autharta flexRow " href="/faq/354839.html" title=" 微信小程序：如何实现tabs选项卡效果示例"><b></b>
<p class="overflowclass"> 微信小程序：如何实现tabs选项卡效果示例</p>
</a>
<div class="authtime flexRow"><b></b>
<p>2018-05-29 15:01</p>
</div>
</div>
</div>
<div class="authlist flexColumn">
<div class="autharts flexRow">
<a class="autharta flexRow " href="/faq/354842.html" title="微信小程序开发教程-App()和Page()函数概述"><b></b>
<p class="overflowclass">微信小程序开发教程-App()和Page()函数概述</p>
</a>
<div class="authtime flexRow"><b></b>
<p>2018-05-28 16:19</p>
</div>
</div>
</div>
<div class="authlist flexColumn">
<div class="autharts flexRow">
<a class="autharta flexRow " href="/faq/356272.html" title="python中pandas.DataFrame（创建、索引、增添与删除）的简单操作方法介绍"><b></b>
<p class="overflowclass">python中pandas.DataFrame（创建、索引、增添与删除）的简单操作方法介绍</p>
</a>
<div class="authtime flexRow"><b></b>
<p>2018-05-29 15:23</p>
</div>
</div>
</div>
<div class="authlist flexColumn">
<div class="autharts flexRow">
<a class="autharta flexRow " href="/faq/356574.html" title="详解python redis使用方法"><b></b>
<p class="overflowclass">详解python redis使用方法</p>
</a>
<div class="authtime flexRow"><b></b>
<p>2018-05-28 15:01</p>
</div>
</div>
</div>
</div>
<div class="moreAi ">
<div class="rightdTitle flexRow">
<div class="title-left flexRow"> <b></b>
<p>热门AI工具</p>
</div>
<a target="_blank" class="rititle-more flexRow" href="/ai" title="热门AI工具"><span>更多</span><b></b></a>
</div>
<div class="moreailist flexRow">
<div class="aidcons flexRow ">
<div class="aibtns flexRow">
<a target="_blank" href="/ai/723" title="DeepSeek" class="aibtnsa flexRow" >
<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679963982777.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="DeepSeek" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="aibtn-right flexColumn">
<a target="_blank" href="/ai/723" title="DeepSeek" class="overflowclass abripone">DeepSeek</a>
<p class="overflowclass abriptwo">幻方量化公司旗下的开源大模型平台</p>
<div class="aidconstab flexRow">
<a class="aidcontbp flexRow flexcenter" href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/chat" target="_blank" >AI 聊天问答</a> </div>
</div>
</div>
</div>
<div class="aidcons flexRow ">
<div class="aibtns flexRow">
<a target="_blank" href="/ai/726" title="豆包大模型" class="aibtnsa flexRow" >
<img src="https://img.php.cn/upload/ai_manual/000/000/000/175680204067325.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="豆包大模型" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="aibtn-right flexColumn">
<a target="_blank" href="/ai/726" title="豆包大模型" class="overflowclass abripone">豆包大模型</a>
<p class="overflowclass abriptwo">字节跳动自主研发的一系列大型语言模型</p>
<div class="aidconstab flexRow">
<a class="aidcontbp flexRow flexcenter" href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/code/large-model" target="_blank" >AI大模型</a> </div>
</div>
</div>
</div>
<div class="aidcons flexRow ">
<div class="aibtns flexRow">
<a target="_blank" href="/ai/725" title="通义千问" class="aibtnsa flexRow" >
<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679974228210.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="通义千问" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="aibtn-right flexColumn">
<a target="_blank" href="/ai/725" title="通义千问" class="overflowclass abripone">通义千问</a>
<p class="overflowclass abriptwo">阿里巴巴推出的全能AI助手</p>
<div class="aidconstab flexRow">
<a class="aidcontbp flexRow flexcenter" href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/ai-agent" target="_blank" >Agent智能体</a> </div>
</div>
</div>
</div>
<div class="aidcons flexRow ">
<div class="aibtns flexRow">
<a target="_blank" href="/ai/854" title="腾讯元宝" class="aibtnsa flexRow" >
<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679978251103.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="腾讯元宝" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="aibtn-right flexColumn">
<a target="_blank" href="/ai/854" title="腾讯元宝" class="overflowclass abripone">腾讯元宝</a>
<p class="overflowclass abriptwo">腾讯混元平台推出的AI助手</p>
<div class="aidconstab flexRow">
<a class="aidcontbp flexRow flexcenter" href="/ai/tag/office/docs" target="_blank" >文档处理</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/chat" target="_blank" >AI 聊天问答</a> </div>
</div>
</div>
</div>
<div class="aidcons flexRow ">
<div class="aibtns flexRow">
<a target="_blank" href="/ai/724" title="文心一言" class="aibtnsa flexRow" >
<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679974557049.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="文心一言" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="aibtn-right flexColumn">
<a target="_blank" href="/ai/724" title="文心一言" class="overflowclass abripone">文心一言</a>
<p class="overflowclass abriptwo">文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。</p>
<div class="aidconstab flexRow">
<a class="aidcontbp flexRow flexcenter" href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/text" target="_blank" >AI 文本写作</a> </div>
</div>
</div>
</div>
<div class="aidcons flexRow ">
<div class="aibtns flexRow">
<a target="_blank" href="/ai/1507" title="讯飞写作" class="aibtnsa flexRow" >
<img src="https://img.php.cn/upload/ai_manual/000/969/633/68b7a4153cd86671.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="讯飞写作" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="aibtn-right flexColumn">
<a target="_blank" href="/ai/1507" title="讯飞写作" class="overflowclass abripone">讯飞写作</a>
<p class="overflowclass abriptwo">基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿</p>
<div class="aidconstab flexRow">
<a class="aidcontbp flexRow flexcenter" href="/ai/tag/text" target="_blank" >AI 文本写作</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/text/chinese-writing" target="_blank" >中文写作</a> </div>
</div>
</div>
</div>
<div class="aidcons flexRow ">
<div class="aibtns flexRow">
<a target="_blank" href="/ai/1115" title="即梦AI" class="aibtnsa flexRow" >
<img src="https://img.php.cn/upload/ai_manual/001/246/273/68b6d8f7c530c315.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="即梦AI" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="aibtn-right flexColumn">
<a target="_blank" href="/ai/1115" title="即梦AI" class="overflowclass abripone">即梦AI</a>
<p class="overflowclass abriptwo">一站式AI创作平台，免费AI图片和视频生成。</p>
<div class="aidconstab flexRow">
<a class="aidcontbp flexRow flexcenter" href="" target="_blank" ></a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/image/image-titching" target="_blank" >图片拼接</a> </div>
</div>
</div>
</div>
<div class="aidcons flexRow ">
<div class="aibtns flexRow">
<a target="_blank" href="/ai/808" title="ChatGPT" class="aibtnsa flexRow" >
<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679970194596.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="ChatGPT" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="aibtn-right flexColumn">
<a target="_blank" href="/ai/808" title="ChatGPT" class="overflowclass abripone">ChatGPT</a>
<p class="overflowclass abriptwo">最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。</p>
<div class="aidconstab flexRow">
<a class="aidcontbp flexRow flexcenter" href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/text" target="_blank" >AI 文本写作</a> </div>
</div>
</div>
</div>
<div class="aidcons flexRow ">
<div class="aibtns flexRow">
<a target="_blank" href="/ai/821" title="智谱清言 - 免费全能的AI助手" class="aibtnsa flexRow" >
<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679976181507.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="智谱清言 - 免费全能的AI助手" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="aibtn-right flexColumn">
<a target="_blank" href="/ai/821" title="智谱清言 - 免费全能的AI助手" class="overflowclass abripone">智谱清言 - 免费全能的AI助手</a>
<p class="overflowclass abriptwo">智谱清言 - 免费全能的AI助手</p>
<div class="aidconstab flexRow">
<a class="aidcontbp flexRow flexcenter" href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/ai-agent" target="_blank" >Agent智能体</a> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="conRight artdtilRight ">
<div class="artrig-adv ">
<script type="text/javascript" src="https://teacher.php.cn/php/MDM3MTk1MGYxYjI5ODJmNTE0ZWVkZTA3NmJhYzhmMjI6Og=="></script>
</div>
<div class="hotzt artdtzt">
<div class="rightdTitle flexRow">
<div class="title-left flexRow"> <b></b>
<p>相关专题</p>
</div>
<a target="_blank" class="rititle-more flexRow" href="/faq/zt" title="相关专题"><span>更多</span><b></b></a>
</div>
<div class="hotztuls flexColumn">
<div class="hotztlls flexRow">
<a target="_blank" href="/faq/csjmsyrjjg" class="aClass flexRow hotzta" title="C++ 设计模式与软件架构"><img
src="https://img.php.cn/upload/subject/202601/30/2026013010035824284.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="C++ 设计模式与软件架构" class="hotztaimg"
onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
<div class="hotztright flexColumn">
<a target="_blank" href="/faq/csjmsyrjjg" class="aClass flexRow hotztra overflowclass" title="C++ 设计模式与软件架构">C++ 设计模式与软件架构</a>
<p class="aClass flexRow hotztrp overflowclass">本专题深入讲解 C++ 中的常见设计模式与架构优化，包括单例模式、工厂模式、观察者模式、策略模式、命令模式等，结合实际案例展示如何在 C++ 项目中应用这些模式提升代码可维护性与扩展性。通过案例分析，帮助开发者掌握 如何运用设计模式构建高质量的软件架构，提升系统的灵活性与可扩展性。</p>
<div class="hotztrdown flexRow">
<div class="htztdsee flexRow"> <b></b>
<p class="">14</p>
</div>
<div class="htztdTime flexRow"> <b></b>
<p>2026.01.30</p>
</div>
</div>
</div>
</div>
<div class="hotztlls flexRow">
<a target="_blank" href="/faq/cjjzfcgsh" class="aClass flexRow hotzta" title="c++ 字符串格式化"><img
src="https://img.php.cn/upload/subject/202601/30/2026013009581328823.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="c++ 字符串格式化" class="hotztaimg"
onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
<div class="hotztright flexColumn">
<a target="_blank" href="/faq/cjjzfcgsh" class="aClass flexRow hotztra overflowclass" title="c++ 字符串格式化">c++ 字符串格式化</a>
<p class="aClass flexRow hotztrp overflowclass">本专题整合了c++字符串格式化用法、输出技巧、实践等等内容，阅读专题下面的文章了解更多详细内容。</p>
<div class="hotztrdown flexRow">
<div class="htztdsee flexRow"> <b></b>
<p class="">9</p>
</div>
<div class="htztdTime flexRow"> <b></b>
<p>2026.01.30</p>
</div>
</div>
</div>
</div>
<div class="hotztlls flexRow">
<a target="_blank" href="/faq/javazfcgsh" class="aClass flexRow hotzta" title="java 字符串格式化"><img
src="https://img.php.cn/upload/subject/202601/30/2026013009503958383.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java 字符串格式化" class="hotztaimg"
onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
<div class="hotztright flexColumn">
<a target="_blank" href="/faq/javazfcgsh" class="aClass flexRow hotztra overflowclass" title="java 字符串格式化">java 字符串格式化</a>
<p class="aClass flexRow hotztrp overflowclass">本专题整合了java如何进行字符串格式化相关教程、使用解析、方法详解等等内容。阅读专题下面的文章了解更多详细教程。</p>
<div class="hotztrdown flexRow">
<div class="htztdsee flexRow"> <b></b>
<p class="">12</p>
</div>
<div class="htztdTime flexRow"> <b></b>
<p>2026.01.30</p>
</div>
</div>
</div>
</div>
<div class="hotztlls flexRow">
<a target="_blank" href="/faq/pythonzfcgsh" class="aClass flexRow hotzta" title="python 字符串格式化"><img
src="https://img.php.cn/upload/subject/202601/30/2026013009412416721.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="python 字符串格式化" class="hotztaimg"
onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
<div class="hotztright flexColumn">
<a target="_blank" href="/faq/pythonzfcgsh" class="aClass flexRow hotztra overflowclass" title="python 字符串格式化">python 字符串格式化</a>
<p class="aClass flexRow hotztrp overflowclass">本专题整合了python字符串格式化教程、实践、方法、进阶等等相关内容，阅读专题下面的文章了解更多详细操作。</p>
<div class="hotztrdown flexRow">
<div class="htztdsee flexRow"> <b></b>
<p class="">4</p>
</div>
<div class="htztdTime flexRow"> <b></b>
<p>2026.01.30</p>
</div>
</div>
</div>
</div>
<div class="hotztlls flexRow">
<a target="_blank" href="/faq/javarmxxhj" class="aClass flexRow hotzta" title="java入门学习合集"><img
src="https://img.php.cn/upload/subject/000/000/075/697b40d167f7c445.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java入门学习合集" class="hotztaimg"
onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
<div class="hotztright flexColumn">
<a target="_blank" href="/faq/javarmxxhj" class="aClass flexRow hotztra overflowclass" title="java入门学习合集">java入门学习合集</a>
<p class="aClass flexRow hotztrp overflowclass">本专题整合了java入门学习指南、初学者项目实战、入门到精通等等内容，阅读专题下面的文章了解更多详细学习方法。</p>
<div class="hotztrdown flexRow">
<div class="htztdsee flexRow"> <b></b>
<p class="">20</p>
</div>
<div class="htztdTime flexRow"> <b></b>
<p>2026.01.29</p>
</div>
</div>
</div>
</div>
<div class="hotztlls flexRow">
<a target="_blank" href="/faq/javapzhjbljch" class="aClass flexRow hotzta" title="java配置环境变量教程合集"><img
src="https://img.php.cn/upload/subject/000/000/075/697b3eeca4c96290.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java配置环境变量教程合集" class="hotztaimg"
onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
<div class="hotztright flexColumn">
<a target="_blank" href="/faq/javapzhjbljch" class="aClass flexRow hotztra overflowclass" title="java配置环境变量教程合集">java配置环境变量教程合集</a>
<p class="aClass flexRow hotztrp overflowclass">本专题整合了java配置环境变量设置、步骤、安装jdk、避免冲突等等相关内容，阅读专题下面的文章了解更多详细操作。</p>
<div class="hotztrdown flexRow">
<div class="htztdsee flexRow"> <b></b>
<p class="">18</p>
</div>
<div class="htztdTime flexRow"> <b></b>
<p>2026.01.29</p>
</div>
</div>
</div>
</div>
<div class="hotztlls flexRow">
<a target="_blank" href="/faq/javacpxxwz" class="aClass flexRow hotzta" title="java成品学习网站推荐大全"><img
src="https://img.php.cn/upload/subject/000/000/075/697b3ce34c1ad790.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java成品学习网站推荐大全" class="hotztaimg"
onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
<div class="hotztright flexColumn">
<a target="_blank" href="/faq/javacpxxwz" class="aClass flexRow hotztra overflowclass" title="java成品学习网站推荐大全">java成品学习网站推荐大全</a>
<p class="aClass flexRow hotztrp overflowclass">本专题整合了java成品网站、在线成品网站源码、源码入口等等相关内容，阅读专题下面的文章了解更多详细推荐内容。</p>
<div class="hotztrdown flexRow">
<div class="htztdsee flexRow"> <b></b>
<p class="">19</p>
</div>
<div class="htztdTime flexRow"> <b></b>
<p>2026.01.29</p>
</div>
</div>
</div>
</div>
<div class="hotztlls flexRow">
<a target="_blank" href="/faq/javazfcclsyjc" class="aClass flexRow hotzta" title="Java字符串处理使用教程合集"><img
src="https://img.php.cn/upload/subject/000/000/075/697b3a2f0eba1672.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Java字符串处理使用教程合集" class="hotztaimg"
onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
<div class="hotztright flexColumn">
<a target="_blank" href="/faq/javazfcclsyjc" class="aClass flexRow hotztra overflowclass" title="Java字符串处理使用教程合集">Java字符串处理使用教程合集</a>
<p class="aClass flexRow hotztrp overflowclass">本专题整合了Java字符串截取、处理、使用、实战等等教程内容，阅读专题下面的文章了解详细操作教程。</p>
<div class="hotztrdown flexRow">
<div class="htztdsee flexRow"> <b></b>
<p class="">3</p>
</div>
<div class="htztdTime flexRow"> <b></b>
<p>2026.01.29</p>
</div>
</div>
</div>
</div>
<div class="hotztlls flexRow">
<a target="_blank" href="/faq/javakdxxgjchj" class="aClass flexRow hotzta" title="Java空对象相关教程合集"><img
src="https://img.php.cn/upload/subject/000/000/075/697b37db731a5352.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Java空对象相关教程合集" class="hotztaimg"
onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
<div class="hotztright flexColumn">
<a target="_blank" href="/faq/javakdxxgjchj" class="aClass flexRow hotztra overflowclass" title="Java空对象相关教程合集">Java空对象相关教程合集</a>
<p class="aClass flexRow hotztrp overflowclass">本专题整合了Java空对象相关教程，阅读专题下面的文章了解更多详细内容。</p>
<div class="hotztrdown flexRow">
<div class="htztdsee flexRow"> <b></b>
<p class="">6</p>
</div>
<div class="htztdTime flexRow"> <b></b>
<p>2026.01.29</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="hotdownload ">
<div class="rightdTitle flexRow">
<div class="title-left flexRow"> <b></b>
<p>热门下载</p>
</div>
<a target="_blank" class="rititle-more flexRow" href="/xiazai" title="热门下载"><span>更多</span><b></b></a>
</div>
<div class="hotdownTab">
<div class="hdTabs flexRow">
<div class="check" data-id="onef">网站特效 <b></b> </div> /
<div class="" data-id="twof">网站源码 <b></b></div> /
<div class="" data-id="threef">网站素材 <b></b></div> /
<div class="" data-id="fourf">前端模板 <b></b></div>
</div>
<ul class="onef">
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" title="jQuery鼠标滚轮控制幻灯片切换" href="/xiazai/js/8740"><span>[图片特效]</span><span>jQuery鼠标滚轮控制幻灯片切换</span></a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" title="jQuery微信手机端答题表单特效" href="/xiazai/js/8739"><span>[表单按钮]</span><span>jQuery微信手机端答题表单特效</span></a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" title="js正则表达式表单验证代码" href="/xiazai/js/8738"><span>[表单按钮]</span><span>js正则表达式表单验证代码</span></a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" title="CSS3图片形状遮罩动画效果" href="/xiazai/js/8737"><span>[图片特效]</span><span>CSS3图片形状遮罩动画效果</span></a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" title="div css手机网站login表单特效" href="/xiazai/js/8736"><span>[表单按钮]</span><span>div css手机网站login表单特效</span></a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" title="qq空间遮罩层jQuery相册切换" href="/xiazai/js/8735"><span>[图片特效]</span><span>qq空间遮罩层jQuery相册切换</span></a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" title="jquery衣服尺寸勾选表单" href="/xiazai/js/8734"><span>[表单按钮]</span><span>jquery衣服尺寸勾选表单</span></a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" title="22款不同效果产品图片展示切换" href="/xiazai/js/8733"><span>[图片特效]</span><span>22款不同效果产品图片展示切换</span></a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" title="jquery带登录注册幻灯片代码" href="/xiazai/js/8732"><span>[表单按钮]</span><span>jquery带登录注册幻灯片代码</span></a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" title="jQuery图片放大变小切换代码" href="/xiazai/js/8731"><span>[图片特效]</span><span>jQuery图片放大变小切换代码</span></a>
</div>
</li>
</ul>
<ul class="twof" style="display:none;">
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/code/11355" title="openaishop"><span>[电商源码]</span><span>openaishop</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/code/11354" title="思翔企(事)业单位文件柜 build 20080313"><span>[其它模板]</span><span>思翔企(事)业单位文件柜 build 20080313</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/code/11353" title="雅龙智能装备工业设备类WordPress主题1.0"><span>[企业站源码]</span><span>雅龙智能装备工业设备类WordPress主题1.0</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/code/11352" title="威发卡自动发卡系统"><span>[电商源码]</span><span>威发卡自动发卡系统</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/code/11351" title="卡密分发系统"><span>[电商源码]</span><span>卡密分发系统</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/code/11350" title="中华陶瓷网"><span>[电商源码]</span><span>中华陶瓷网</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/code/11349" title="简洁粉色食品公司网站"><span>[电商源码]</span><span>简洁粉色食品公司网站</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/code/11348" title="极速网店系统"><span>[电商源码]</span><span>极速网店系统</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/code/11347" title="淘宝妈妈_淘客推广系统"><span>[电商源码]</span><span>淘宝妈妈_淘客推广系统</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/code/11346" title="积客B2SCMS商城系统"><span>[电商源码]</span><span>积客B2SCMS商城系统</span> </a>
</div>
</li>
</ul>
<ul class="threef" style="display:none;">
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/sucai/4307" title="手绘烘焙面包食材合集矢量素材"><span>[网站素材]</span><span>手绘烘焙面包食材合集矢量素材</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/sucai/4306" title="复古红日山峰风景矢量素材"><span>[网站素材]</span><span>复古红日山峰风景矢量素材</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/sucai/4305" title="极简复古意大利面海报矢量模板"><span>[网站素材]</span><span>极简复古意大利面海报矢量模板</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/sucai/4304" title="国风红色灯笼装饰合集矢量素材"><span>[网站素材]</span><span>国风红色灯笼装饰合集矢量素材</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/sucai/4303" title="快餐美食宣传海报模板INS下载"><span>[网站素材]</span><span>快餐美食宣传海报模板INS下载</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/sucai/4302" title="卡通灯塔房屋建筑合集矢量素材"><span>[网站素材]</span><span>卡通灯塔房屋建筑合集矢量素材</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/sucai/4301" title="黑色耳机宣传海报PSD模板设计下载"><span>[网站素材]</span><span>黑色耳机宣传海报PSD模板设计下载</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/sucai/4300" title="冬季蓝色雪花松枝合集矢量素材"><span>[网站素材]</span><span>冬季蓝色雪花松枝合集矢量素材</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/sucai/4299" title="情人节爱心主题海报PSD源文件设计下载"><span>[网站素材]</span><span>情人节爱心主题海报PSD源文件设计下载</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/sucai/4298" title="2026粉色梦幻马年矢量模板"><span>[网站素材]</span><span>2026粉色梦幻马年矢量模板</span> </a>
</div>
</li>
</ul>
<ul class="fourf" style="display:none;">
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/code/8590" title="驾照考试驾校HTML5网站模板"><span>[前端模板]</span><span>驾照考试驾校HTML5网站模板</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/code/8589" title="驾照培训服务机构宣传网站模板"><span>[前端模板]</span><span>驾照培训服务机构宣传网站模板</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/code/8588" title="HTML5房地产公司宣传网站模板"><span>[前端模板]</span><span>HTML5房地产公司宣传网站模板</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/code/8587" title="新鲜有机肉类宣传网站模板"><span>[前端模板]</span><span>新鲜有机肉类宣传网站模板</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/code/8586" title="响应式天气预报宣传网站模板"><span>[前端模板]</span><span>响应式天气预报宣传网站模板</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/code/8585" title="房屋建筑维修公司网站CSS模板"><span>[前端模板]</span><span>房屋建筑维修公司网站CSS模板</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/code/8584" title="响应式志愿者服务网站模板"><span>[前端模板]</span><span>响应式志愿者服务网站模板</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/code/8583" title="创意T恤打印店网站HTML5模板"><span>[前端模板]</span><span>创意T恤打印店网站HTML5模板</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/code/8582" title="网页开发岗位简历作品展示网页模板"><span>[前端模板]</span><span>网页开发岗位简历作品展示网页模板</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a target="_blank" href="/xiazai/code/8581" title="响应式人力资源机构宣传网站模板"><span>[前端模板]</span><span>响应式人力资源机构宣传网站模板</span> </a>
</div>
</li>
</ul>
</div>
<script>
$('.hdTabs>div').click(function (e) {
$('.hdTabs>div').removeClass('check')
$(this).addClass('check')
$('.hotdownTab>ul').css('display', 'none')
$('.' + e.currentTarget.dataset.id).show()
})
</script>
</div>
<div class="artrig-adv ">
<script type="text/javascript" src="https://teacher.php.cn/php/MDM3MTk1MGYxYjI5ODJmNTE0ZWVkZTA3NmJhYzhmMjI6Og=="></script>
</div>
<div class="xgarts ">
<div class="rightdTitle flexRow">
<div class="title-left flexRow"> <b></b>
<p>相关下载</p>
</div>
<a target="_blank" class="rititle-more flexRow" href="/xiazai" title="相关下载"><span>更多</span><b></b></a>
</div>
<div class="xgwzlist ">
<div class="xgwzlid flexRow"><b></b><a target="_blank" title="可视化柱形图排序交换代码" href="/xiazai/js/7932">可视化柱形图排序交换代码</a></div>
<div class="xgwzlid flexRow"><b></b><a target="_blank" title="网格图片手风琴jquery特效代码" href="/xiazai/js/426">网格图片手风琴jquery特效代码</a></div>
</div>
</div>
<div class="jpkc">
<div class="rightdTitle flexRow">
<div class="title-left flexRow"> <b></b>
<p>精品课程</p>
</div>
<a class="rititle-more flexRow" target="_blank" href="/course/sort_new.html" title="精品课程"><span>更多</span><b></b></a>
</div>
<div class=" jpkcTab">
<div class=" jpkcTabs flexRow">
<div class="check" data-id="onefd">相关推荐 <b></b> </div> /
<div class="" data-id="twofd">热门推荐 <b></b></div> /
<div class="" data-id="threefd">最新课程 <b></b></div>
</div>
<div class="onefd jpktabd">
<div class="ristyA flexRow " >
<a target="_blank" href="/course/1678.html" title="TypeScript 教程">
<img src="https://img.php.cn/upload/course/000/000/090/689af5e100b41499.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="TypeScript 教程" class="ristyAimg"
onerror="this.src='/static/mobimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a target="_blank" href="/course/1678.html" title="TypeScript 教程"
class="rirightp overflowclass">TypeScript 教程</a>
<div class="risrdown flexRow">
<p>共19课时 | 2.6万人学习</p>
</div>
</div>
</div>
<div class="ristyA flexRow " >
<a target="_blank" href="/course/1663.html" title="C++教程">
<img src="https://img.php.cn/upload/course/000/000/090/6891942b69b5d549.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="C++教程" class="ristyAimg"
onerror="this.src='/static/mobimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a target="_blank" href="/course/1663.html" title="C++教程"
class="rirightp overflowclass">C++教程</a>
<div class="risrdown flexRow">
<p>共115课时 | 14.9万人学习</p>
</div>
</div>
</div>
<div class="ristyA flexRow " >
<a target="_blank" href="/course/1660.html" title="CSS教程">
<img src="https://img.php.cn/upload/course/000/000/090/68774990cfb6f919.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="CSS教程" class="ristyAimg"
onerror="this.src='/static/mobimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a target="_blank" href="/course/1660.html" title="CSS教程"
class="rirightp overflowclass">CSS教程</a>
<div class="risrdown flexRow">
<p>共754课时 | 25.4万人学习</p>
</div>
</div>
</div>
</div>
<div class="twofd jpktabd" style="display:none;">
<div class="ristyA flexRow " >
<a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学">
<img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="JavaScript ES5基础线上课程教学" class="ristyAimg"
onerror="this.src='/static/mobimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学"
class="rirightp overflowclass">JavaScript ES5基础线上课程教学</a>
<div class="risrdown flexRow">
<p>共6课时 | 11.2万人学习</p>
</div>
</div>
</div>
<div class="ristyA flexRow " >
<a target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)">
<img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="ristyAimg"
onerror="this.src='/static/mobimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"
class="rirightp overflowclass">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a>
<div class="risrdown flexRow">
<p>共79课时 | 151.8万人学习</p>
</div>
</div>
</div>
<div class="ristyA flexRow " >
<a target="_blank" href="/course/639.html" title="phpStudy极速入门视频教程">
<img src="https://img.php.cn/upload/course/000/000/068/62611ef88fcec821.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="phpStudy极速入门视频教程" class="ristyAimg"
onerror="this.src='/static/mobimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a target="_blank" href="/course/639.html" title="phpStudy极速入门视频教程"
class="rirightp overflowclass">phpStudy极速入门视频教程</a>
<div class="risrdown flexRow">
<p>共6课时 | 53.4万人学习</p>
</div>
</div>
</div>
</div>
<div class="threefd jpktabd" style="display:none;">
<div class="ristyA flexRow " >
<a target="_blank" href="/course/1696.html" title="最新Python教程 从入门到精通">
<img src="https://img.php.cn/upload/course/000/000/081/68c135bb72783194.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="最新Python教程 从入门到精通" class="ristyAimg"
onerror="this.src='/static/mobimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a target="_blank" href="/course/1696.html" title="最新Python教程 从入门到精通"
class="rirightp overflowclass">最新Python教程 从入门到精通</a>
<div class="risrdown flexRow">
<p>共4课时 | 22.4万人学习</p>
</div>
</div>
</div>
<div class="ristyA flexRow " >
<a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学">
<img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="JavaScript ES5基础线上课程教学" class="ristyAimg"
onerror="this.src='/static/mobimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学"
class="rirightp overflowclass">JavaScript ES5基础线上课程教学</a>
<div class="risrdown flexRow">
<p>共6课时 | 11.2万人学习</p>
</div>
</div>
</div>
<div class="ristyA flexRow " >
<a target="_blank" href="/course/1655.html" title="PHP新手语法线上课程教学">
<img src="https://img.php.cn/upload/course/000/000/081/684a8c23d811b293.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="PHP新手语法线上课程教学" class="ristyAimg"
onerror="this.src='/static/mobimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a target="_blank" href="/course/1655.html" title="PHP新手语法线上课程教学"
class="rirightp overflowclass">PHP新手语法线上课程教学</a>
<div class="risrdown flexRow">
<p>共13课时 | 0.9万人学习</p>
</div>
</div>
</div>
</div>
<script>
$('.jpkcTabs>div').click(function (e) {
$('.jpkcTabs>div').removeClass('check')
$(this).addClass('check')
$('.jpkcTab .jpktabd').css('display', 'none')
$('.' + e.currentTarget.dataset.id).show()
})
</script>
</div>
</div>
<div class="zxarts ">
<div class="rightdTitle flexRow">
<div class="title-left flexRow"> <b></b>
<p>最新文章</p>
</div>
<a class="rititle-more flexRow" href="" title="最新文章" target="_blank"><span>更多</span><b></b></a>
</div>
<div class="xgwzlist ">
<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何让图片在容器内自适应尺寸并保持宽高比" href="/faq/2049505.html">如何让图片在容器内自适应尺寸并保持宽高比</a></div>
<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何从 HTML 响应中提取特定元素的值并保存到变量" href="/faq/2049497.html">如何从 HTML 响应中提取特定元素的值并保存到变量</a></div>
<div class="xgwzlid flexRow"><b></b><a target="_blank" title="CSS 动画首次点击失效：如何正确初始化元素位置以启用 transition" href="/faq/2049493.html">CSS 动画首次点击失效：如何正确初始化元素位置以启用 transition</a></div>
<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何从 HTML 响应中提取指定元素的值并存入变量" href="/faq/2049492.html">如何从 HTML 响应中提取指定元素的值并存入变量</a></div>
<div class="xgwzlid flexRow"><b></b><a target="_blank" title="WhatsApp 链接生成器中将空格替换为 + 号的完整实现教程" href="/faq/2049484.html">WhatsApp 链接生成器中将空格替换为 + 号的完整实现教程</a></div>
<div class="xgwzlid flexRow"><b></b><a target="_blank" title="CSS 动画首次点击失效的解决方案" href="/faq/2049468.html">CSS 动画首次点击失效的解决方案</a></div>
<div class="xgwzlid flexRow"><b></b><a target="_blank" title="CSS 动画首次点击失效？原因与解决方案详解" href="/faq/2049425.html">CSS 动画首次点击失效？原因与解决方案详解</a></div>
<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何为多个下拉菜单创建可复用的选项值同步函数" href="/faq/2049415.html">如何为多个下拉菜单创建可复用的选项值同步函数</a></div>
<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何为多个下拉选择框创建可复用的函数，自动同步选项值与文本内容" href="/faq/2049299.html">如何为多个下拉选择框创建可复用的函数，自动同步选项值与文本内容</a></div>
<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何为多个下拉选择框创建可复用的选项值同步函数" href="/faq/2049192.html">如何为多个下拉选择框创建可复用的选项值同步函数</a></div>
</div>
</div>
</div>
</div>
</div>
<!--底部-->
<div class="phpFoot">
<div class="phpFootIn">
<div class="phpFootCont">
<div class="phpFootLeft">
<dl>
<dt>
<a target="_blank" href="/about/us.html" rel="nofollow" title="关于我们" class="cBlack">关于我们</a>
<a target="_blank" href="/about/disclaimer.html" rel="nofollow" title="免责申明" class="cBlack">免责申明</a>
<a target="_blank" href="/about/jbzx.html" rel="nofollow" title="举报中心" class="cBlack">举报中心</a>
<a href="javascript:;" rel="nofollow" onclick="advice_data(99999999,'意见反馈')" title="意见反馈" class="cBlack">意见反馈</a>
<a target="_blank" href="https://www.php.cn/teacher.html" rel="nofollow" title="讲师合作" class="cBlack">讲师合作</a>
<a target="_blank" href="https://www.php.cn/blog/detail/20304.html" rel="nofollow" title="广告合作" class="cBlack">广告合作</a>
<a target="_blank" href="/new/" title="最新文章列表" class="cBlack">最新更新</a>
<div class="clear"></div>
</dt>
<dd class="cont1">php中文网：公益在线php培训，帮助PHP学习者快速成长！</dd>
<dd class="cont2">
<span class="ylwTopBox">
<a href="javascript:;" class="cBlack"><b class="icon1"></b>关注服务号</a>
<em style="display:none;" class="ylwTopSub">
<p>微信扫码<br/>关注PHP中文网服务号</p>
<img src="/static/images/examples/text16.png"/>
</em>
</span>
<span class="ylwTopBox">
<a href="tencent://message/?uin=27220243&Site=www.php.cn&Menu=yes" class="cBlack"><b class="icon2"></b>技术交流群</a>
<em style="display:none;" class="ylwTopSub">
<p>QQ扫码<br/>加入技术交流群</p>
<img src="/static/images/examples/text18.png"/>
</em>
</span>
<div class="clear"></div>
</dd>
</dl>
</div>
<div class="phpFootRight">
<div class="phpFootMsg">
<span><img src="/static/images/examples/text17.png"/></span>
<dl>
<dt>PHP中文网订阅号</dt>
<dd>每天精选资源文章推送</dd>
</dl>
</div>
</div>
</div>
</div>
<div class="phpFootCode">
<div class="phpFootCodeIn"><p>Copyright 2014-2026 <a href="https://www.php.cn/" >https://www.php.cn/</a> All Rights Reserved | php.cn | <a href="https://beian.miit.gov.cn/" rel="nofollow" >湘ICP备2023035733号</a></p><a href="http://www.beian.gov.cn/portal/index.do" rel="nofollow" ><b></b></a></div>
</div>
</div>
<input type="hidden" id="verifycode" value="/captcha.html">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script>
<span class="layui-hide"><script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1280886301&web_id=1280886301"></script></span>
<script src="/static/js/cdn.js?v=1.0.1"></script>
<!--底部 end-->
<!-- content -->
<!--
<div class="phpFudong">
<div class="phpFudongIn">
<div class="phpFudongImg"></div>
<div class="phpFudongXue">登录PHP中文网，和优秀的人一起学习！</div>
<div class="phpFudongQuan">全站<span>2000+</span>教程免费学</div>
<div class="phpFudongCode"><a href="javascript:;" id="login" title="微信扫码登录">微信扫码登录</a></div>
<div class="phpGuanbi" onclick="$('.phpFudong').hide();"></div>
<div class="clear"></div>
</div>
</div>
--> <!--底部浮动层 end-->
<!--侧导航-->
<style>
.layui-fixbar{display: none;}
</style>
<div class="phpSdhBox" style="height:240px !important;">
<li>
<div class="phpSdhIn">
<div class="phpSdhTitle">
<a href="/k24.html" class="hover" title="PHP学习">
<b class="icon1"></b>
<p>PHP学习</p>
</a>
</div>
</div>
</li>
<li>
<div class="phpSdhIn">
<div class="phpSdhTitle">
<a href="https://www.php.cn/blog/detail/1047189.html" >
<b class="icon2"></b>
<p>技术支持</p>
</a>
</div>
</div>
</li>
<li>
<div class="phpSdhIn">
<div class="phpSdhTitle">
<a href="#">
<b class="icon6"></b>
<p>返回顶部</p>
</a>
</div>
</div>
</li>
</div>
</body>
</html>
<script type="text/javascript" src="/hitsUp?type=article&id=344964&time=1769803182">
</script>
<script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1769803182"></script>
<script>
article_status = "13";
</script>
<input type="hidden" id="verifycode" value="/captcha.html">
<script type="text/javascript" src="/static/js/global.min.js?5.5.33"></script>
<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
<script type='text/javascript' src='/static/js/viewer.min.js?1'></script>
<script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script>var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();(function(){var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0];if(curProtocol === 'https'){bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';}else{bp.src = 'http://push.zhanzhang.baidu.com/push.js';};var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp, s);})();</script>
<script>
function setCookie(name, value, iDay) { //name相当于键，value相当于值，iDay为要设置的过期时间（天）
var oDate = new Date();
oDate.setDate(oDate.getDate() + iDay);
document.cookie = name + '=' + value + ';path=/;domain=.php.cn;expires=' + oDate;
}
function getCookie(name) {
var cookieArr = document.cookie.split(";");
for (var i = 0; i < cookieArr.length; i++) {
var cookiePair = cookieArr[i].split("=");
if (name == cookiePair[0].trim()) {
return decodeURIComponent(cookiePair[1]);
}
}
return null;
}
</script>
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function () {
var u = "https://tongji.php.cn/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '11']);
var d = document,
g = d.createElement('script'),
s = d.getElementsByTagName('script')[0];
g.async = true;
g.src = u + 'matomo.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
<script>
setCookie('is_article', 1, 1);
</script>
<script>
var is_login = "0";
var show = 0;
var ceng = getCookie('ceng');
//未登录复制显示登录按钮
if(is_login == 0 && false){
$(".code").hover(function(){
$(this).find('.contentsignin').show();
},function(){
$(this).find('.contentsignin').hide();
});
//不给复制
$('.code').bind("cut copy paste",function(e) {
e.preventDefault();
});
$('.code .contentsignin').click(function(){
$(document).trigger("api.loginpopbox");
})
}else{
// 获取所有的 <pre> 元素
var preElements = document.querySelectorAll('pre');
preElements.forEach(function(preElement) {
// 创建复制按钮
var copyButton = document.createElement('button');
copyButton.className = 'copy-button';
copyButton.textContent = '复制';
// 添加点击事件处理程序
copyButton.addEventListener('click', function() {
// 获取当前按钮所属的 <pre> 元素中的文本内容
var textContent = preElement.textContent.trim();
// 创建一个临时 textarea 元素并设置其值为 <pre> 中的文本内容
var tempTextarea = document.createElement('textarea');
tempTextarea.value = textContent;
// 将临时 textarea 添加到文档中
document.body.appendChild(tempTextarea);
// 选中临时 textarea 中的文本内容并执行复制操作
tempTextarea.select();
document.execCommand('copy');
// 移除临时 textarea 元素
document.body.removeChild(tempTextarea);
// 更新按钮文本为 "已复制"
this.textContent = '已复制';
});
// 创建AI写代码按钮
var aiButton = document.createElement('button');
aiButton.className = 'copy-button';
aiButton.textContent = 'AI写代码';
aiButton.style.marginLeft = '5px';
aiButton.style.marginRight = '5px';
// 添加点击事件处理程序
aiButton.addEventListener('click', function() {
// Generate a random number between 0 and 1
var randomChance = Math.random();
// If the random number is less than 0.5, open the first URL, else open the second
if (randomChance < 0.5) {
window.open('https://www.doubao.com/chat/coding?channel=php&source=hw_db_php', '_blank');
} else {
window.open('https://click.aliyun.com/m/1000402709/', '_blank');
}
});
// 将按钮添加到 <pre> 元素前面
preElement.parentNode.insertBefore(copyButton, preElement);
preElement.parentNode.insertBefore(aiButton, preElement);
});
}
</script>]]></plaintext></p></div></div>
