HTML简单网页设计指南（学会用HTML创建漂亮的网页）-火星号

在现代社会，网页设计已经成为一项必不可少的技能。无论是个人博客还是企业官方网站，都离不开一个吸引人的页面设计。而在众多的网页设计工具中，HTML是最基础、最重要的一种。本文将为您介绍如何利用HTML来创建简单而漂亮的网页，让您轻松上手，成为一名优秀的网页设计师。

HTML简单网页设计指南（学会用HTML创建漂亮的网页）

起步——创建HTML文件

在网页设计中，首先需要创建一个HTML文件。通过一个简单的文本编辑器（例如记事本）打开一个空白文件，并将其保存为.html格式。

设置页面标题

为了让用户更好地理解和辨识您的网页，我们需要设置一个页面标题。在标签内，使用标签来设置页面标题。</p> <p style="text-align: center;"><img alt="HTML简单网页设计指南（学会用HTML创建漂亮的网页）" title="HTML简单网页设计指南（学会用HTML创建漂亮的网页）" src="https://www.hxbb.net/zb_users/upload/2024/07/20240716123131_42827.jpeg"/></p> <p><strong>添加网页头部</strong></p> <p>通过<head>标签内的<meta>标签，我们可以添加一些头部信息，例如指定字符编码、描述网页内容等。这些信息对于搜索引擎优化（SEO）非常重要。</p> <p><strong>构建网页主体</strong></p> <p>在<body>标签内，我们可以开始构建网页主体部分。通过使用<h1>至<h6>标签，您可以设置标题的级别和样式。</p> <p><strong>插入文字内容</strong></p> <p>通过<p>标签，您可以插入文字内容到网页中。可以使用样式标签（如<strong>和<em>）对文字进行加粗和斜体处理。</p> <p style="text-align: center;"><img alt="HTML简单网页设计指南（学会用HTML创建漂亮的网页）" title="HTML简单网页设计指南（学会用HTML创建漂亮的网页）" src="https://www.hxbb.net/zb_users/upload/2024/07/20240716123131_84035.jpeg"/></p> <p><strong>添加图片</strong></p> <p>通过<img>标签，您可以向网页中插入图片。只需要提供正确的图片路径，并设置好宽度和高度，即可显示出漂亮的图片效果。</p> <p><strong>制作超链接</strong></p> <p>通过<a>标签，您可以制作超链接，让用户可以点击跳转到其他网页或指定位置。可以通过设置href属性和target属性来实现。</p> <p><strong>创建列表</strong></p> <p>通过使用<ul>和<li>标签，您可以创建无序列表。而通过<ol>和<li>标签，则可以创建有序列表。这些列表非常适合展示项目或者内容的顺序。</p> <p><strong>调整页面布局</strong></p> <p>通过使用<div>标签，您可以将页面划分为不同的区块。然后通过设置CSS样式，调整每个区块的位置、大小和背景等。</p> <p><strong>设置样式</strong></p> <p>通过在<head>标签内添加<style>标签，您可以设置页面的整体样式。包括字体、颜色、边框等方面的调整。</p> <p><strong>响应式设计</strong></p> <p>在现代社会，移动设备的普及使得响应式设计成为必不可少的要素。通过添加<meta>标签和CSS媒体查询，您可以使您的网页在不同设备上自动适配。</p> <p><strong>添加音频和视频</strong></p> <p>通过使用<audio>和<video>标签，您可以向网页中添加音频和视频元素。通过设置正确的文件路径和控制器，用户可以直接在网页中播放多媒体内容。</p> <p><strong>表格设计</strong></p> <p>通过使用<table>、<tr>和<td>标签，您可以创建表格并填充内容。通过设置各个单元格的属性和样式，您可以创建出美观且易读的表格。</p> <p><strong>表单设计</strong></p> <p>通过使用<form>标签和<input>标签，您可以设计网页表单，让用户可以提交数据。通过设置不同的输入类型和验证规则，实现更丰富的用户交互。</p> <p><strong>优化SEO</strong></p> <p>在网页设计完成后，我们需要优化网页以提高搜索引擎的排名。通过合理设置标题、关键词和描述等，可以提高网页在搜索结果中的显示。</p> <p></p> <p>通过本文，我们学习了如何使用HTML来创建简单而漂亮的网页。无论是起步创建HTML文件，还是插入文字、图片、超链接等内容，都可以通过简单的标签实现。同时，通过调整布局和设置样式，我们可以使网页更具吸引力。优化SEO是确保网页成功的关键，不容忽视。希望本文对您有所帮助，让您成为一名出色的网页设计师。</p> </article>  <footer class="entry-meta"> <p id="tag-wrap" class="tag-wrap"> <i class="fa fa-tags"></i>标签： <span class="padding"><a class="tags br" href="https://www.hxbb.net/view-5709-1.html" title="html">html</a></span> </p> <div class="bdsharebuttonbox fl share"> <div class="share-widget fl"> <div class="social-share" data-sites="wechat,weibo, qq, qzone"></div> </div> </div> <div class="clear"></div> </footer> <div class="authorbio"> <div class="author_info"> <img alt="作者头像" src="//dn-qiniu-avatar.qbox.me/avatar/b70a46f09148634901fa6e442fca8201.png?s=60&d=mm&r=G" class="avatar avatar-40 photo" width="40" height="40"> <div class="author_detail"> <div class="author-name"><span class="author_font">游客</span><span class="author_t">创始人</span></div> <p class="author_bref"></p> </div> </div> <ul class="spostinfo"> <li class="author_experience"></li> <li><strong>版权声明：</strong>本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，请发送邮件至 3561739510@qq.com 举报，一经查实，本站将立刻删除。</li> <li><strong>转载请注明出处：</strong><a href="https://www.hxbb.net/author-1.html">游客，如有疑问，请联系我们</a></li> <li><strong>本文地址：</strong><a href="https://www.hxbb.net/article-21333-1.html">https://www.hxbb.net/article-21333-1.html</a></li> </ul> </div> <div class="post-navigation"> <div class="post-previous"> <span>上一篇:</span><a href="https://www.hxbb.net/article-22770-1.html">电脑密码忘记了怎么办（三种简单方法帮你找回电脑密码）</a> </div> <div class="post-next"> <span>下一篇:</span><a href="https://www.hxbb.net/article-22229-1.html">饥荒食谱大全——在困境中寻找生存的味道（丰盛而简约的饥荒食谱）</a> </div> </div> <div class="relates"> <div class="title"> <h3>相关推荐</h3> </div> <div id="related-img"> <div class="r4"> <div class="related-site"> <figure class="related-site-img"> <a href="https://www.hxbb.net/article-21550-1.html" title="手机版HTML5网页编辑器的便捷之处（掌上创作）"> <img src="https://www.hxbb.net/zb_users/upload/2024/07/20240716124118_97226.jpeg" alt="手机版HTML5网页编辑器的便捷之处（掌上创作）"> </a> </figure> <div class="related-title"> <a href="https://www.hxbb.net/article-21550-1.html" title="手机版HTML5网页编辑器的便捷之处（掌上创作）">手机版HTML5网页编辑器的便捷之处（掌上创作）</a> </div> </div> </div> <div class="r4"> <div class="related-site"> <figure class="related-site-img"> <a href="https://www.hxbb.net/article-21462-1.html" title="探索以HTML成品网站在哪为主题的重要性（揭开HTML成品网站在当代社会的广泛运用）"> <img src="https://www.hxbb.net/zb_users/upload/2024/07/20240716123721_12497.jpeg" alt="探索以HTML成品网站在哪为主题的重要性（揭开HTML成品网站在当代社会的广泛运用）"> </a> </figure> <div class="related-title"> <a href="https://www.hxbb.net/article-21462-1.html" title="探索以HTML成品网站在哪为主题的重要性（揭开HTML成品网站在当代社会的广泛运用）">探索以HTML成品网站在哪为主题的重要性（揭开HTML成品网站在当代社会的广泛运用）</a> </div> </div> </div> <div class="r4"> <div class="related-site"> <figure class="related-site-img"> <a href="https://www.hxbb.net/article-21501-1.html" title="企业网站模板HTML代码的设计与应用（打造专业）"> <img src="https://www.hxbb.net/zb_users/upload/2024/07/20240716123904_51542.jpeg" alt="企业网站模板HTML代码的设计与应用（打造专业）"> </a> </figure> <div class="related-title"> <a href="https://www.hxbb.net/article-21501-1.html" title="企业网站模板HTML代码的设计与应用（打造专业）">企业网站模板HTML代码的设计与应用（打造专业）</a> </div> </div> </div> <div class="r4"> <div class="related-site"> <figure class="related-site-img"> <a href="https://www.hxbb.net/article-21271-1.html" title="HTML标签属性大全——打造高效网页开发利器（掌握关键属性）"> <img src="https://www.hxbb.net/zb_users/upload/2024/07/20240716122843_23275.jpeg" alt="HTML标签属性大全——打造高效网页开发利器（掌握关键属性）"> </a> </figure> <div class="related-title"> <a href="https://www.hxbb.net/article-21271-1.html" title="HTML标签属性大全——打造高效网页开发利器（掌握关键属性）">HTML标签属性大全——打造高效网页开发利器（掌握关键属性）</a> </div> </div> </div> <div class="clear"> </div> </div> </div>  </div> </div> </div> <aside class="sidebar" id="sidebar"> <dl class="function" id="aside_new"> <dt class="function_t">最新文章</dt><dd class="function_c"> <ul><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-26400-1.html" title="十大动作手游排行榜（带你体验手指尖上的战斗狂潮）"> <img src="https://www.hxbb.net/zb_users/upload/2024/09/20240911164153_95449.jpeg" class="" alt="十大动作手游排行榜（带你体验手指尖上的战斗狂潮）"></a></div><div class="previous-recent-title"> <h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-26400-1.html" title="十大动作手游排行榜（带你体验手指尖上的战斗狂潮）"> 十大动作手游排行榜（带你体验手指尖上的战斗狂潮） </a></h4> <span class="info"><i class="fa fa-calendar"></i> 2024-09-16 </span> </div> </li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-26394-1.html" title="《探寻长期耐玩的手机单机游戏》（深入挖掘长久沉迷其中的手机游戏世界）"> <img src="https://www.hxbb.net/zb_users/upload/2024/09/20240911164132_52626.jpeg" class="" alt="《探寻长期耐玩的手机单机游戏》（深入挖掘长久沉迷其中的手机游戏世界）"></a></div><div class="previous-recent-title"> <h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-26394-1.html" title="《探寻长期耐玩的手机单机游戏》（深入挖掘长久沉迷其中的手机游戏世界）"> 《探寻长期耐玩的手机单机游戏》（深入挖掘长久沉迷其中 </a></h4> <span class="info"><i class="fa fa-calendar"></i> 2024-09-16 </span> </div> </li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-26390-1.html" title="阴阳师悬赏任务大全（探索阴阳师世界中各种悬赏任务的详细攻略与心得分享）"> <img src="https://www.hxbb.net/zb_users/upload/2024/09/20240911164116_58873.jpeg" class="" alt="阴阳师悬赏任务大全（探索阴阳师世界中各种悬赏任务的详细攻略与心得分享）"></a></div><div class="previous-recent-title"> <h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-26390-1.html" title="阴阳师悬赏任务大全（探索阴阳师世界中各种悬赏任务的详细攻略与心得分享）"> 阴阳师悬赏任务大全（探索阴阳师世界中各种悬赏任务的详 </a></h4> <span class="info"><i class="fa fa-calendar"></i> 2024-09-16 </span> </div> </li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-26388-1.html" title="如何将魔兽世界的分辨率调整为全屏模式（一步步教你调整游戏分辨率）"> <img src="https://www.hxbb.net/zb_users/upload/2024/09/20240911164108_49651.jpeg" class="" alt="如何将魔兽世界的分辨率调整为全屏模式（一步步教你调整游戏分辨率）"></a></div><div class="previous-recent-title"> <h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-26388-1.html" title="如何将魔兽世界的分辨率调整为全屏模式（一步步教你调整游戏分辨率）"> 如何将魔兽世界的分辨率调整为全屏模式（一步步教你调整 </a></h4> <span class="info"><i class="fa fa-calendar"></i> 2024-09-16 </span> </div> </li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-26387-1.html" title="王者荣耀排位等级顺序解析（从青铜到最强王者）"> <img src="https://www.hxbb.net/zb_users/upload/2024/09/20240911164104_57689.jpeg" class="" alt="王者荣耀排位等级顺序解析（从青铜到最强王者）"></a></div><div class="previous-recent-title"> <h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-26387-1.html" title="王者荣耀排位等级顺序解析（从青铜到最强王者）"> 王者荣耀排位等级顺序解析（从青铜到最强王者） </a></h4> <span class="info"><i class="fa fa-calendar"></i> 2024-09-16 </span> </div> </li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-26380-1.html" title="怪物狩猎（用实力征服怪物）"> <img src="https://www.hxbb.net/zb_users/upload/2024/09/20240911164039_66403.jpeg" class="" alt="怪物狩猎（用实力征服怪物）"></a></div><div class="previous-recent-title"> <h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-26380-1.html" title="怪物狩猎（用实力征服怪物）"> 怪物狩猎（用实力征服怪物） </a></h4> <span class="info"><i class="fa fa-calendar"></i> 2024-09-16 </span> </div> </li></ul> </dd> </dl> <dl class="function" id="aside_hot"> <dt class="function_t">热门文章</dt><dd class="function_c"> <ul><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-1022-1.html" title="提升网站速度，你需要的网站加速器推荐（选择适合你的网站加速器，让用户流畅访问你的网站）"> <img src="https://www.hxbb.net/zb_users/upload/2023/10/20231011114009_66618.jpeg" class="" alt="提升网站速度，你需要的网站加速器推荐（选择适合你的网站加速器，让用户流畅访问你的网站）"></a></div><div class="previous-recent-title"> <h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-1022-1.html" title="提升网站速度，你需要的网站加速器推荐（选择适合你的网站加速器，让用户流畅访问你的网站）"> 提升网站速度，你需要的网站加速器推荐（选择适合你的网 </a></h4> <span class="info"><i class="fa fa-calendar"></i> 2023-10-18 </span> </div> </li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-403-1.html" title="苹果语音备忘录（将苹果语音备忘录中的语音导出为文字，方便整理和回顾）"> <img src="https://www.hxbb.net/zb_users/upload/2023/09/20230927170936_28094.jpeg" class="" alt="苹果语音备忘录（将苹果语音备忘录中的语音导出为文字，方便整理和回顾）"></a></div><div class="previous-recent-title"> <h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-403-1.html" title="苹果语音备忘录（将苹果语音备忘录中的语音导出为文字，方便整理和回顾）"> 苹果语音备忘录（将苹果语音备忘录中的语音导出为文字， </a></h4> <span class="info"><i class="fa fa-calendar"></i> 2023-09-30 </span> </div> </li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-650-1.html" title="浏览器无法打开网页的原因（探究浏览器无法打开网页的各种可能原因及解决方法）"> <img src="https://www.hxbb.net/zb_users/upload/2023/09/20230927172150_80524.jpeg" class="" alt="浏览器无法打开网页的原因（探究浏览器无法打开网页的各种可能原因及解决方法）"></a></div><div class="previous-recent-title"> <h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-650-1.html" title="浏览器无法打开网页的原因（探究浏览器无法打开网页的各种可能原因及解决方法）"> 浏览器无法打开网页的原因（探究浏览器无法打开网页的各 </a></h4> <span class="info"><i class="fa fa-calendar"></i> 2023-10-05 </span> </div> </li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-1428-1.html" title="抖音受众人群分析报告（揭秘抖音受众特征与行为习惯）"> <img src="https://www.hxbb.net/zb_users/upload/2023/10/20231030131947_73297.jpeg" class="" alt="抖音受众人群分析报告（揭秘抖音受众特征与行为习惯）"></a></div><div class="previous-recent-title"> <h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-1428-1.html" title="抖音受众人群分析报告（揭秘抖音受众特征与行为习惯）"> 抖音受众人群分析报告（揭秘抖音受众特征与行为习惯） </a></h4> <span class="info"><i class="fa fa-calendar"></i> 2023-11-04 </span> </div> </li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-969-1.html" title="Win10如何处理“该磁盘可能被另一个进程锁定”问题？（解决Win10下磁盘被锁定的方法及注意事项）"> <img src="https://www.hxbb.net/zb_users/upload/2023/10/20231011113736_26558.jpeg" class="" alt="Win10如何处理“该磁盘可能被另一个进程锁定”问题？（解决Win10下磁盘被锁定的方法及注意事项）"></a></div><div class="previous-recent-title"> <h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-969-1.html" title="Win10如何处理“该磁盘可能被另一个进程锁定”问题？（解决Win10下磁盘被锁定的方法及注意事项）"> Win10如何处理“该磁盘可能被另一个进程锁定”问题 </a></h4> <span class="info"><i class="fa fa-calendar"></i> 2023-10-18 </span> </div> </li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-1890-1.html" title="如何简单解除TF卡的写保护（TF卡写保护解决方法分享）"> <img src="https://www.hxbb.net/zb_users/upload/2023/10/20231030134148_86737.jpeg" class="" alt="如何简单解除TF卡的写保护（TF卡写保护解决方法分享）"></a></div><div class="previous-recent-title"> <h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-1890-1.html" title="如何简单解除TF卡的写保护（TF卡写保护解决方法分享）"> 如何简单解除TF卡的写保护（TF卡写保护解决方法分享 </a></h4> <span class="info"><i class="fa fa-calendar"></i> 2023-11-18 </span> </div> </li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-699-1.html" title="国内Linux杀毒软件排名揭秘（国内Linux杀毒软件的性能、功能和用户评价比较分析）"> <img src="https://www.hxbb.net/zb_users/upload/2023/09/20230927172414_77795.jpeg" class="" alt="国内Linux杀毒软件排名揭秘（国内Linux杀毒软件的性能、功能和用户评价比较分析）"></a></div><div class="previous-recent-title"> <h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-699-1.html" title="国内Linux杀毒软件排名揭秘（国内Linux杀毒软件的性能、功能和用户评价比较分析）"> 国内Linux杀毒软件排名揭秘（国内Linux杀毒软 </a></h4> <span class="info"><i class="fa fa-calendar"></i> 2023-10-06 </span> </div> </li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-580-1.html" title="解决NVIDIA控制面板无反应的问题（快速修复NVIDIA控制面板点了没反应的情况）"> <img src="https://www.hxbb.net/zb_users/upload/2023/09/20230927171822_61271.jpeg" class="" alt="解决NVIDIA控制面板无反应的问题（快速修复NVIDIA控制面板点了没反应的情况）"></a></div><div class="previous-recent-title"> <h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-580-1.html" title="解决NVIDIA控制面板无反应的问题（快速修复NVIDIA控制面板点了没反应的情况）"> 解决NVIDIA控制面板无反应的问题（快速修复NVI </a></h4> <span class="info"><i class="fa fa-calendar"></i> 2023-10-06 </span> </div> </li></ul> </dd> </dl> <dl class="function" id="aside_hot_tag"> <dt class="function_t">热门标签</dt><dd class="function_c"> <ul><li><a href="https://www.hxbb.net/view-65-1.html" title="生活技巧">生活技巧<span class="tag-count"> (1442)</span></a></li><li><a href="https://www.hxbb.net/view-373-1.html" title="电脑">电脑<span class="tag-count"> (1008)</span></a></li><li><a href="https://www.hxbb.net/view-76-1.html" title="笔记本电脑">笔记本电脑<span class="tag-count"> (583)</span></a></li><li><a href="https://www.hxbb.net/view-4255-1.html" title="方法">方法<span class="tag-count"> (414)</span></a></li><li><a href="https://www.hxbb.net/view-538-1.html" title="台式电脑">台式电脑<span class="tag-count"> (370)</span></a></li><li><a href="https://www.hxbb.net/view-4212-1.html" title="怎么">怎么<span class="tag-count"> (332)</span></a></li><li><a href="https://www.hxbb.net/view-4237-1.html" title="怎么办">怎么办<span class="tag-count"> (286)</span></a></li><li><a href="https://www.hxbb.net/view-42-1.html" title="笔记本">笔记本<span class="tag-count"> (273)</span></a></li><li><a href="https://www.hxbb.net/view-4446-1.html" title="关于">关于<span class="tag-count"> (253)</span></a></li><li><a href="https://www.hxbb.net/view-4337-1.html" title="软件推荐">软件推荐<span class="tag-count"> (209)</span></a></li><li><a href="https://www.hxbb.net/view-5369-1.html" title="win10">win10<span class="tag-count"> (206)</span></a></li><li><a href="https://www.hxbb.net/view-1509-1.html" title="分享">分享<span class="tag-count"> (201)</span></a></li><li><a href="https://www.hxbb.net/view-4253-1.html" title="排行">排行<span class="tag-count"> (201)</span></a></li><li><a href="https://www.hxbb.net/view-1765-1.html" title="推荐">推荐<span class="tag-count"> (196)</span></a></li><li><a href="https://www.hxbb.net/view-1923-1.html" title="硬盘">硬盘<span class="tag-count"> (195)</span></a></li><li><a href="https://www.hxbb.net/view-4210-1.html" title="加点">加点<span class="tag-count"> (188)</span></a></li><li><a href="https://www.hxbb.net/view-103-1.html" title="手机">手机<span class="tag-count"> (182)</span></a></li><li><a href="https://www.hxbb.net/view-732-1.html" title="路由器">路由器<span class="tag-count"> (182)</span></a></li><li><a href="https://www.hxbb.net/view-185-1.html" title="盘">盘<span class="tag-count"> (162)</span></a></li><li><a href="https://www.hxbb.net/view-529-1.html" title="打印机">打印机<span class="tag-count"> (161)</span></a></li><li><a href="https://www.hxbb.net/view-503-1.html" title="系统">系统<span class="tag-count"> (157)</span></a></li></ul> </dd> </dl> <dl class="function" id="divLinkage"> <dt class="function_t">友情链接</dt><dd class="function_c"> <ul><li class="link-item"><a href="https://www.seohf.cn/" target="_blank" title="火狐seo">火狐seo</a></li> </ul> </dd> </dl> </aside> </main> <footer class="footer"> <div class="footer-ju"> <p> Copyright © www.hxbb.net All Rights Reserved. <a href="https://beian.miit.gov.cn/#/Integrated/index" rel="nofollow" target="_blank">滇ICP备2023005829号</a> 图片来源于网络，如有侵权请联系删除<br><script>(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>var _hmt=_hmt||[];(function(){var hm=document.createElement("script");hm.src="https://hm.baidu.com/hm.js?561647ca362b6d74de65a6619d33f10e";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm,s)})();</script></p> </div> </footer> <div id="mask" style="display: none;"></div> <script language="javascript" src="https://www.hxbb.net/zb_users/plugin/tx_side/js/txcstx.js"></script> <script src="https://www.hxbb.net/zb_users/theme/zblog5_blog/script/function.js"></script> <script src="https://www.hxbb.net/zb_users/theme/zblog5_blog/script/custom.js"></script> <script src="https://www.hxbb.net/zb_users/theme/zblog5_blog/script/navigation.js"></script> <div id="backtoTop" data-action="gototop"> <canvas id="backtoTopCanvas" width="45" height="45"></canvas> <div class="per"> </div> </div>   <script src="https://www.hxbb.net/zb_users/theme/zblog5_blog/script/imgpang.js?r=1.5.8"></script> </body> </html>