什么是HTML
点击打开视频讲解更加详细
- Hyper Text Markup Language（超文本标记语言）
- 标签控制排版
- 体积小，方便传输
编写HTLML
推荐使用：VS Code
<!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>末晨曦吖</title></head><body><div id="app"><h1>我的第一个标题</h1> <p>我的第一个段落。</p></div></body><style scoped>body{padding: 0;margin: 0;}</style></html>HTML文件结构
<!DOCTYPE html><html lang="en"><head><title>末晨曦吖</title></head><body></body></html>- 起始行
告诉浏览器这是一个HTML文档 - 开始标签
- 结束标签
html根标签，标签都是成对出现的，标签中可以嵌套文本或其他标签
</code> 定义title，它会显示在浏览器上</li></ul><h2>HTML常用标签</h2><h3>标题标签</h3><pre><code class="prism language-clike"><span class="token operator"><</span>h1<span class="token operator">></span>这是标题 <span class="token number">1</span><span class="token operator"><</span><span class="token operator">/</span>h1<span class="token operator">></span><span class="token operator"><</span>h2<span class="token operator">></span>这是标题 <span class="token number">2</span><span class="token operator"><</span><span class="token operator">/</span>h2<span class="token operator">></span><span class="token operator"><</span>h3<span class="token operator">></span>这是标题 <span class="token number">3</span><span class="token operator"><</span><span class="token operator">/</span>h3<span class="token operator">></span><span class="token operator"><</span>h4<span class="token operator">></span>这是标题 <span class="token number">4</span><span class="token operator"><</span><span class="token operator">/</span>h4<span class="token operator">></span><span class="token operator"><</span>h5<span class="token operator">></span>这是标题 <span class="token number">5</span><span class="token operator"><</span><span class="token operator">/</span>h5<span class="token operator">></span><span class="token operator"><</span>h6<span class="token operator">></span>这是标题 <span class="token number">6</span><span class="token operator"><</span><span class="token operator">/</span>h6<span class="token operator">></span></code></pre><p><strong>效果：</strong><br /> <noscript><img decoding="async" class="aligncenter" src="https://img.maxssl.com/uploads/?url=https://img.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/ca1bdf58f58e49a69ba53fe715df8a7a.png" /></noscript><img decoding="async" class="lazyload aligncenter" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://img.maxssl.com/uploads/?url=https://img.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/ca1bdf58f58e49a69ba53fe715df8a7a.png" /></p><h3>段落标签</h3><pre><code class="prism language-clike"><span class="token operator"><</span>p<span class="token operator">></span>这是一个段落。<span class="token operator"><</span><span class="token operator">/</span>p<span class="token operator">></span><span class="token operator"><</span>p<span class="token operator">></span>这是一个段落。<span class="token operator"><</span><span class="token operator">/</span>p<span class="token operator">></span><span class="token operator"><</span>p<span class="token operator">></span>这是一个段落。<span class="token operator"><</span><span class="token operator">/</span>p<span class="token operator">></span></code></pre><p><strong>效果：</strong><br /> <noscript><img decoding="async" class="aligncenter" src="https://img.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/a5acd99239ca40b299ef01218b0c0b59.png" /></noscript><img decoding="async" class="lazyload aligncenter" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://img.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/a5acd99239ca40b299ef01218b0c0b59.png" /></p><h3>文本样式标签</h3><pre><code class="prism language-clike"><span class="token operator"><</span>b<span class="token operator">></span>加粗文本<span class="token operator"><</span><span class="token operator">/</span>b<span class="token operator">></span><span class="token operator"><</span>br<span class="token operator">></span><span class="token operator"><</span>br<span class="token operator">></span><span class="token operator"><</span>i<span class="token operator">></span>斜体文本<span class="token operator"><</span><span class="token operator">/</span>i<span class="token operator">></span><span class="token operator"><</span>br<span class="token operator">></span><span class="token operator"><</span>br<span class="token operator">></span><span class="token operator"><</span>code<span class="token operator">></span>电脑自动输出<span class="token operator"><</span><span class="token operator">/</span>code<span class="token operator">></span><span class="token operator"><</span>br<span class="token operator">></span><span class="token operator"><</span>br<span class="token operator">></span>这是 <span class="token operator"><</span>sub<span class="token operator">></span> 下标<span class="token operator"><</span><span class="token operator">/</span>sub<span class="token operator">></span> 和 <span class="token operator"><</span>sup<span class="token operator">></span> 上标<span class="token operator"><</span><span class="token operator">/</span>sup<span class="token operator">></span><span class="token operator"><</span>br<span class="token operator">></span><span class="token operator"><</span>br<span class="token operator">></span><span class="token operator"><</span>del<span class="token operator">></span>我是带删除线的文本<span class="token operator"><</span><span class="token operator">/</span>del<span class="token operator">></span></code></pre><p><strong>效果：</strong><br /> <noscript><img decoding="async" class="aligncenter" src="https://img.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/860ea8f806a048c0ad8a533c975ba0ca.png" /></noscript><img decoding="async" class="lazyload aligncenter" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://img.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/860ea8f806a048c0ad8a533c975ba0ca.png" /></p><h3>列表标签</h3><h4>无序列表</h4><pre><code class="prism language-clike"><span class="token operator"><</span>ul<span class="token operator">></span><span class="token operator"><</span>li<span class="token operator">></span>列表项<span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span><span class="token operator"><</span>li<span class="token operator">></span>列表项<span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span><span class="token operator"><</span>li<span class="token operator">></span>列表项<span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span><span class="token operator"><</span><span class="token operator">/</span>ul<span class="token operator">></span></code></pre><p><strong>效果：</strong><br /> <noscript><img decoding="async" class="aligncenter" src="https://img.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/281f510e39b5447097ca9a9b97d77521.png" /></noscript><img decoding="async" class="lazyload aligncenter" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://img.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/281f510e39b5447097ca9a9b97d77521.png" /></p><h4>有序列表</h4><pre><code class="prism language-clike"><span class="token operator"><</span>ol<span class="token operator">></span><span class="token operator"><</span>li<span class="token operator">></span>列表项<span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span><span class="token operator"><</span>li<span class="token operator">></span>列表项<span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span><span class="token operator"><</span>li<span class="token operator">></span>列表项<span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span><span class="token operator"><</span><span class="token operator">/</span>ol<span class="token operator">></span><span class="token operator"><</span>ol start<span class="token operator">=</span><span class="token string">"50"</span><span class="token operator">></span><span class="token operator"><</span>li<span class="token operator">></span>列表项<span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span><span class="token operator"><</span>li<span class="token operator">></span>列表项<span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span><span class="token operator"><</span>li<span class="token operator">></span>列表项<span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span><span class="token operator"><</span><span class="token operator">/</span>ol<span class="token operator">></span></code></pre><p><strong>效果：</strong><br /> <noscript><img decoding="async" class="aligncenter" src="https://img.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/371bc637ac9242f191e3084c8620a378.png" /></noscript><img decoding="async" class="lazyload aligncenter" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://img.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/371bc637ac9242f191e3084c8620a378.png" /></p><h3>超链接标签</h3><pre><code class="prism language-clike"><span class="token operator"><</span>a href<span class="token operator">=</span><span class="token string">"https://www.bilibili.com/"</span> target<span class="token operator">=</span><span class="token string">"_blank"</span><span class="token operator">></span>跳转到 B 站<span class="token operator"><</span><span class="token operator">/</span>a<span class="token operator">></span></code></pre><p><strong>效果：</strong><br /> <noscript><img decoding="async" class="aligncenter" src="https://img.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/06e14ed5b4ee449cba155fe3793bb00c.png" /></noscript><img decoding="async" class="lazyload aligncenter" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://img.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/06e14ed5b4ee449cba155fe3793bb00c.png" /></p><h3>多媒体标签</h3><h4>图片标签</h4><pre><code class="prism language-clike"><span class="token operator"><</span>img src<span class="token operator">=</span><span class="token string">"./smiley.gif"</span><span class="token operator">></span></code></pre><h4>视频标签</h4><pre><code class="prism language-clike"><span class="token operator"><</span>video src<span class="token operator">=</span><span class="token string">"./video .mp4"</span> controls<span class="token operator">></span><span class="token operator"><</span><span class="token operator">/</span>video<span class="token operator">></span></code></pre><h4>音频标签</h4><pre><code class="prism language-clike"><span class="token operator"><</span>audio src<span class="token operator">=</span><span class="token string">"./audio .mp3"</span> controls<span class="token operator">></span><span class="token operator"><</span><span class="token operator">/</span>audio<span class="token operator">></span></code></pre><h3>div标签</h3><p>块级元素，并没具体的实际意义，主要作用是调整布局样式；</p><pre><code class="prism language-clike"><span class="token operator"><</span>div<span class="token operator">></span> <span class="token operator"><</span>h1<span class="token operator">></span>我的第一个标题<span class="token operator"><</span><span class="token operator">/</span>h1<span class="token operator">></span> <span class="token operator"><</span>p<span class="token operator">></span>我的第一个段落。<span class="token operator"><</span><span class="token operator">/</span>p<span class="token operator">></span><span class="token operator"><</span><span class="token operator">/</span>div<span class="token operator">></span></code></pre><h3>布局标签</h3><table><thead><tr><th><code></code></th><th>头部信息</th></tr></thead><tbody><tr><td><code></p><nav></code></td><td>导航栏</td></tr><tr><td><code></code></td><td>侧边栏</td></tr><tr><td><code><main></code></td><td>内容区域</td></tr><tr><td><code></p><footer></code></td><td>底部信息</td></tr><tr><td><code></code></td><td>文章详情</td></tr><tr><td><code></p><section></code></td><td>页面分区</td></tr></tbody></table><h3>更多资料参考</h3><p>菜鸟教程</p><p>w3cschool</p><p>若对您有帮助，请点击跳转到B站一键三连哦！感谢支持！</p></article></div><div class="related-posts"><h2 class="related-posts-title"><i class="fab fa-hive me-1"></i>相关文章</h2><div class="row g-2 g-md-3 row-cols-2 row-cols-md-3 row-cols-lg-4"><div class="col"><article class="post-item item-grid"><div class="tips-badge position-absolute top-0 start-0 z-1 m-2"></div><div class="entry-media ratio ratio-3x2"> <a target="" class="media-img lazy bg-cover bg-center" href="https://www.maxssl.com/article/10749/" title="5G SA的网络架构和关键技术" data-bg="/wp-content/themes/ripro-v5/assets/img/thumb.jpg"> </a></div><div class="entry-wrapper"><h2 class="entry-title"> <a target="" href="https://www.maxssl.com/article/10749/" title="5G SA的网络架构和关键技术">5G SA的网络架构和关键技术</a></h2></div></article></div><div class="col"><article class="post-item item-grid"><div class="tips-badge position-absolute top-0 start-0 z-1 m-2"></div><div class="entry-media ratio ratio-3x2"> <a target="" class="media-img lazy bg-cover bg-center" href="https://www.maxssl.com/article/7856/" title="Jenkins 忘记登录密码解决办法" data-bg="https://img.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/d96b58a511f84668b59f3f620964da07.png"> </a></div><div class="entry-wrapper"><h2 class="entry-title"> <a target="" href="https://www.maxssl.com/article/7856/" title="Jenkins 忘记登录密码解决办法">Jenkins 忘记登录密码解决办法</a></h2></div></article></div><div class="col"><article class="post-item item-grid"><div class="tips-badge position-absolute top-0 start-0 z-1 m-2"></div><div class="entry-media ratio ratio-3x2"> <a target="" class="media-img lazy bg-cover bg-center" href="https://www.maxssl.com/article/25644/" title="将eNSP Pro部署在华为云是什么体验" data-bg="https://img.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/75fbbc077cac43c783712004f2167c46.png"> </a></div><div class="entry-wrapper"><h2 class="entry-title"> <a target="" href="https://www.maxssl.com/article/25644/" title="将eNSP Pro部署在华为云是什么体验">将eNSP Pro部署在华为云是什么体验</a></h2></div></article></div><div class="col"><article class="post-item item-grid"><div class="tips-badge position-absolute top-0 start-0 z-1 m-2"></div><div class="entry-media ratio ratio-3x2"> <a target="" class="media-img lazy bg-cover bg-center" href="https://www.maxssl.com/article/26277/" title="【2021版】想要专升本你不得不看的全干货_吐血整理_专升本_计算机文化基础（三）" data-bg="https://img.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/65da0ad8a22d479db2b1bafce42ec9ad.jpg"> </a></div><div class="entry-wrapper"><h2 class="entry-title"> <a target="" href="https://www.maxssl.com/article/26277/" title="【2021版】想要专升本你不得不看的全干货_吐血整理_专升本_计算机文化基础（三）">【2021版】想要专升本你不得不看的全干货_吐血整理_专升本_计算机文化基础（三）</a></h2></div></article></div><div class="col"><article class="post-item item-grid"><div class="tips-badge position-absolute top-0 start-0 z-1 m-2"></div><div class="entry-media ratio ratio-3x2"> <a target="" class="media-img lazy bg-cover bg-center" href="https://www.maxssl.com/article/25995/" title="大型集团企业数据治理方案，以“应用驱动”的数据治理策略 | 行业方案" data-bg="https://img.maxssl.com/uploads/?url=https://img2023.cnblogs.com/other/2317299/202308/2317299-20230824102730806-151228222.png"> </a></div><div class="entry-wrapper"><h2 class="entry-title"> <a target="" href="https://www.maxssl.com/article/25995/" title="大型集团企业数据治理方案，以“应用驱动”的数据治理策略 | 行业方案">大型集团企业数据治理方案，以“应用驱动”的数据治理策略 | 行业方案</a></h2></div></article></div><div class="col"><article class="post-item item-grid"><div class="tips-badge position-absolute top-0 start-0 z-1 m-2"></div><div class="entry-media ratio ratio-3x2"> <a target="" class="media-img lazy bg-cover bg-center" href="https://www.maxssl.com/article/19719/" title="Java8 特性详解 –Lambda 表达式之排序" data-bg="/wp-content/themes/ripro-v5/assets/img/thumb.jpg"> </a></div><div class="entry-wrapper"><h2 class="entry-title"> <a target="" href="https://www.maxssl.com/article/19719/" title="Java8 特性详解 –Lambda 表达式之排序">Java8 特性详解 –Lambda 表达式之排序</a></h2></div></article></div><div class="col"><article class="post-item item-grid"><div class="tips-badge position-absolute top-0 start-0 z-1 m-2"></div><div class="entry-media ratio ratio-3x2"> <a target="" class="media-img lazy bg-cover bg-center" href="https://www.maxssl.com/article/21295/" title="自然语言处理 Paddle NLP – 任务式对话系统-理论" data-bg="https://img.maxssl.com/uploads/?url=https://img2023.cnblogs.com/blog/80824/202306/80824-20230619135715005-1135639479.png"> </a></div><div class="entry-wrapper"><h2 class="entry-title"> <a target="" href="https://www.maxssl.com/article/21295/" title="自然语言处理 Paddle NLP – 任务式对话系统-理论">自然语言处理 Paddle NLP – 任务式对话系统-理论</a></h2></div></article></div><div class="col"><article class="post-item item-grid"><div class="tips-badge position-absolute top-0 start-0 z-1 m-2"></div><div class="entry-media ratio ratio-3x2"> <a target="" class="media-img lazy bg-cover bg-center" href="https://www.maxssl.com/article/11084/" title="rrt_exploration自主探索建图" data-bg="https://img.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/img_convert/8762ff2bfb6261e777fc92c53e300fcb.png"> </a></div><div class="entry-wrapper"><h2 class="entry-title"> <a target="" href="https://www.maxssl.com/article/11084/" title="rrt_exploration自主探索建图">rrt_exploration自主探索建图</a></h2></div></article></div></div></div></div><div class="sidebar-wrapper col-md-12 col-lg-3 h-100" data-sticky><div class="sidebar"><div id="recent-posts-4" class="widget widget_recent_entries"><h5 class="widget-title">最新关注</h5><ul><li> <a href="https://www.maxssl.com/article/57859/">【MySQL】InnoDB存储引擎</a></li><li> <a href="https://www.maxssl.com/article/57858/">DB-GPT：强强联合Langchain-Vicuna的应用实战开源项目，彻底改变与数据库的交互方式</a></li><li> <a href="https://www.maxssl.com/article/57857/">TigerBeetle：世界上最快的会计数据库</a></li><li> <a href="https://www.maxssl.com/article/57856/">【SQL server】玩转SQL server数据库：第三章 关系数据库标准语言SQL（二）数据查询</a></li><li> <a href="https://www.maxssl.com/article/57855/">马斯克400条聊天记录被法院公开，原来推特收购是在短信上谈崩的</a></li><li> <a href="https://www.maxssl.com/article/57854/">戏精摩根大通：从唱空比特币到牵手贝莱德</a></li></ul></div><div id="ri_sidebar_posts_widget-2" class="widget sidebar-posts-list"><h5 class="widget-title">热文推荐</h5><div class="row g-3 row-cols-1"><div class="col"><article class="post-item item-list"><div class="entry-media ratio ratio-3x2 col-auto"> <a target="" class="media-img lazy" href="https://www.maxssl.com/article/41085/" title="沪深300ETF期权和其他期权有什么不同？" data-bg="https://img.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/direct/726f2601f9964d2dbd4a0d129351c54f.png"></a></div><div class="entry-wrapper"><div class="entry-body"><h2 class="entry-title"> <a target="" href="https://www.maxssl.com/article/41085/" title="沪深300ETF期权和其他期权有什么不同？">沪深300ETF期权和其他期权有什么不同？</a></h2></div></div></article></div><div class="col"><article class="post-item item-list"><div class="entry-media ratio ratio-3x2 col-auto"> <a target="" class="media-img lazy" href="https://www.maxssl.com/article/7036/" title="SublimeText实现Markdown快速预览" data-bg="/wp-content/themes/ripro-v5/assets/img/thumb.jpg"></a></div><div class="entry-wrapper"><div class="entry-body"><h2 class="entry-title"> <a target="" href="https://www.maxssl.com/article/7036/" title="SublimeText实现Markdown快速预览">SublimeText实现Markdown快速预览</a></h2></div></div></article></div><div class="col"><article class="post-item item-list"><div class="entry-media ratio ratio-3x2 col-auto"> <a target="" class="media-img lazy" href="https://www.maxssl.com/article/45873/" title="【Android 逆向】程序员高危开发方向 ( 违法软件类型 | 赌博游戏 | 色情类应用 | 涉及金融类软件 | 爬虫类软件 | 区块链货币 | 甄别是否合法 )" data-bg="/wp-content/themes/ripro-v5/assets/img/thumb.jpg"></a></div><div class="entry-wrapper"><div class="entry-body"><h2 class="entry-title"> <a target="" href="https://www.maxssl.com/article/45873/" title="【Android 逆向】程序员高危开发方向 ( 违法软件类型 | 赌博游戏 | 色情类应用 | 涉及金融类软件 | 爬虫类软件 | 区块链货币 | 甄别是否合法 )">【Android 逆向】程序员高危开发方向 ( 违法软件类型 | 赌博游戏 | 色情类应用 | 涉及金融类软件 | 爬虫类软件 | 区块链货币 | 甄别是否合法 )</a></h2></div></div></article></div><div class="col"><article class="post-item item-list"><div class="entry-media ratio ratio-3x2 col-auto"> <a target="" class="media-img lazy" href="https://www.maxssl.com/article/57162/" title="关于汽车E\E架构演进的思考(1)" data-bg="https://img.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/direct/23f09f6d800d4a0aa48b38fef020fc29.png"></a></div><div class="entry-wrapper"><div class="entry-body"><h2 class="entry-title"> <a target="" href="https://www.maxssl.com/article/57162/" title="关于汽车E\E架构演进的思考(1)">关于汽车E\E架构演进的思考(1)</a></h2></div></div></article></div><div class="col"><article class="post-item item-list"><div class="entry-media ratio ratio-3x2 col-auto"> <a target="" class="media-img lazy" href="https://www.maxssl.com/article/43137/" title="在Linux系统下部署Llama2（MetaAI）大模型教程" data-bg="https://img.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/997c98a76d014621ab35897b082a5f62.png"></a></div><div class="entry-wrapper"><div class="entry-body"><h2 class="entry-title"> <a target="" href="https://www.maxssl.com/article/43137/" title="在Linux系统下部署Llama2（MetaAI）大模型教程">在Linux系统下部署Llama2（MetaAI）大模型教程</a></h2></div></div></article></div><div class="col"><article class="post-item item-list"><div class="entry-media ratio ratio-3x2 col-auto"> <a target="" class="media-img lazy" href="https://www.maxssl.com/article/24984/" title="格式化输入/输出（c语言超详细系列）（一）" data-bg="https://img.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/2a56a779f2f44c8d9299fb9721dd7f0b.webp"></a></div><div class="entry-wrapper"><div class="entry-body"><h2 class="entry-title"> <a target="" href="https://www.maxssl.com/article/24984/" title="格式化输入/输出（c语言超详细系列）（一）">格式化输入/输出（c语言超详细系列）（一）</a></h2></div></div></article></div></div></div></div></div></div></div></main><footer class="site-footer py-md-4 py-2 mt-2 mt-md-4"><div class="container"><div class="text-center small w-100"><div>Copyright © <script>today=new Date();document.write(today.getFullYear());</script> maxssl.com 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">浙ICP备2022011180号</a></div><div class=""><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7656930379472324" crossorigin="anonymous"></script></div></div></div></footer><div class="rollbar"><ul class="actions"><li><a target="" href="https://www.maxssl.com/" rel="nofollow noopener noreferrer"><i class="fas fa-home"></i><span></span></a></li><li><a target="" href="http://wpa.qq.com/msgrd?v=3&uin=6666666&site=qq&menu=yes" rel="nofollow noopener noreferrer"><i class="fab fa-qq"></i><span></span></a></li></ul></div><div class="back-top"><i class="fas fa-caret-up"></i></div><div class="dimmer"></div><div class="off-canvas"><div class="canvas-close"><i class="fas fa-times"></i></div><div class="logo-wrapper"> <a class="logo text" href="https://www.maxssl.com/">MaxSSL</a></div><div class="mobile-menu d-block d-lg-none"></div></div> <script></script><noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://www.maxssl.com/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script><script src='//cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js' id='jquery-js'></script> <script src='//cdn.bootcdn.net/ajax/libs/highlight.js/11.7.0/highlight.min.js' id='highlight-js'></script> <script src='https://www.maxssl.com/wp-content/themes/ripro-v5/assets/js/vendor.min.js' id='vendor-js'></script> <script id='main-js-extra'>var zb={"home_url":"https:\/\/www.maxssl.com","ajax_url":"https:\/\/www.maxssl.com\/wp-admin\/admin-ajax.php","theme_url":"https:\/\/www.maxssl.com\/wp-content\/themes\/ripro-v5","singular_id":"56177","post_content_nav":"0","site_notify_auto":"0","current_user_id":"0","ajax_nonce":"fc04a3d279","gettext":{"__copypwd":"\u5bc6\u7801\u5df2\u590d\u5236\u526a\u8d34\u677f","__copybtn":"\u590d\u5236","__copy_succes":"\u590d\u5236\u6210\u529f","__comment_be":"\u63d0\u4ea4\u4e2d...","__comment_succes":"\u8bc4\u8bba\u6210\u529f","__comment_succes_n":"\u8bc4\u8bba\u6210\u529f\uff0c\u5373\u5c06\u5237\u65b0\u9875\u9762","__buy_be_n":"\u8bf7\u6c42\u652f\u4ed8\u4e2d\u00b7\u00b7\u00b7","__buy_no_n":"\u652f\u4ed8\u5df2\u53d6\u6d88","__is_delete_n":"\u786e\u5b9a\u5220\u9664\u6b64\u8bb0\u5f55\uff1f"}};</script> <script src='https://www.maxssl.com/wp-content/themes/ripro-v5/assets/js/main.min.js' id='main-js'></script> </body></html>