拥有一个个人网页已经成为展示自己的重要方式之一、在数字时代的今天。掌握它能让你自由地展示自己的才华与个性，而HTML作为网页制作的基础语言。轻松打造出的个性化网页，本文将向大家介绍如何利用HTML制作个人网页，帮助大家从零开始。
1.创建HTML文件
并将其保存为，html文件，打开文本编辑器，新建一个空白文件。这个文件将成为我们的网页的主体。
2.定义HTML基本结构
html文件中，以及标签作为HTML文档的根元素，在新建的，使用声明文档类型。
3.添加
标签
添加
标签，在标签内部。包括标题，我们可以设置网页的元数据，在标签中、字符编码等。
4.设置网页标题
使用
标签设置网页的标题，在<head>标签内部。这个标题将会显示在浏览器的标题栏中。</p>
<p>5.引入CSS样式表</p>
<p>使用<link>标签引入外部的CSS样式表文件，在<head>标签内部。这样可以让网页拥有更丰富的样式。</p>
<p>6.添加<body>标签</p>
<p>添加<body>标签、在<html>标签内部。我们可以编写网页的具体内容、在<body>标签中。</p>
<p>7.创建网页标题</p>
<p>使用<h1>至<h6>标签中的任意一个来创建网页的标题，在<body>标签内部。可以根据需要进行调整。</p>
<p>8.插入图片</p>
<p>9.添加超链接</p>
<p>让用户可以点击跳转到其他页面或者网站、使用<a>标签创建超链接。</p>
<p>10.创建列表</p>
<p>或使用<ol>和<li>标签来创建有序列表，使用<ul>和<li>标签来创建无序列表。</p>
<p>11.设计表格</p>
<p><tr>和<td>标签来设计并展示数据表格、使用<table>。</p>
<p>12.制作表单</p>
<p><input>和<button>等标签来制作各种交互式表单，用于用户输入和提交数据、使用<form>。</p>
<p>13.设置网页样式</p>
<p>布局等，使用CSS样式表来设置网页的外观，颜色，包括字体。</p>
<p>14.优化网页性能</p>
<p>包括压缩，以提高网页的加载速度、合并CSS和JavaScript文件等、对HTML代码进行优化。</p>
<p>15.测试与发布网页</p>
<p>让其他人可以访问，在本地环境中对网页进行测试，并将其发布到互联网上。</p>
<p></p>
<p>我们了解到如何利用HTML制作个人网页，通过本文的介绍。再到优化网页性能和发布网页，从创建HTML文件到设置网页样式、掌握这些基础知识可以让我们打造出的个性化网页。展现个人魅力，希望本文能够帮助大家更好地展示自己。</p>
<p><h2 id="subtitle1">使用HTML自己制作一个网页的步骤</h2></p>
<p>学习HTML成为了一项重要的技能，随着互联网的发展。用于创建网页结构和内容，HTML是一种标记语言。您可以轻松地制作出个性化的网页，通过使用HTML。以及学习HTML的基本语法和标签、在本文中，我们将介绍使用HTML自己制作一个网页的步骤。</p>
<p>1.了解HTML的基本结构</p>
<p>HTML文件由头部（head）和主体（body）组成。如标题，字符集等，头部包含了网页的元数据。图像和链接等，如文本，主体则包含了网页的实际内容。</p>
<p>2.学习HTML的基本标签</p>
<p>HTML使用标签来定义网页中的不同元素。最常用的标签有p标签（定义段落）h1，-h6标签（定义标题）a标签，（定义链接）等。学习这些基本标签将为您制作网页提供必要的基础。</p>
<p>3.创建标题和段落</p>
<p>使用h1-而p标签可用于定义段落，h6标签可以创建不同级别的标题。可以根据需要使用不同级别的标题和合适的段落，为使您的网页内容更有层次感。</p>
<p>4.插入图像</p>
<p>图像能够使网页更加生动和吸引人。可以使用img标签来插入图像、并设置其属性，在HTML中，如宽度、高度和边框等。</p>
<p>5.创建超链接</p>
<p>超链接是连接网页和其他页面的重要元素。您可以轻松地创建超链接，使用a标签、并设置目标页面的URL地址。</p>
<p>6.应用样式和颜色</p>
<p>HTML中的标签可以与CSS（层叠样式表）以改变网页的外观和样式，结合使用。背景等属性，您可以为不同的元素设置字体、以使网页更具吸引力、颜色。</p>
<p>7.创建有序和无序列表</p>
<p>有序列表，HTML提供了两种列表类型（使用ol标签）和无序列表（使用ul标签）。您可以呈现出结构化的信息，使网页更易于阅读，通过使用这两种列表。</p>
<p>8.添加表格</p>
<p>表格是一种有效的方式来展示数据和信息。列数、HTML提供了table标签，您可以使用它来创建表格、边框等属性，并设置表格的行数。</p>
<p>9.使用div和span标签布局网页</p>
<p>div和span标签是用于布局网页的重要标签。并实现更复杂的设计效果，通过将内容放置在这些标签内，您可以更好地控制网页的布局。</p>
<p>10.响应式设计和媒体查询</p>
<p>响应式设计变得越来越重要、随着移动设备的普及。您可以根据设备的屏幕尺寸和方向来调整网页的布局和样式、通过使用CSS的媒体查询功能。</p>
<p>11.验证HTML代码</p>
<p>验证代码的正确性是非常重要的，在编写HTML代码时。以确保没有语法错误和标签未正确闭合等问题、可以使用在线工具或浏览器自带的开发者工具来验证您的代码。</p>
<p>12.优化网页加载速度</p>
<p>优化网页加载速度对于提高用户体验至关重要。可以减少网页的加载时间、提高网页的访问速度，通过优化图像大小，压缩CSS和JavaScript文件等方法。</p>
<p>13.学习调试技巧</p>
<p>遇到问题是常有的事，在开发过程中。如使用浏览器的开发者工具进行调试，学习一些调试技巧可以帮助您快速定位和解决问题。</p>
<p>14.学习进阶的HTML特性</p>
<p>画布绘图等，除了基本的HTML语法和标签外，还有许多进阶的HTML特性值得学习、如音频和视频的嵌入。这些特性可以使您的网页更加丰富多样。</p>
<p>15.继续学习和实践</p>
<p>随着您的实践和不断学习，学习HTML只是一个开始，使您的网页制作水平不断提升，您可以掌握更多高级的技巧和技术。</p>
<p></p>
<p>并学习了HTML的基本语法和标签、通过本文、我们了解了使用HTML自己制作一个网页的步骤。掌握它将为您打开更广阔的互联网世界、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.iheshun.net/view-38-1.html" title="电脑技巧">电脑技巧</a></span>
</p>
<!-- 广告位AD3 -->
<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.iheshun.net/article-13238-1.html" class="prev">
<small>上一篇</small>
<i class="fa fa-angle-left fa-3x"></i>
<h2>电脑操作技巧之复制粘贴的妙用（轻松掌握复制粘贴技巧）</h2>
</a>
<a href="https://www.iheshun.net/article-11806-1.html" class="next">
<small>下一篇</small>
<h2>《探索Win10版本中选择》（选一个最适合你的Win10版本）</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.iheshun.net/DNJQ.html" class="mcolor">电脑技巧</a></span>
</div>
<div class="des">
<a class="h2" href="https://www.iheshun.net/article-42474-1.html" title="华为Mate10是哪一年上市的？上市时间对购买决策有影响吗？">华为Mate10是哪一年上市的？上市时间对购买决策有影响吗？</a>
<a href="https://www.iheshun.net/article-42474-1.html" title="华为Mate10是哪一年上市的？上市时间对购买决策有影响吗？" class="pic">
<img class="img br img-cover" src="https://www.iheshun.net/zb_users/cache/thumbs/15570249b2c5b27dcd4f60eb14bb44cc-180-120-1.jpeg" alt="华为Mate10是哪一年上市的？上市时间对购买决策有影响吗？">
</a>
<div class="text">
<p>华为Mate10是华为公司于2017年推出的一款旗舰智能手机，备受关注。下面将对其上市时间、配置和功能进行详细介绍。一：Mate10的发布时间...</p>
<p class="data">
<span class="time"><i class="fa fa-clock-o"></i>2025-03-04</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.iheshun.net/view-38-1.html" target="_blank">电脑技巧</a>
</span>
</p>
</div>
</div>
<a href="https://www.iheshun.net/article-42474-1.html" title="华为Mate10是哪一年上市的？上市时间对购买决策有影响吗？" class="more">详细阅读<i class="fa fa-angle-right"></i></a>
</li>
<li class="con">
<div class="info">
<span class="sn"><a href="https://www.iheshun.net/DNJQ.html" class="mcolor">电脑技巧</a></span>
</div>
<div class="des">
<a class="h2" href="https://www.iheshun.net/article-42468-1.html" title="watch3和watch3pro有何区别？哪个更适合您？">watch3和watch3pro有何区别？哪个更适合您？</a>
<a href="https://www.iheshun.net/article-42468-1.html" title="watch3和watch3pro有何区别？哪个更适合您？" class="pic">
<img class="img br img-cover" src="https://www.iheshun.net/zb_users/cache/thumbs/c8acb747e4cd65a4c9a1cf2cd8ea5bba-180-120-1.jpeg" alt="watch3和watch3pro有何区别？哪个更适合您？">
</a>
<div class="text">
<p>随着智能手表的普及，华为Watch3系列作为华为最新推出的产品备受关注。然而，许多人对于Watch3和Watch3Pro之间的区别仍然不清楚。本文将深...</p>
<p class="data">
<span class="time"><i class="fa fa-clock-o"></i>2025-03-04</span>
<span class="view"><i class="fa fa-eye"></i>12</span>
<span class="tag">
<i class="fa fa-tags"></i>
<a href="https://www.iheshun.net/view-38-1.html" target="_blank">电脑技巧</a>
</span>
</p>
</div>
</div>
<a href="https://www.iheshun.net/article-42468-1.html" title="watch3和watch3pro有何区别？哪个更适合您？" class="more">详细阅读<i class="fa fa-angle-right"></i></a>
</li>
<li class="con">
<div class="info">
<span class="sn"><a href="https://www.iheshun.net/DNJQ.html" class="mcolor">电脑技巧</a></span>
</div>
<div class="des">
<a class="h2" href="https://www.iheshun.net/article-42178-1.html" title="ace2和neo5哪个更好？对比评测告诉你答案">ace2和neo5哪个更好？对比评测告诉你答案</a>
<a href="https://www.iheshun.net/article-42178-1.html" title="ace2和neo5哪个更好？对比评测告诉你答案" class="pic">
<img class="img br img-cover" src="https://www.iheshun.net/zb_users/cache/thumbs/d8c3e95fb78bf223e4a33043877b0e8b-180-120-1.jpeg" alt="ace2和neo5哪个更好？对比评测告诉你答案">
</a>
<div class="text">
<p>如今，手机已经成为了人们生活中必不可少的工具之一。在市场上有众多品牌和型号可供选择，其中ACE2和NEO5备受关注。本文将对这两款手机在功能、性能和价...</p>
<p class="data">
<span class="time"><i class="fa fa-clock-o"></i>2025-03-02</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.iheshun.net/view-38-1.html" target="_blank">电脑技巧</a>
</span>
</p>
</div>
</div>
<a href="https://www.iheshun.net/article-42178-1.html" title="ace2和neo5哪个更好？对比评测告诉你答案" class="more">详细阅读<i class="fa fa-angle-right"></i></a>
</li>
<li class="con">
<div class="info">
<span class="sn"><a href="https://www.iheshun.net/DNJQ.html" class="mcolor">电脑技巧</a></span>
</div>
<div class="des">
<a class="h2" href="https://www.iheshun.net/article-41756-1.html" title="magic4pro什么时候上市？最新上市信息有哪些？">magic4pro什么时候上市？最新上市信息有哪些？</a>
<a href="https://www.iheshun.net/article-41756-1.html" title="magic4pro什么时候上市？最新上市信息有哪些？" class="pic">
<img class="img br img-cover" src="https://www.iheshun.net/zb_users/cache/thumbs/7cbf1537ae520ed8f9a6d13e46cbf1a9-180-120-1.jpeg" alt="magic4pro什么时候上市？最新上市信息有哪些？">
</a>
<div class="text">
<p>随着科技的飞速发展，手机已经成为我们日常生活中必不可少的一部分。每年，各大手机厂商都会推出新款手机来满足消费者的需求。近期，关于华为旗下旗舰手机Mag...</p>
<p class="data">
<span class="time"><i class="fa fa-clock-o"></i>2025-02-25</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.iheshun.net/view-38-1.html" target="_blank">电脑技巧</a>
</span>
</p>
</div>
</div>
<a href="https://www.iheshun.net/article-41756-1.html" title="magic4pro什么时候上市？最新上市信息有哪些？" class="more">详细阅读<i class="fa fa-angle-right"></i></a>
</li>
<li class="con">
<div class="info">
<span class="sn"><a href="https://www.iheshun.net/DNJQ.html" class="mcolor">电脑技巧</a></span>
</div>
<div class="des">
<a class="h2" href="https://www.iheshun.net/article-41729-1.html" title="华为Mate10发布时间是哪一年？购买这款手机需要注意什么？">华为Mate10发布时间是哪一年？购买这款手机需要注意什么？</a>
<a href="https://www.iheshun.net/article-41729-1.html" title="华为Mate10发布时间是哪一年？购买这款手机需要注意什么？" class="pic">
<img class="img br img-cover" src="https://www.iheshun.net/zb_users/cache/thumbs/f1fbdea58b948da3b668bdf7cef54c43-180-120-1.jpeg" alt="华为Mate10发布时间是哪一年？购买这款手机需要注意什么？">
</a>
<div class="text">
<p>华为Mate10作为华为公司旗下的一款旗舰级智能手机，于哪年出品至关重要。它引领了智能手机的新篇章，凭借出色的硬件配置和创新的技术应用，成为业界瞩目的...</p>
<p class="data">
<span class="time"><i class="fa fa-clock-o"></i>2025-02-25</span>
<span class="view"><i class="fa fa-eye"></i>25</span>
<span class="tag">
<i class="fa fa-tags"></i>
<a href="https://www.iheshun.net/view-38-1.html" target="_blank">电脑技巧</a>
</span>
</p>
</div>
</div>
<a href="https://www.iheshun.net/article-41729-1.html" title="华为Mate10发布时间是哪一年？购买这款手机需要注意什么？" class="more">详细阅读<i class="fa fa-angle-right"></i></a>
</li>
<li class="con">
<div class="info">
<span class="sn"><a href="https://www.iheshun.net/DNJQ.html" class="mcolor">电脑技巧</a></span>
</div>
<div class="des">
<a class="h2" href="https://www.iheshun.net/article-41511-1.html" title="note20ultra使用技巧有哪些？如何提升note20ultra的使用体验？">note20ultra使用技巧有哪些？如何提升note20ultra的使用体验？</a>
<a href="https://www.iheshun.net/article-41511-1.html" title="note20ultra使用技巧有哪些？如何提升note20ultra的使用体验？" class="pic">
<img class="img br img-cover" src="https://www.iheshun.net/zb_users/cache/thumbs/055a05929cdd77616173e444aca530fc-180-120-1.jpeg" alt="note20ultra使用技巧有哪些？如何提升note20ultra的使用体验？">
</a>
<div class="text">
<p>作为三星旗下的旗舰手机，Note20Ultra了众多先进的功能和技术，为用户提供了极佳的使用体验。然而，很多用户可能并不了解手机上隐藏的一些功能，本文...</p>
<p class="data">
<span class="time"><i class="fa fa-clock-o"></i>2025-02-22</span>
<span class="view"><i class="fa fa-eye"></i>34</span>
<span class="tag">
<i class="fa fa-tags"></i>
<a href="https://www.iheshun.net/view-38-1.html" target="_blank">电脑技巧</a>
</span>
</p>
</div>
</div>
<a href="https://www.iheshun.net/article-41511-1.html" title="note20ultra使用技巧有哪些？如何提升note20ultra的使用体验？" 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.iheshun.net/article-12020-1.html" title="Win10如何查看CPU温度（使用命令轻松监测CPU温度）">Win10如何查看CPU温度（使用命令轻松监测CPU温度）</a></li><li class="clearfix"><span class="list list-2">2</span><a href="https://www.iheshun.net/article-2248-1.html" title="苹果AirPods维修价格公布（透明化消费，维修价格一目了然）">苹果AirPods维修价格公布（透明化消费，维修价格一目了然）</a></li><li class="clearfix"><span class="list list-3">3</span><a href="https://www.iheshun.net/article-462-1.html" title="小米电视内存不足问题的解决办法（解决小米电视内存不足，畅享流畅观影体验）">小米电视内存不足问题的解决办法（解决小米电视内存不足，畅享流畅观影体验）</a></li><li class="clearfix"><span class="list list-4">4</span><a href="https://www.iheshun.net/article-533-1.html" title="如何使用switch连接电脑进行游戏？（了解连接所需设备，畅享游戏乐趣）">如何使用switch连接电脑进行游戏？（了解连接所需设备，畅享游戏乐趣）</a></li><li class="clearfix"><span class="list list-5">5</span><a href="https://www.iheshun.net/article-1149-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.iheshun.net/article-42917-1.html" title="蓝牙耳机听歌耗电快？哪个软件最耗电？">蓝牙耳机听歌耗电快？哪个软件最耗电？</a></li><li class="clearfix"><i class="fa fa-caret-right"></i><a href="https://www.iheshun.net/article-42916-1.html" title="轨道灯可以拉断电源线吗？安全使用轨道灯的注意事项是什么？">轨道灯可以拉断电源线吗？安全使用轨道灯的注意事项是什</a></li><li class="clearfix"><i class="fa fa-caret-right"></i><a href="https://www.iheshun.net/article-42914-1.html" title="胶片相机是否配备光学取景器？">胶片相机是否配备光学取景器？</a></li><li class="clearfix"><i class="fa fa-caret-right"></i><a href="https://www.iheshun.net/article-42907-1.html" title="光明区吸顶音箱选购指南？">光明区吸顶音箱选购指南？</a></li><li class="clearfix"><i class="fa fa-caret-right"></i><a href="https://www.iheshun.net/article-42905-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.iheshun.net/view-8-1.html">数码知识<span class="tag-count"> (770)</span></a></li>
<li><a title="电子产品" href="https://www.iheshun.net/view-21-1.html">电子产品<span class="tag-count"> (764)</span></a></li>
<li><a title="电脑" href="https://www.iheshun.net/view-32-1.html">电脑<span class="tag-count"> (1349)</span></a></li>
<li><a title="笔记本" href="https://www.iheshun.net/view-36-1.html">笔记本<span class="tag-count"> (671)</span></a></li>
<li><a title="电脑技巧" href="https://www.iheshun.net/view-38-1.html">电脑技巧<span class="tag-count"> (820)</span></a></li>
<li><a title="手机" href="https://www.iheshun.net/view-50-1.html">手机<span class="tag-count"> (743)</span></a></li>
<li><a title="苹果手机" href="https://www.iheshun.net/view-80-1.html">苹果手机<span class="tag-count"> (723)</span></a></li>
<li><a title="网络常识" href="https://www.iheshun.net/view-115-1.html">网络常识<span class="tag-count"> (762)</span></a></li>
<li><a title="华为" href="https://www.iheshun.net/view-142-1.html">华为<span class="tag-count"> (410)</span></a></li>
<li><a title="笔记本电脑" href="https://www.iheshun.net/view-255-1.html">笔记本电脑<span class="tag-count"> (1209)</span></a></li>
<li><a title="打印机" href="https://www.iheshun.net/view-422-1.html">打印机<span class="tag-count"> (713)</span></a></li>
<li><a title="台式电脑" href="https://www.iheshun.net/view-468-1.html">台式电脑<span class="tag-count"> (279)</span></a></li>
<li><a title="显示器" href="https://www.iheshun.net/view-515-1.html">显示器<span class="tag-count"> (426)</span></a></li>
<li><a title="路由器" href="https://www.iheshun.net/view-741-1.html">路由器<span class="tag-count"> (312)</span></a></li>
<li><a title="投影仪" href="https://www.iheshun.net/view-759-1.html">投影仪<span class="tag-count"> (386)</span></a></li>
<li><a title="油烟机" href="https://www.iheshun.net/view-1538-1.html">油烟机<span class="tag-count"> (650)</span></a></li>
<li><a title="热水器" href="https://www.iheshun.net/view-1876-1.html">热水器<span class="tag-count"> (404)</span></a></li>
<li><a title="洗衣机" href="https://www.iheshun.net/view-1878-1.html">洗衣机<span class="tag-count"> (418)</span></a></li>
<li><a title="中央空调" href="https://www.iheshun.net/view-1881-1.html">中央空调<span class="tag-count"> (324)</span></a></li>
<li><a title="燃气灶" href="https://www.iheshun.net/view-1882-1.html">燃气灶<span class="tag-count"> (320)</span></a></li>
<li><a title="冰箱" href="https://www.iheshun.net/view-2456-1.html">冰箱<span class="tag-count"> (474)</span></a></li>
<li><a title="复印机" href="https://www.iheshun.net/view-3759-1.html">复印机<span class="tag-count"> (348)</span></a></li>
<li><a title="壁挂炉" href="https://www.iheshun.net/view-3784-1.html">壁挂炉<span class="tag-count"> (303)</span></a></li>
<li><a title="怎么办" href="https://www.iheshun.net/view-4512-1.html">怎么办<span class="tag-count"> (771)</span></a></li>
<li><a title="怎么" href="https://www.iheshun.net/view-4540-1.html">怎么<span class="tag-count"> (415)</span></a></li>
</ul>
</section>
<section id="divLinkage" class="widget widget_link sb br mb">
<h3><span>友情链接</span></h3>
<ul class="widget-content divLinkage"><li class="link-item"><a href="https://www.lhhbjg.com/" target="_blank" title="数码装配号">数码装配号</a></li>
</ul>
</section> </div>
</div>
</div>
<div id="footerbar">
<div class="wrap">
<span><!--<a href="https://www.iheshun.net/">Win百科号</a>-->Copyright © www.iheshun.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?ed7656321a6a35993807cf25bec93b44";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.iheshun.net/zb_users/plugin/tx_side/js/txcstx.js"></script>
<script src="https://www.iheshun.net/zb_users/theme/suiranx_news/script/common.js" type="text/javascript"></script>
<script src="https://www.iheshun.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>
<!--初始化Swiper-->
<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>
<!--[if lt IE 9]><script src="https://www.iheshun.net/zb_users/theme/suiranx_news/script/html5-css3.js"></script><![endif]-->
<!--统计代码-->
<script src="https://www.iheshun.net/zb_users/theme/suiranx_news/script/imgpang.js?r=1.5.8"></script>
</body>
</html><!--86.36 ms , 22 queries , 1615kb memory , 0 error-->