HTML5制作网页的详细指南

随着互联网技术的不断发展，HTML5已经成为制作网页的重要工具之一，HTML5不仅提供了丰富的标签和API，还支持多媒体内容，使得网页开发更加灵活和便捷,本文将介绍如何使用HTML5制作网页。

准备开始

在开始制作网页之前，你需要了解一些基础知识，如HTML、CSS和JavaScript等，你还需要一款文本编辑器或集成开发环境（IDE）来编写HTML代码，常用的文本编辑器有Sublime Text、Atom和Visual Studio Code等。

创建基本的HTML结构

打开文本编辑器或IDE,创建一个新文件。
在文件开头添加<!DOCTYPE html>声明,以指定文档类型为HTML5。
在标签内，添加和
在标签内，添加标题和可能的字符编码声明。</li> </ol> <p style="text-indent:2em">使用HTML5制作网页</p> <ol> <li>布局设计：使用、<br /> <section>、</p> <header>、</p> <footer>等HTML5标签进行页面布局设计，这些标签有助于使代码更具语义化，提高网页的可读性和可维护性，使用</p> <h1>至</p> <h6>标签添加标题和子标题，使用</p> <p style="text-indent:2em">标签添加段落，使用<img>标签插入图片等。</li> <li>样式设计：通过链接外部CSS文件或使用内联样式，为网页添加样式，HTML5支持更多的CSS3特性，如渐变、阴影、圆角等。</li> <li>交互功能：使用JavaScript或jQuery为网页添加交互功能，如点击事件、表单验证、动画等，HTML5还提供了原生支持音频、视频等多媒体内容，可以使用和<video>标签嵌入媒体。</li> <li>响应式设计：为了使网页在不同设备上都能良好地显示,可以使用CSS媒体查询实现响应式设计。</li> </ol> <p style="text-indent:2em">测试和发布</p> <p style="text-indent:2em">完成网页制作后，需要进行测试以确保在不同浏览器和设备上都能正常显示，可以使用Chrome、Firefox、Safari和Edge等浏览器进行测试，测试完成后，可以将网页发布到服务器或网站平台上,供用户访问。</p> <p style="text-indent:2em">HTML5为制作网页提供了丰富的功能和灵活性，通过掌握HTML、CSS和JavaScript等基础知识，使用文本编辑器或IDE编写HTML代码，你可以轻松创建出具有吸引力和交互性的网页，不断学习和实践，你将能够掌握更多高级技术，如响应式设计、性能优化等,以制作出更出色的网页。</p> <p> <img decoding="async" src="https://hlpimg.xiarenkuang.top/hlp-content/img/XXXX_20260104212831_748.png" title="HTML5制作网页的详细指南插图" alt="HTML5制作网页的详细指南插图" /></p> </article> <div class="post-actions"> <a href="javascript:;" etap="like" class="post-like action action-like" data-pid="716"><i class="tbfa"></i>赞(<span>0</span>)</a> </div> <div class="post-copyright">未经允许不得转载：<a href="https://www.houlangpai.com">后浪派</a> » <a href="https://www.houlangpai.com/classify/716.html">HTML5制作网页的详细指南</a></div> <div class="shares"><dfn>分享到</dfn><a href="javascript:;" data-url="https://www.houlangpai.com/classify/716.html" class="share-weixin" title="分享到微信"><i class="tbfa"></i></a><a etap="share" data-share="weibo" class="share-tsina" title="分享到微博"><i class="tbfa"></i></a><a etap="share" data-share="qq" class="share-sqq" title="分享到QQ好友"><i class="tbfa"></i></a><a etap="share" data-share="qzone" class="share-qzone" title="分享到QQ空间"><i class="tbfa"></i></a><a etap="share" data-share="line" class="share-line" title="分享到Line"><i class="tbfa"></i></a><a etap="share" data-share="twitter" class="share-twitter" title="分享到X"><i class="tbfa"></i></a><a etap="share" data-share="facebook" class="share-facebook" title="分享到Facebook"><i class="tbfa"></i></a><a etap="share" data-share="telegram" class="share-telegram" title="分享到Telegram"><i class="tbfa"></i></a><a etap="share" data-share="skype" class="share-skype" title="分享到Skype"><i class="tbfa"></i></a></div> <div class="article-tags"></div> <nav class="article-nav"> <span class="article-nav-prev">上一篇<br><a href="https://www.houlangpai.com/classify/1514.html" rel="prev">万方数据库检索学位论文资源</a></span> <span class="article-nav-next">下一篇<br><a href="https://www.houlangpai.com/classify/1515.html" rel="next">免费个人网站中文模板，建立个人网站的便捷途径</a></span> </nav> <div class="relates relates-imagetext"><div class="title"><h3>相关推荐</h3></div><ul><li><a href="https://www.houlangpai.com/classify/2770.html"><img data-src="https://hlpimg.xiarenkuang.top/hlp-content/tst/XXXX_20260402101154_526_600x400.png" alt="温州APP开发定制，打造个性化解决方案，助力企业数字化转型-后浪派" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/img/thumbnail.png" class="thumb"></a><a href="https://www.houlangpai.com/classify/2770.html">温州APP开发定制，打造个性化解决方案，助力企业数字化转型</a></li><li><a href="https://www.houlangpai.com/classify/114.html"><img data-src="https://hlpimg.xiarenkuang.top/hlp-content/tst/TXQY_20260104194203_460_600x400.png" alt="台州企业建站经验丰富的选择-后浪派" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/img/thumbnail.png" class="thumb"></a><a href="https://www.houlangpai.com/classify/114.html">台州企业建站经验丰富的选择</a></li><li><a href="https://www.houlangpai.com/classify/2767.html"><img data-src="https://hlpimg.xiarenkuang.top/hlp-content/tst/XXXS_20260402101133_972_600x400.jpg" alt="CSS设置div边框详解，颜色、圆角及高级技巧探索-后浪派" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/img/thumbnail.png" class="thumb"></a><a href="https://www.houlangpai.com/classify/2767.html">CSS设置div边框详解，颜色、圆角及高级技巧探索</a></li><li><a href="https://www.houlangpai.com/classify/113.html"><img data-src="https://hlpimg.xiarenkuang.top/hlp-content/tst/XXXX_20260104194158_945_600x400.jpg" alt="HTML列表标签解析-后浪派" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/img/thumbnail.png" class="thumb"></a><a href="https://www.houlangpai.com/classify/113.html">HTML列表标签解析</a></li><li><a href="https://www.houlangpai.com/classify/2762.html"><img data-src="https://hlpimg.xiarenkuang.top/hlp-content/tst/CXYX_20260402101051_774_600x400.jpg" alt="程序员培训可靠吗？探究编程教育的真实面貌-后浪派" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/img/thumbnail.png" class="thumb"></a><a href="https://www.houlangpai.com/classify/2762.html">程序员培训可靠吗？探究编程教育的真实面貌</a></li><li><a href="https://www.houlangpai.com/classify/2760.html"><img data-src="https://hlpimg.xiarenkuang.top/hlp-content/tst/XXXY_20260402101031_322_600x400.jpg" alt="SQL优化案例解析-后浪派" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/img/thumbnail.png" class="thumb"></a><a href="https://www.houlangpai.com/classify/2760.html">SQL优化案例解析</a></li><li><a href="https://www.houlangpai.com/classify/110.html"><img data-src="https://hlpimg.xiarenkuang.top/hlp-content/tst/XTJX_20260104194126_483_600x400.jpg" alt="聊天交友app源码，开发、应用与未来趋势-后浪派" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/img/thumbnail.png" class="thumb"></a><a href="https://www.houlangpai.com/classify/110.html">聊天交友app源码，开发、应用与未来趋势</a></li><li><a href="https://www.houlangpai.com/classify/2757.html"><img data-src="https://hlpimg.xiarenkuang.top/hlp-content/tst/XYYE_20260402101001_105_600x400.jpg" alt="C语言二分法求解方程根，实例与要点解析-后浪派" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/img/thumbnail.png" class="thumb"></a><a href="https://www.houlangpai.com/classify/2757.html">C语言二分法求解方程根，实例与要点解析</a></li></ul></div> <div class="title" id="comments"> <h3>评论 <small>抢沙发</small></h3> </div> <div id="respond" class="no_webshot"> <form action="https://www.houlangpai.com/wp-comments-post.php" method="post" id="commentform"> <div class="comt"> <div class="comt-title"> <img alt='' data-src='https://cravatar.cn/avatar/?s=50&d=mystery' srcset='https://cravatar.cn/avatar/?s=100&d=mystery 2x' class='avatar avatar-50 photo avatar-default' height='50' width='50' decoding='async'/> <p><a rel="nofollow" id="cancel-comment-reply-link" href="javascript:;">取消</a></p> </div> <div class="comt-box"> <textarea placeholder="你的评论可以一针见血" class="input-block-level comt-area" name="comment" id="comment" cols="100%" rows="3" tabindex="1" onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};"></textarea> <div class="comt-ctrl"> <div class="comt-tips"><input type='hidden' name='comment_post_ID' value='716' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> <label for="comment_mail_notify" class="checkbox inline hide" style="padding-top:0"><input type="checkbox" name="comment_mail_notify" id="comment_mail_notify" value="comment_mail_notify" checked="checked"/>有人回复时邮件通知我</label></div> <button type="submit" name="submit" id="submit" tabindex="5">提交评论</button>  </div> </div> <div class="comt-comterinfo" id="comment-author-info" > <ul> <li><input class="ipt" type="text" name="author" id="author" value="" tabindex="2" placeholder="昵称(必填)"></li> <li><input class="ipt" type="text" name="email" id="email" value="" tabindex="3" placeholder="邮箱(必填)"></li> <li><input class="ipt" type="text" name="url" id="url" value="" tabindex="4" placeholder="网址"></li> </ul> </div> </div> </form> </div> </div> </div> <div class="sidebar"> <div class="widget-on-phone widget widget_ui_posts"><h3>热门文章</h3><ul><li><a href="https://www.houlangpai.com/classify/2337.html"><span class="thumbnail"><img data-src="https://hlpimg.xiarenkuang.top/hlp-content/tst/YJXF_20260329122658_627_600x400.png" alt="永久免费网站制作教程与推荐，从零开始，轻松上手！-后浪派" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/img/thumbnail.png" class="thumb"></span><span class="text">永久免费网站制作教程与推荐，从零开始，轻松上手！</span><span class="muted">2026-07-15</span></a></li><li><a href="https://www.houlangpai.com/classify/2820.html"><span class="thumbnail"><img data-src="https://hlpimg.xiarenkuang.top/hlp-content/tst/NSXX_20260402101841_247_600x400.jpg" alt="能上Twitter加速器推荐-后浪派" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/img/thumbnail.png" class="thumb"></span><span class="text">能上Twitter加速器推荐</span><span class="muted">2026-07-19</span></a></li><li><a href="https://www.houlangpai.com/classify/68.html"><span class="thumbnail"><img data-src="https://hlpimg.xiarenkuang.top/hlp-content/tst/XXXX_20260104193515_582_600x400.jpg" alt="IPv4 IP地址设置方法-后浪派" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/img/thumbnail.png" class="thumb"></span><span class="text">IPv4 IP地址设置方法</span><span class="muted">2026-07-18</span></a></li><li><a href="https://www.houlangpai.com/classify/125.html"><span class="thumbnail"><img data-src="https://hlpimg.xiarenkuang.top/hlp-content/tst/XXFW_20260104194424_886_600x400.jpg" alt="浪潮服务器网口类型及位置解析-后浪派" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/img/thumbnail.png" class="thumb"></span><span class="text">浪潮服务器网口类型及位置解析</span><span class="muted">2026-07-19</span></a></li><li><a href="https://www.houlangpai.com/classify/49.html"><span class="thumbnail"><img data-src="https://hlpimg.xiarenkuang.top/hlp-content/tst/XXGZ_20260104193138_765_600x400.jpg" alt="微信公众平台注册全攻略，邮箱验证、选择订阅号类型，快速搭建个人账号-后浪派" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/img/thumbnail.png" class="thumb"></span><span class="text">微信公众平台注册全攻略，邮箱验证、选择订阅号类型，快速搭建个人账号</span><span class="muted">2026-07-17</span></a></li><li><a href="https://www.houlangpai.com/classify/36.html"><span class="thumbnail"><img data-src="https://hlpimg.xiarenkuang.top/hlp-content/tst/XZJZ_20260104192928_801_600x400.jpg" alt="橙子建站技术，通用、高效且安全的网站建设解决方案-后浪派" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/img/thumbnail.png" class="thumb"></span><span class="text">橙子建站技术，通用、高效且安全的网站建设解决方案</span><span class="muted">2026-07-17</span></a></li></ul></div><div class="widget-on-phone widget widget_ui_posts"><h3>最新文章</h3><ul><li><a href="https://www.houlangpai.com/classify/227.html"><span class="thumbnail"><img data-src="https://hlpimg.xiarenkuang.top/hlp-content/tst/XXXZ_20260104200151_547_600x400.jpg" alt="SQL中常用的聚合函数-后浪派" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/img/thumbnail.png" class="thumb"></span><span class="text">SQL中常用的聚合函数</span><span class="muted">2026-07-22</span></a></li><li><a href="https://www.houlangpai.com/classify/3105.html"><span class="thumbnail"><img data-src="https://hlpimg.xiarenkuang.top/hlp-content/tst/YYWZ_20260402110041_172_600x400.jpg" alt="益阳网站建设案例分析-后浪派" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/img/thumbnail.png" class="thumb"></span><span class="text">益阳网站建设案例分析</span><span class="muted">2026-07-22</span></a></li><li><a href="https://www.houlangpai.com/classify/3104.html"><span class="thumbnail"><img data-src="https://hlpimg.xiarenkuang.top/hlp-content/tst/SJKS_20260402110033_481_600x400.jpg" alt="手机快速开通微信公众号教程-后浪派" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/img/thumbnail.png" class="thumb"></span><span class="text">手机快速开通微信公众号教程</span><span class="muted">2026-07-22</span></a></li><li><a href="https://www.houlangpai.com/classify/3103.html"><span class="thumbnail"><img data-src="https://hlpimg.xiarenkuang.top/hlp-content/tst/WZTP_20260402110026_252_600x400.jpg" alt="网站图片制作软件，功能与应用-后浪派" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/img/thumbnail.png" class="thumb"></span><span class="text">网站图片制作软件，功能与应用</span><span class="muted">2026-07-22</span></a></li><li><a href="https://www.houlangpai.com/classify/226.html"><span class="thumbnail"><img data-src="https://hlpimg.xiarenkuang.top/hlp-content/tst/DXXX_20260104200142_280_600x400.jpg" alt="电脑DNS缓存清理步骤与命令介绍-后浪派" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/img/thumbnail.png" class="thumb"></span><span class="text">电脑DNS缓存清理步骤与命令介绍</span><span class="muted">2026-07-22</span></a></li><li><a href="https://www.houlangpai.com/classify/3102.html"><span class="thumbnail"><img data-src="https://hlpimg.xiarenkuang.top/hlp-content/tst/DXJT_20260402105945_381_600x400.png" alt="电脑静态IP的设置与管理-后浪派" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/img/thumbnail.png" class="thumb"></span><span class="text">电脑静态IP的设置与管理</span><span class="muted">2026-07-22</span></a></li></ul></div><div class="widget-on-phone widget widget_ui_tags"><h3>热搜标签</h3><div class="items"><a href="https://www.houlangpai.com/tag/740" title="全面监控">全面监控<span>(1)</span></a><a href="https://www.houlangpai.com/tag/1572" title="域名邮箱注册指引">域名邮箱注册指引<span>(1)</span></a><a href="https://www.houlangpai.com/tag/316" title="竞赛规则">竞赛规则<span>(1)</span></a><a href="https://www.houlangpai.com/tag/6053" title="电商营销策略优化">电商营销策略优化<span>(1)</span></a><a href="https://www.houlangpai.com/tag/3572" title="城市发展新篇章">城市发展新篇章<span>(1)</span></a><a href="https://www.houlangpai.com/tag/5297" title="透明规范">透明规范<span>(1)</span></a><a href="https://www.houlangpai.com/tag/5772" title="技术搭建">技术搭建<span>(1)</span></a><a href="https://www.houlangpai.com/tag/3558" title="应用探索">应用探索<span>(1)</span></a><a href="https://www.houlangpai.com/tag/5246" title="响应式网站开发">响应式网站开发<span>(1)</span></a><a href="https://www.houlangpai.com/tag/3518" title="GPU服务器租金">GPU服务器租金<span>(1)</span></a><a href="https://www.houlangpai.com/tag/900" title="DNS解析配置">DNS解析配置<span>(1)</span></a><a href="https://www.houlangpai.com/tag/6684" title="IoTViews 大屏设计器">IoTViews 大屏设计器<span>(1)</span></a><a href="https://www.houlangpai.com/tag/2815" title="DedeCMS教程">DedeCMS教程<span>(1)</span></a><a href="https://www.houlangpai.com/tag/3275" title="普通人软件制作之旅">普通人软件制作之旅<span>(1)</span></a><a href="https://www.houlangpai.com/tag/5355" title="太原企业建站指南">太原企业建站指南<span>(1)</span></a><a href="https://www.houlangpai.com/tag/4877" title="优酷视频直播）">优酷视频直播）<span>(1)</span></a><a href="https://www.houlangpai.com/tag/1935" title="攻略">攻略<span>(1)</span></a><a href="https://www.houlangpai.com/tag/1439" title="小程序代理加盟">小程序代理加盟<span>(1)</span></a><a href="https://www.houlangpai.com/tag/5843" title="图片搜索工具">图片搜索工具<span>(1)</span></a><a href="https://www.houlangpai.com/tag/1108" title="在线游戏加速器">在线游戏加速器<span>(1)</span></a><a href="https://www.houlangpai.com/tag/508" title="安全合规使用">安全合规使用<span>(1)</span></a><a href="https://www.houlangpai.com/tag/2540" title="域名管理">域名管理<span>(3)</span></a><a href="https://www.houlangpai.com/tag/2731" title="网页设计费用">网页设计费用<span>(1)</span></a><a href="https://www.houlangpai.com/tag/3953" title="信息">信息<span>(1)</span></a><a href="https://www.houlangpai.com/tag/2253" title="日本IP地址段">日本IP地址段<span>(1)</span></a><a href="https://www.houlangpai.com/tag/2656" title="西安网站建设方案与服务商选择">西安网站建设方案与服务商选择<span>(1)</span></a><a href="https://www.houlangpai.com/tag/864" title="个人网站搭建">个人网站搭建<span>(1)</span></a><a href="https://www.houlangpai.com/tag/4727" title="辨别网销公司正规性">辨别网销公司正规性<span>(1)</span></a><a href="https://www.houlangpai.com/tag/3794" title="专业核心课程和网络营销专家陶鹏飞的成长之路">专业核心课程和网络营销专家陶鹏飞的成长之路<span>(1)</span></a><a href="https://www.houlangpai.com/tag/4491" title="网络营销效果提升">网络营销效果提升<span>(1)</span></a></div></div></div></section> <footer class="footer"> <div class="container"> <p>© 2025-2026 <a href="https://www.houlangpai.com">后浪派</a> <a href="https://www.houlangpai.com/sitemap.xml">网站地图</a> <a href="https://beian.miit.gov.cn/" target="_blank" rel="noreferrer nofollow">苏ICP备18031784号</a></p> 请求次数：27 次，加载用时：0.252 秒，内存占用：6.01 MB <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id:"L9HZMNZTBlcS7m6h",ck:"L9HZMNZTBlcS7m6h"})</script> </div> </footer> <div class="karbar karbar-rb"><ul><li><a rel="nofollow" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=32205332&site=qq&menu=yes"><i class="tbfa"></i><span>QQ咨询</span></a><span class="karbar-qrcode-wrap karbar-qrcode-mini">32205332</span></li><li class="karbar-totop"><a rel="nofollow" href="javascript:(TBUI.scrollTo());"><i class="tbfa"></i><span>回顶部</span></a></li></ul></div> <script>window.TBUI={"www":"https:\/\/www.houlangpai.com","uri":"https:\/\/www.houlangpai.com\/wp-content\/themes\/hlpthem","ajaxurl":"https:\/\/www.houlangpai.com\/wp-admin\/admin-ajax.php","ver":"9.2","roll":"1 2","copyoff":0,"ajaxpager":"5","fullimage":"1","captcha":0,"captcha_comment":1,"captcha_login":1,"captcha_register":1,"table_scroll_m":1,"table_scroll_w":"800","pre_color":1,"pre_copy":1,"lang":{"copy":"\u590d\u5236","copy_success":"\u5df2\u590d\u5236","comment_loading":"\u8bc4\u8bba\u63d0\u4ea4\u4e2d...","comment_cancel_edit":"\u53d6\u6d88\u7f16\u8f91","loadmore":"\u52a0\u8f7d\u66f4\u591a","like_login":"\u70b9\u8d5e\u8bf7\u5148\u767b\u5f55","liked":"\u4f60\u5df2\u8d5e\uff01","delete_post":"\u786e\u5b9a\u5220\u9664\u8fd9\u4e2a\u6587\u7ae0\u5417\uff1f","read_post_all":"\u70b9\u51fb\u9605\u8bfb\u4f59\u4e0b\u5168\u6587","copy_wechat":"\u5fae\u4fe1\u53f7\u5df2\u590d\u5236","sign_password_less":"\u5bc6\u7801\u592a\u77ed\uff0c\u81f3\u5c116\u4f4d","sign_username_none":"\u7528\u6237\u540d\u4e0d\u80fd\u4e3a\u7a7a","sign_email_error":"\u90ae\u7bb1\u683c\u5f0f\u9519\u8bef","sign_vcode_loading":"\u9a8c\u8bc1\u7801\u83b7\u53d6\u4e2d","sign_vcode_new":" \u79d2\u91cd\u65b0\u83b7\u53d6"},"turnstile_key":""}</script> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hlpthem/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script>console.log("\n %c 本站由WPOPT插件优化 %c www.lovestu.com/wpopt.html", "color:#fff;background:#3983e2;padding:5px 0;", "color:#eee;background:#f0f0f0;padding:5px 10px;");</script> <script> (function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?e12bb72942b162b963a4663e9320004ad4b144e3b0ec222181085fdaa12fbb05fd5c4a3974f9cd3eeb674bde712b4782cc4f323247d55c2ed2efd47b7c83521adc648ee828d46e7d3689a9c59fd080f6"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window) </script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4967633760641947" crossorigin="anonymous"></script>  <script id="wpopt_front-js-extra"> var wpopt = {"ajax_url":"https://www.houlangpai.com/wp-admin/admin-ajax.php","ajax_name":"wp_opt","is_post":"1","post_id":"716","module_post_views_open":"","module_site_notice_open":"","ai_summary_open":"","ai_summary_animation_open":"1","ai_summary_show_more":"1"}; //# sourceURL=wpopt_front-js-extra </script> <script id="wpopt_front-js" src="https://www.houlangpai.com/wp-content/plugins/wp-opt/static/js/front.min.js"></script> <script id="jquery-js" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/js/libs/jquery.min.js"></script> <script id="loader-js" src="https://www.houlangpai.com/wp-content/themes/hlpthem/assets/js/loader.js"></script> </body> </html>