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-29956-1.html" title="免费HTML网站模板代码的优势与应用（简单方便）"> <img src="https://www.hxbb.net/zb_users/upload/2024/10/20241015180439_24910.jpeg" alt="免费HTML网站模板代码的优势与应用（简单方便）"> </a> </figure> <div class="related-title"> <a href="https://www.hxbb.net/article-29956-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-27096-1.html" title="通过案例代码分享学习以HTML制作网页（探索HTML制作网页的实践案例）"> <img src="https://www.hxbb.net/zb_users/upload/2024/09/20240911172713_24183.jpeg" alt="通过案例代码分享学习以HTML制作网页（探索HTML制作网页的实践案例）"> </a> </figure> <div class="related-title"> <a href="https://www.hxbb.net/article-27096-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-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="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-32638-1.html" title="笔记本电脑独显与集显的优劣比较（选择笔记本电脑显卡）"> <img src="https://www.hxbb.net/zb_users/upload/2024/11/20241117160421_35093.jpeg" class="" alt="笔记本电脑独显与集显的优劣比较（选择笔记本电脑显卡）"></a></div><div class="previous-recent-title"> <h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-32638-1.html" title="笔记本电脑独显与集显的优劣比较（选择笔记本电脑显卡）"> 笔记本电脑独显与集显的优劣比较（选择笔记本电脑显卡） </a></h4> <span class="info"><i class="fa fa-calendar"></i> 2024-11-22 </span> </div> </li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-32635-1.html" title="电脑回收站清空文件的恢复方法（如何找回被误清空的文件）"> <img src="https://www.hxbb.net/zb_users/upload/2024/11/20241117160408_48246.jpeg" class="" alt="电脑回收站清空文件的恢复方法（如何找回被误清空的文件）"></a></div><div class="previous-recent-title"> <h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-32635-1.html" title="电脑回收站清空文件的恢复方法（如何找回被误清空的文件）"> 电脑回收站清空文件的恢复方法（如何找回被误清空的文件 </a></h4> <span class="info"><i class="fa fa-calendar"></i> 2024-11-22 </span> </div> </li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-32634-1.html" title="光盘刻录步骤详解（轻松学会如何刻录光盘）"> <img src="https://www.hxbb.net/zb_users/upload/2024/11/20241117160405_49868.jpeg" class="" alt="光盘刻录步骤详解（轻松学会如何刻录光盘）"></a></div><div class="previous-recent-title"> <h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-32634-1.html" title="光盘刻录步骤详解（轻松学会如何刻录光盘）"> 光盘刻录步骤详解（轻松学会如何刻录光盘） </a></h4> <span class="info"><i class="fa fa-calendar"></i> 2024-11-22 </span> </div> </li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-32630-1.html" title="如何设置手机路由器的Wifi密码（简单教程让您轻松保护网络安全）"> <img src="https://www.hxbb.net/zb_users/upload/2024/11/20241117160348_21802.jpeg" class="" alt="如何设置手机路由器的Wifi密码（简单教程让您轻松保护网络安全）"></a></div><div class="previous-recent-title"> <h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-32630-1.html" title="如何设置手机路由器的Wifi密码（简单教程让您轻松保护网络安全）"> 如何设置手机路由器的Wifi密码（简单教程让您轻松保 </a></h4> <span class="info"><i class="fa fa-calendar"></i> 2024-11-22 </span> </div> </li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-33135-1.html" title="探索在线美图秀秀照片处理的魅力（打造完美照片的秘诀）"> <img src="https://www.hxbb.net/zb_users/upload/2024/11/20241117163856_86801.jpeg" class="" alt="探索在线美图秀秀照片处理的魅力（打造完美照片的秘诀）"></a></div><div class="previous-recent-title"> <h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-33135-1.html" title="探索在线美图秀秀照片处理的魅力（打造完美照片的秘诀）"> 探索在线美图秀秀照片处理的魅力（打造完美照片的秘诀） </a></h4> <span class="info"><i class="fa fa-calendar"></i> 2024-11-22 </span> </div> </li><li><div class="previous-one-img"><a target="_blank" href="https://www.hxbb.net/article-33123-1.html" title="重置qcy耳机的方法及注意事项（掌握正确的重置步骤）"> <img src="https://www.hxbb.net/zb_users/upload/2024/11/20241117163805_88448.jpeg" class="" alt="重置qcy耳机的方法及注意事项（掌握正确的重置步骤）"></a></div><div class="previous-recent-title"> <h4 class="title"><a target="_blank" href="https://www.hxbb.net/article-33123-1.html" title="重置qcy耳机的方法及注意事项（掌握正确的重置步骤）"> 重置qcy耳机的方法及注意事项（掌握正确的重置步骤） </a></h4> <span class="info"><i class="fa fa-calendar"></i> 2024-11-22 </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-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-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-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-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-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><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></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"> (1456)</span></a></li><li><a href="https://www.hxbb.net/view-373-1.html" title="电脑">电脑<span class="tag-count"> (1301)</span></a></li><li><a href="https://www.hxbb.net/view-76-1.html" title="笔记本电脑">笔记本电脑<span class="tag-count"> (757)</span></a></li><li><a href="https://www.hxbb.net/view-4212-1.html" title="怎么">怎么<span class="tag-count"> (519)</span></a></li><li><a href="https://www.hxbb.net/view-4255-1.html" title="方法">方法<span class="tag-count"> (479)</span></a></li><li><a href="https://www.hxbb.net/view-538-1.html" title="台式电脑">台式电脑<span class="tag-count"> (473)</span></a></li><li><a href="https://www.hxbb.net/view-4237-1.html" title="怎么办">怎么办<span class="tag-count"> (400)</span></a></li><li><a href="https://www.hxbb.net/view-42-1.html" title="笔记本">笔记本<span class="tag-count"> (355)</span></a></li><li><a href="https://www.hxbb.net/view-5369-1.html" title="win10">win10<span class="tag-count"> (341)</span></a></li><li><a href="https://www.hxbb.net/view-4446-1.html" title="关于">关于<span class="tag-count"> (289)</span></a></li><li><a href="https://www.hxbb.net/view-1923-1.html" title="硬盘">硬盘<span class="tag-count"> (263)</span></a></li><li><a href="https://www.hxbb.net/view-4337-1.html" title="软件推荐">软件推荐<span class="tag-count"> (254)</span></a></li><li><a href="https://www.hxbb.net/view-4210-1.html" title="加点">加点<span class="tag-count"> (252)</span></a></li><li><a href="https://www.hxbb.net/view-4253-1.html" title="排行">排行<span class="tag-count"> (252)</span></a></li><li><a href="https://www.hxbb.net/view-1765-1.html" title="推荐">推荐<span class="tag-count"> (247)</span></a></li><li><a href="https://www.hxbb.net/view-5356-1.html" title="u盘">u盘<span class="tag-count"> (235)</span></a></li><li><a href="https://www.hxbb.net/view-103-1.html" title="手机">手机<span class="tag-count"> (231)</span></a></li><li><a href="https://www.hxbb.net/view-732-1.html" title="路由器">路由器<span class="tag-count"> (229)</span></a></li><li><a href="https://www.hxbb.net/view-1509-1.html" title="分享">分享<span class="tag-count"> (223)</span></a></li><li><a href="https://www.hxbb.net/view-5400-1.html" title="win7">win7<span class="tag-count"> (220)</span></a></li><li><a href="https://www.hxbb.net/view-529-1.html" title="打印机">打印机<span class="tag-count"> (205)</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>