如何制作一个简单的HTML网页教学（掌握HTML基础知识）

电脑技巧 2024年07月19日 09:48 45 游客

在当今数字时代，网页设计和开发已经成为非常重要的技能。无论是个人网站还是商业网站，制作一个简单的HTML网页是基础中的基础。本文将带您了解HTML的基本知识和技巧，并指导您逐步编写一个简单的网页。

一、了解HTML的概念与作用

HTML（超文本标记语言）是一种用于创建网页的标准标记语言。它使用标签来描述网页的结构和内容，并通过各种属性来控制元素的样式和行为。掌握HTML的概念与作用，是制作网页的第一步。

二、搭建开发环境

搭建一个适合编写HTML的开发环境是非常重要的。本节将介绍如何选择合适的文本编辑器，并配置相关插件和工具，以便更高效地编写HTML代码。

三、HTML基本结构与标签

HTML页面由多个标签组成，每个标签都有特定的功能和作用。本节将详细介绍HTML页面的基本结构以及常用标签，包括``,``,``,`<body>`等。</p> <p><strong>四、文本和标题标签</strong></p> <p>文本是网页的主要内容之一，而标题则是对文本进行层次化组织的重要手段。本节将讲解如何使用`<p>`,`<h1>`,`<h2>`,`<h3>`等标签来展示文本和标题，以及如何调整文本的字体、颜色和大小。</p> <p><strong>五、列表和链接标签</strong></p> <p>列表和链接是网页中常用的元素，能够有效地组织和导航信息。本节将介绍如何使用`<ul>`,`<ol>`,`<li>`,`<a>`等标签创建有序和无序列表，以及如何添加链接到其他页面。</p> <p><strong>六、图像和表格标签</strong></p> <p><strong>七、表单与输入标签</strong></p> <p>表单是网页与用户交互的重要手段，也是收集信息和进行数据处理的关键。本节将介绍如何使用`<form>`、`<input>`、`<select>`等标签创建表单，并实现基本的表单验证功能。</p> <p><strong>八、CSS样式与布局</strong></p> <p>CSS（层叠样式表）是控制网页外观和布局的语言。本节将介绍如何使用内联样式、内部样式和外部样式表来设置网页的样式，并实现简单的布局效果。</p> <p><strong>九、响应式设计与媒体查询</strong></p> <p>随着移动设备的普及，响应式设计成为一个必备的技能。本节将介绍如何使用媒体查询和CSS媒体属性来创建适应不同屏幕尺寸和设备的网页。</p> <p><strong>十、调试和优化网页</strong></p> <p>调试和优化是制作网页过程中不可忽视的环节。本节将介绍一些常见的调试工具和技巧，以及优化网页性能的方法。</p> <p><strong>十一、发布网页</strong></p> <p>在网页制作完成后，需要将其发布到互联网上才能让其他人访问。本节将介绍如何选择合适的托管平台，并将网页上传到服务器上。</p> <p><strong>十二、维护与更新</strong></p> <p>制作网页不仅仅是一次性的工作，还需要进行维护和更新。本节将介绍一些常见的维护任务，以及如何保持网页的安全性和稳定性。</p> <p><strong>十三、常见问题解答</strong></p> <p>在学习和实践过程中，可能会遇到一些问题和困惑。本节将回答一些常见的问题，并提供一些解决方法和技巧。</p> <p><strong>十四、扩展与深入学习</strong></p> <p>制作一个简单的HTML网页只是开始，还有许多其他的知识和技巧等待着您去探索和学习。本节将介绍一些扩展学习的资源和推荐书籍。</p> <p><strong>十五、与展望</strong></p> <p>通过本文的学习，您已经掌握了制作一个简单HTML网页所需的基础知识和技巧。希望您能够继续深入学习，并将所学应用到实际项目中，创造出更加出色的网页作品。</p> <p></p> <p>制作一个简单的HTML网页并不难，只要您掌握了基本的HTML知识和技巧。通过本文的学习，您已经了解了HTML的概念与作用、搭建开发环境、HTML基本结构与标签、文本和标题标签、列表和链接标签、图像和表格标签、表单与输入标签、CSS样式与布局、响应式设计与媒体查询、调试和优化网页、发布网页、维护与更新等方面的内容。希望本文能够为您打下良好的HTML基础，为进一步学习和实践奠定基础。祝您在网页制作的旅程中取得成功！</p> <p><h2 id="subtitle1">逐步学习HTML编程</h2></p> <p>在当今信息化的时代，学习编程成为了一项重要的技能。而HTML作为最基础的网页制作语言，掌握它将有助于我们打造属于自己的个人网页，展示自己的才华和创意。本文将以制作一个简单的HTML网页为例，逐步教你如何使用HTML语言编写和设计自己的网页。</p> <p><strong>认识HTML语言</strong></p> <p>在这个段落中，我们将介绍HTML的概念以及它在网页制作中的作用。HTML是一种标记语言，用于描述网页结构和内容，并通过标签来定义各个元素。学习HTML的基础知识对于理解网页的结构和布局非常重要。</p> <p><strong>创建HTML文档</strong></p> <p>在这一节中，我们将介绍如何创建一个简单的HTML文档。我们将从创建一个新的文本文件开始，然后使用适当的文件扩展名（.html）保存。同时，我们还将学习如何设置文档的标题和字符编码。</p> <p><strong>构建网页结构</strong></p> <p>在这一节中，我们将学习如何使用HTML标签来构建网页的基本结构。我们将介绍<html>、<head>和<body>标签，并解释它们在网页中的作用。</p> <p><strong>添加文本内容</strong></p> <p>在这一节中，我们将学习如何使用HTML标签来添加文本内容。我们将介绍常用的标签，如<p>、<h1>到<h6>等，以及如何使用它们来组织和格式化文本内容。</p> <p><strong>插入图像</strong></p> <p><strong>创建超链接</strong></p> <p>在这一节中，我们将学习如何创建超链接，使用户能够点击链接跳转到其他网页或位置。我们将介绍<a>标签和它的href属性，以及如何添加锚点。</p> <p><strong>设置列表</strong></p> <p>在这一节中，我们将学习如何使用HTML标签创建有序列表和无序列表。我们还将介绍<li>和<ol>、<ul>标签的使用方法，以及如何嵌套列表。</p> <p><strong>设计表格</strong></p> <p>在这一节中，我们将学习如何使用HTML标签创建表格。我们将介绍<table>、<tr>和<td>标签，并学习如何设置表格的行、列以及单元格。</p> <p><strong>应用样式和颜色</strong></p> <p>在这一节中，我们将学习如何使用CSS样式表为网页添加样式和颜色。我们将介绍内联样式、嵌入式样式和外部样式表的使用方法，以及如何为元素添加背景颜色和文字颜色。</p> <p><strong>使用CSS布局</strong></p> <p>在这一节中，我们将学习如何使用CSS布局来控制网页的结构和布局。我们将介绍盒模型、浮动和定位等概念，以及如何使用这些技术创建不同的布局效果。</p> <p><strong>响应式设计</strong></p> <p>在这一节中，我们将学习如何使用CSS媒体查询和其他技术来创建响应式设计的网页。我们将介绍媒体查询的语法和使用方法，以及如何使网页在不同设备上自动适应。</p> <p><strong>优化网页性能</strong></p> <p>在这一节中，我们将学习如何优化网页的性能，使其加载更快、响应更快。我们将介绍一些优化技巧，如压缩和合并CSS和JavaScript文件，以及使用缓存等技术。</p> <p><strong>调试和测试网页</strong></p> <p>在这一节中，我们将介绍一些常用的调试和测试工具，以帮助我们检查和修复网页中的错误。我们将学习如何使用浏览器开发者工具、HTML验证器和跨浏览器测试工具等。</p> <p><strong>部署网页</strong></p> <p>在这一节中，我们将介绍如何将网页部署到互联网上，使其可以通过网址访问。我们将学习如何选择并注册域名，选择并配置网页托管服务提供商，并将网页文件上传到服务器。</p> <p><strong>不断学习和实践</strong></p> <p>在这一节中，我们将强调学习编程是一个持续不断的过程。我们将鼓励读者不断学习和实践，探索更多HTML语言的高级特性和技巧，进一步提升自己的网页制作能力。</p> <p></p> <p>通过本文的学习，我们已经了解了如何制作一个简单的HTML网页。我们学习了HTML的基本概念和语法，掌握了创建网页结构、添加文本内容、插入图像和创建超链接等基本技巧。同时，我们还学习了如何使用CSS样式和布局来美化网页，并了解了一些优化和调试技巧。希望读者通过不断实践和探索，能够进一步提升自己的HTML编程能力，创造出更加独特和出色的网页作品。</p> </div> <p id="tag-wrap" class="tag-wrap"> <i class="fa fa-tags"></i>标签： <span class="padding"><a class="tags br" href="https://www.591001.net/view-140-1.html" title="html">html</a></span> </p>  <div style="background-color: #fcf8e3;border-color: #faebcc;color: #f39c12;padding: 15px;margin-bottom: 17px;border: 1px solid transparent;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;border-radius: 3px;"> <p>版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，请发送邮件至 3561739510@qq.com 举报，一经查实，本站将立刻删除。</p> </div> <div class="nextlog"> <a href="https://www.591001.net/article-1272-1.html" class="prev"> <small>上一篇</small> <i class="fa fa-angle-left fa-3x"></i> <h2>手机视频转换mp4格式（通过转换器快速将各种视频格式转为mp4）</h2> </a> <a href="https://www.591001.net/article-1273-1.html" class="next"> <small>下一篇</small> <h2>defender暂时关闭的后果及应对措施（保护计算机安全的必要性与方法）</h2> <i class="fa fa-angle-right fa-3x"></i> </a> </div> <div class="link-box"> <p class="title">相关文章</p> <ul class="loglist"> <li class="con"> <div class="info"> <span class="sn"><a href="https://www.591001.net/JDWX.html" class="mcolor">家电维修</a></span> </div> <div class="des"> <a class="h2" href="https://www.591001.net/article-5576-1.html" title="HTML5网页前端设计步骤（掌握HTML5网页前端设计的关键步骤及技巧）">HTML5网页前端设计步骤（掌握HTML5网页前端设计的关键步骤及技巧）</a> <a href="https://www.591001.net/article-5576-1.html" title="HTML5网页前端设计步骤（掌握HTML5网页前端设计的关键步骤及技巧）" class="pic"> <img class="img br img-cover" src="https://www.591001.net/zb_users/cache/thumbs/8a4b3b072dc1bcf7d686e5e9e23b2ba6-180-120-1.jpeg" alt="HTML5网页前端设计步骤（掌握HTML5网页前端设计的关键步骤及技巧）"> </a> <div class="text"> <p>随着互联网的迅速发展，网页前端设计变得越来越重要。而HTML5作为最新的网页标准，已经成为前端设计师必备的技能之一。本文将介绍HTML5网页前端设计的...</p> <p class="data"> <span class="time"><i class="fa fa-clock-o"></i>2024-12-06</span> <span class="view"><i class="fa fa-eye"></i>10</span> <span class="tag"> <i class="fa fa-tags"></i> <a href="https://www.591001.net/view-140-1.html" target="_blank">html</a> </span> </p> </div> </div> <a href="https://www.591001.net/article-5576-1.html" title="HTML5网页前端设计步骤（掌握HTML5网页前端设计的关键步骤及技巧）" class="more">详细阅读<i class="fa fa-angle-right"></i></a> </li> <li class="con"> <div class="info"> <span class="sn"><a href="https://www.591001.net/WLZS.html" class="mcolor">网络知识</a></span> </div> <div class="des"> <a class="h2" href="https://www.591001.net/article-1408-1.html" title="个人简介HTML代码模板的制作与应用（快速搭建个人简介页面的利器）">个人简介HTML代码模板的制作与应用（快速搭建个人简介页面的利器）</a> <a href="https://www.591001.net/article-1408-1.html" title="个人简介HTML代码模板的制作与应用（快速搭建个人简介页面的利器）" class="pic"> <img class="img br img-cover" src="https://www.591001.net/zb_users/cache/thumbs/435f55425fa4bf1eb5648cdecff01779-180-120-1.jpeg" alt="个人简介HTML代码模板的制作与应用（快速搭建个人简介页面的利器）"> </a> <div class="text"> <p>在当今数字化时代，个人简介页面成为展示个人能力和经历的重要方式之一。为了帮助用户快速搭建个人简介页面，本文将介绍一个基于HTML代码的模板，通过简单修...</p> <p class="data"> <span class="time"><i class="fa fa-clock-o"></i>2024-07-23</span> <span class="view"><i class="fa fa-eye"></i>22</span> <span class="tag"> <i class="fa fa-tags"></i> <a href="https://www.591001.net/view-140-1.html" target="_blank">html</a> </span> </p> </div> </div> <a href="https://www.591001.net/article-1408-1.html" title="个人简介HTML代码模板的制作与应用（快速搭建个人简介页面的利器）" class="more">详细阅读<i class="fa fa-angle-right"></i></a> </li> <li class="con"> <div class="info"> <span class="sn"><a href="https://www.591001.net/DNJQ.html" class="mcolor">电脑技巧</a></span> </div> <div class="des"> <a class="h2" href="https://www.591001.net/article-1415-1.html" title="探索HTML5网页设计的创新与发展（构建互动体验的HTML5网页设计的趋势与挑战）">探索HTML5网页设计的创新与发展（构建互动体验的HTML5网页设计的趋势与挑战）</a> <a href="https://www.591001.net/article-1415-1.html" title="探索HTML5网页设计的创新与发展（构建互动体验的HTML5网页设计的趋势与挑战）" class="pic"> <img class="img br img-cover" src="https://www.591001.net/zb_users/cache/thumbs/1f45a5c6bae6f5d02f7efe623f5fa37c-180-120-1.jpeg" alt="探索HTML5网页设计的创新与发展（构建互动体验的HTML5网页设计的趋势与挑战）"> </a> <div class="text"> <p>在当今数字时代，网页已经成为人们获取信息和交流的重要工具。随着技术的不断发展，HTML5作为一种新的网页设计语言，为网页设计师带来了许多创新和改变。本...</p> <p class="data"> <span class="time"><i class="fa fa-clock-o"></i>2024-07-22</span> <span class="view"><i class="fa fa-eye"></i>37</span> <span class="tag"> <i class="fa fa-tags"></i> <a href="https://www.591001.net/view-140-1.html" target="_blank">html</a> </span> </p> </div> </div> <a href="https://www.591001.net/article-1415-1.html" title="探索HTML5网页设计的创新与发展（构建互动体验的HTML5网页设计的趋势与挑战）" class="more">详细阅读<i class="fa fa-angle-right"></i></a> </li> <li class="con"> <div class="info"> <span class="sn"><a href="https://www.591001.net/JDWX.html" class="mcolor">家电维修</a></span> </div> <div class="des"> <a class="h2" href="https://www.591001.net/article-1275-1.html" title="如何制作一个精美的旅游网页（以HTML为基础）">如何制作一个精美的旅游网页（以HTML为基础）</a> <a href="https://www.591001.net/article-1275-1.html" title="如何制作一个精美的旅游网页（以HTML为基础）" class="pic"> <img class="img br img-cover" src="https://www.591001.net/zb_users/cache/thumbs/bf5ed440b9f181c7aaac4408b7a53d27-180-120-1.jpeg" alt="如何制作一个精美的旅游网页（以HTML为基础）"> </a> <div class="text"> <p>在互联网时代，人们越来越依赖于网络来获取信息和规划旅行。作为一个旅游爱好者或者从事旅游业务的人士，拥有一个精美的旅游网页可以吸引更多的目标用户，提升用...</p> <p class="data"> <span class="time"><i class="fa fa-clock-o"></i>2024-07-20</span> <span class="view"><i class="fa fa-eye"></i>21</span> <span class="tag"> <i class="fa fa-tags"></i> <a href="https://www.591001.net/view-140-1.html" target="_blank">html</a> </span> </p> </div> </div> <a href="https://www.591001.net/article-1275-1.html" title="如何制作一个精美的旅游网页（以HTML为基础）" class="more">详细阅读<i class="fa fa-angle-right"></i></a> </li> <li class="con"> <div class="info"> <span class="sn"><a href="https://www.591001.net/WLZS.html" class="mcolor">网络知识</a></span> </div> <div class="des"> <a class="h2" href="https://www.591001.net/article-228-1.html" title="HTML5网页前端设计步骤详解（学习HTML5网页前端设计的关键步骤与技巧）">HTML5网页前端设计步骤详解（学习HTML5网页前端设计的关键步骤与技巧）</a> <a href="https://www.591001.net/article-228-1.html" title="HTML5网页前端设计步骤详解（学习HTML5网页前端设计的关键步骤与技巧）" class="pic"> <img class="img br img-cover" src="https://www.591001.net/zb_users/cache/thumbs/78a5729845b9074671a0d0923136e79d-180-120-1.jpeg" alt="HTML5网页前端设计步骤详解（学习HTML5网页前端设计的关键步骤与技巧）"> </a> <div class="text"> <p>在当今互联网高度发达的时代，网页前端设计是非常重要的一环。HTML5作为最新的网页标准，其在前端设计中有着广泛的应用。本文将详细介绍HTML5网页前端...</p> <p class="data"> <span class="time"><i class="fa fa-clock-o"></i>2024-06-15</span> <span class="view"><i class="fa fa-eye"></i>26</span> <span class="tag"> <i class="fa fa-tags"></i> <a href="https://www.591001.net/view-140-1.html" target="_blank">html</a> </span> </p> </div> </div> <a href="https://www.591001.net/article-228-1.html" title="HTML5网页前端设计步骤详解（学习HTML5网页前端设计的关键步骤与技巧）" class="more">详细阅读<i class="fa fa-angle-right"></i></a> </li> </ul> </div> </div> </div> </div> <div id="sidebar"> <section id="aside_hot" class="widget widget_suiranx_news_hotviewarticle sb br mb"> <h3><span>热门文章</span></h3> <ul class="widget-content aside_hot"><li class="clearfix"><span class="list list-1">1</span><a href="https://www.591001.net/article-1-1.html" title="将剪映视频格式转为MP4的方法（一步步教你如何将剪映视频格式转为MP4）">将剪映视频格式转为MP4的方法（一步步教你如何将剪映视频格式转为MP4）</a></li><li class="clearfix"><span class="list list-2">2</span><a href="https://www.591001.net/article-11-1.html" title="解决家庭网络DNS异常的方法（快速解决家庭网络DNS异常问题的有效技巧）">解决家庭网络DNS异常的方法（快速解决家庭网络DNS异常问题的有效技巧）</a></li><li class="clearfix"><span class="list list-3">3</span><a href="https://www.591001.net/article-33-1.html" title="探索以诺手的天赋之道（解析如何正确点亮以诺手的天赋树）">探索以诺手的天赋之道（解析如何正确点亮以诺手的天赋树）</a></li><li class="clearfix"><span class="list list-4">4</span><a href="https://www.591001.net/article-292-1.html" title="U盘修复大全（从格式化到病毒清除）">U盘修复大全（从格式化到病毒清除）</a></li><li class="clearfix"><span class="list list-5">5</span><a href="https://www.591001.net/article-216-1.html" title="如何选择适合家庭使用的路由器（家用路由器推荐及购买指南）">如何选择适合家庭使用的路由器（家用路由器推荐及购买指南）</a></li></ul> </section> <section id="aside_new" class="widget widget_suiranx_news_newarticle sb br mb"> <h3><span>最新文章</span></h3> <ul class="widget-content aside_new"><li class="clearfix"><i class="fa fa-caret-right"></i><a href="https://www.591001.net/article-6811-1.html" title="手机usb调试开关在哪里？如何开启或关闭？">手机usb调试开关在哪里？如何开启或关闭？</a></li><li class="clearfix"><i class="fa fa-caret-right"></i><a href="https://www.591001.net/article-6806-1.html" title="微信远程协助怎么用？遇到问题如何快速解决？">微信远程协助怎么用？遇到问题如何快速解决？</a></li><li class="clearfix"><i class="fa fa-caret-right"></i><a href="https://www.591001.net/article-6801-1.html" title="笔记本固态硬盘安装教程？安装过程中常见问题有哪些？">笔记本固态硬盘安装教程？安装过程中常见问题有哪些？</a></li><li class="clearfix"><i class="fa fa-caret-right"></i><a href="https://www.591001.net/article-6807-1.html" title="2022年最好笔记本电脑top.txt？如何选购适合自己的笔记本电脑？">2022年最好笔记本电脑top.txt？如何选购适合</a></li><li class="clearfix"><i class="fa fa-caret-right"></i><a href="https://www.591001.net/article-6805-1.html" title="一键还原软件怎么操作？操作步骤和常见问题解答？">一键还原软件怎么操作？操作步骤和常见问题解答？</a></li></ul> </section> <section id="divTags" class="widget widget_tags sb br mb"> <h3><span>标签列表</span></h3> <ul class="widget-content divTags"><li><a title="电脑" href="https://www.591001.net/view-3-1.html">电脑<span class="tag-count"> (190)</span></a></li> <li><a title="怎么办" href="https://www.591001.net/view-6-1.html">怎么办<span class="tag-count"> (164)</span></a></li> <li><a title="win10" href="https://www.591001.net/view-16-1.html">win10<span class="tag-count"> (65)</span></a></li> <li><a title="笔记本电脑" href="https://www.591001.net/view-17-1.html">笔记本电脑<span class="tag-count"> (192)</span></a></li> <li><a title="打印机" href="https://www.591001.net/view-47-1.html">打印机<span class="tag-count"> (154)</span></a></li> <li><a title="方法" href="https://www.591001.net/view-71-1.html">方法<span class="tag-count"> (97)</span></a></li> <li><a title="解决方法" href="https://www.591001.net/view-85-1.html">解决方法<span class="tag-count"> (53)</span></a></li> <li><a title="手机" href="https://www.591001.net/view-113-1.html">手机<span class="tag-count"> (87)</span></a></li> <li><a title="显示器" href="https://www.591001.net/view-183-1.html">显示器<span class="tag-count"> (85)</span></a></li> <li><a title="跑步机" href="https://www.591001.net/view-186-1.html">跑步机<span class="tag-count"> (55)</span></a></li> <li><a title="燃气灶" href="https://www.591001.net/view-190-1.html">燃气灶<span class="tag-count"> (64)</span></a></li> <li><a title="复印机" href="https://www.591001.net/view-196-1.html">复印机<span class="tag-count"> (74)</span></a></li> <li><a title="热水器" href="https://www.591001.net/view-198-1.html">热水器<span class="tag-count"> (87)</span></a></li> <li><a title="油烟机" href="https://www.591001.net/view-201-1.html">油烟机<span class="tag-count"> (154)</span></a></li> <li><a title="投影仪" href="https://www.591001.net/view-203-1.html">投影仪<span class="tag-count"> (66)</span></a></li> <li><a title="洗衣机" href="https://www.591001.net/view-204-1.html">洗衣机<span class="tag-count"> (104)</span></a></li> <li><a title="冰箱" href="https://www.591001.net/view-211-1.html">冰箱<span class="tag-count"> (112)</span></a></li> <li><a title="中央空调" href="https://www.591001.net/view-222-1.html">中央空调<span class="tag-count"> (58)</span></a></li> <li><a title="壁挂炉" href="https://www.591001.net/view-228-1.html">壁挂炉<span class="tag-count"> (65)</span></a></li> <li><a title="为什么" href="https://www.591001.net/view-229-1.html">为什么<span class="tag-count"> (53)</span></a></li> <li><a title="抽油烟机" href="https://www.591001.net/view-236-1.html">抽油烟机<span class="tag-count"> (55)</span></a></li> <li><a title="空调" href="https://www.591001.net/view-278-1.html">空调<span class="tag-count"> (57)</span></a></li> <li><a title="怎么" href="https://www.591001.net/view-444-1.html">怎么<span class="tag-count"> (160)</span></a></li> <li><a title="iphone" href="https://www.591001.net/view-462-1.html">iphone<span class="tag-count"> (87)</span></a></li> <li><a title="苹果手机" href="https://www.591001.net/view-562-1.html">苹果手机<span class="tag-count"> (122)</span></a></li> </ul> </section> </div> </div> </div> <div id="footerbar"> <div class="wrap"> <span>Copyright © www.591001.net All Rights Reserved. <a href="https://beian.miit.gov.cn/#/Integrated/index" rel="nofollow" target="_blank">滇ICP备2024031775号</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?5c4f681daf4b1ee6e6d43bd35a0f6b4e";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm,s)})();</script></span> </div> </div> <div id="backtop"><span class="fa fa-chevron-circle-up"></span></div> <script language="javascript" src="https://www.591001.net/zb_users/plugin/tx_side/js/txcstx.js"></script> <script src="https://www.591001.net/zb_users/theme/suiranx_news/script/common.js" type="text/javascript"></script> <script src="https://www.591001.net/zb_users/theme/suiranx_news/script/scrolltxt.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $("#croll").textSlider({line: 1, speed: 1000, timer: 3000}); }) </script>  <script> var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', centeredSlides: true, autoplay: 3500, slidesPerView: 1, paginationClickable: true, autoplayDisableOnInteraction: false, spaceBetween: 0, loop: true }); </script>   <script src="https://www.591001.net/zb_users/theme/suiranx_news/script/imgpang.js?r=1.5.8"></script> </body> </html>