在互联网的世界里，每一个网页都是由HTML（超文本标记语言）编写的。HTML是一种用来设计网页的标准标记语言，它通过标记来告诉浏览器如何显示网页的内容。了解HTML网页的基本结构，对于网页设计和开发来说至关重要。本文将详细介绍HTML网页的基本结构，并指导如何正确地构建一个HTML页面，帮助初学者快速入门。
1.HTML文档的起始与结束-DOCTYPE和标签
一切HTML页面的开始，都离不开``的声明，它是用来告诉浏览器当前页面使用的是HTML5标准。紧接着是``标签，它包裹着整个HTML文档的内容。
```html
```
2.网页头部信息-标签
`
`标签内包含了文档的元数据，如页面标题、链接到外部样式表和脚本、字符集声明等。它不会在浏览器窗口中直接显示，但对搜索引擎优化（SEO）和页面性能至关重要。
```html
我的网页标题
```
3.页面标题-标签</h2>
<p>`<title>`标签定义了网页的标题，这个标题会显示在浏览器的标题栏或标签页上。在搜索引擎结果页面中，这个标题也是网页的链接显示标题，因此对SEO非常重要。</p>
<p style="text-align: center;"><img alt="HTML网页的基本结构包括哪些部分？如何正确构建网页框架？" title="HTML网页的基本结构包括哪些部分？如何正确构建网页框架？" src="https://www.365cms.com/zb_users/upload/2025/07/20250710010546_86732.jpeg"/></p>
<h2>4.页面主体内容-<body>标签</h2>
<p>`<body>`标签包含了用户在浏览器窗口中能够看到的所有内容。它包括文本、图片、链接、视频、表格等等。</p>
<p>```html</p>
<p><body></p>
<p><h1>欢迎来到我的网页</h1></p>
<p><p>这里是网页内容</p></p>
<p><!--其他内容--></p>
<p></body></p>
<p>```</p>
<h2>5.标题标签-<h1>到<h6></h2>
<p>标题标签`<h1>`到`<h6>`定义了页面上的标题和子标题。`<h1>`是最重要的标题，通常用于页面主标题，而`<h6>`是最不重要的副标题。</p>
<h2>6.段落标签-<p></h2>
<p>`<p>`标签用于定义文本段落。浏览器会在段落前后自动添加一些空白区域，让文本显示得更加清晰。</p>
<h2>7.链接标签-<a></h2>
<p>使用`<a>`标签可以创建链接，使用户可以点击跳转到其他页面。`href`属性用于指定链接的目标URL。</p>
<p>```html</p>
<p><ahref="https://www.baidu.com"rel="nofollownoopener">访问百度</a></p>
<p>```</p>
<h2>8.图像标签-<img></h2>
<p>`<img>`标签用于在网页中嵌入图像。`src`属性指定了图像文件的路径，`alt`属性则提供了图像内容的文本描述，对于搜索引擎和视觉障碍用户非常重要。</p>
<h2>9.列表标签-<ul>,<ol>,<li></h2>
<p>无序列表使用`<ul>`标签定义，每个列表项用`<li>`标签表示。有序列表使用`<ol>`标签定义，同样，每个列表项也是用`<li>`标签表示。</p>
<p>```html</p>
<p><ul></p>
<p><li>列表项1</li></p>
<p><li>列表项2</li></p>
<p></ul></p>
<p>```</p>
<h2>10.表格标签-<table>,<tr>,<td>,<th></h2>
<p>表格用于组织和展示数据。`<table>`标签定义了表格，`<tr>`定义了表格中的行，`<td>`定义了数据单元格，而`<th>`则用于定义表头单元格。</p>
<p>```html</p>
<p><table></p>
<p><tr></p>
<p><th>表头1</th></p>
<p><th>表头2</th></p>
<p></tr></p>
<p><tr></p>
<p><td>数据1</td></p>
<p><td>数据2</td></p>
<p></tr></p>
<p></table></p>
<p>```</p>
<h2>11.表单标签-<form></h2>
<p>表单`<form>`用于收集用户输入的数据。表单内可以包含文本字段、单选按钮、复选框、提交按钮等表单控件。</p>
<p>```html</p>
<p><formaction="submit_form.php"method="post"></p>
<p><labelfor="name">姓名:</label></p>
<p><inputtype="text"id="name"name="name"><br></p>
<p><inputtype="submit"value="提交"></p>
<p></form></p>
<p>```</p>
<h2>结语</h2>
<p>通过上述内容，我们可以看到HTML网页的基本结构是构建网页的基础。掌握这些基本结构和标签的使用，可以为创建功能丰富、结构合理的网页打下坚实的基础。随着学习的深入，你会发现HTML不仅简单易学，而且具有强大的表现力，能够实现各种各样的网页设计和功能实现。继续深入探索HTML的世界，将帮助你成为网页设计和开发领域的专家。</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>
<p>转载请注明来自<a href="https://www.365cms.com/" title="365seo"><strong>365seo</strong></a>，本文标题：<a href="https://www.365cms.com/article-62163-1.html" title="HTML网页的基本结构包括哪些部分？如何正确构建网页框架？">《HTML网页的基本结构包括哪些部分？如何正确构建网页框架？》</a><p>
<p class="info-tag">标签：<a href="https://www.365cms.com/view-11273-1.html" title="HTML" rel="tag" >HTML</a></p>
<div class="info-zan ta-c">
<a href="javascript:;" class="share"><i class="iconfont icon-fenxiang"></i></a> <a href="javascript:;" class="sponsor"><i class="iconfont icon-redpacket"></i></a> </div>
</div>
</div>
</div>
<div class="info-next tx-box mb15">
<ul class="clearfix">
<li class="fl">上一篇： <a href="https://www.365cms.com/article-61790-1.html" title="如何制作采购分析报告网站？需要哪些步骤和工具？">如何制作采购分析报告网站？需要哪些步骤和工具？</a>
</li>
<li class="fr">下一篇： <a href="https://www.365cms.com/article-62238-1.html" title="如何推广网站链接赚钱？有效策略和常见问题解答？">如何推广网站链接赚钱？有效策略和常见问题解答？</a>
</li>
</ul>
</div>
<div class="info-close tx-box mb15">
<h2 class="tx-title">猜你喜欢</h2>
<div class="pd15">
<ul class="row">
<li class="col-6 col-m-12"> <a href="https://www.365cms.com/article-62743-1.html" title="HTML常见事件有哪些？它们的作用和用法是什么？" class="img-x20"><img src="https://www.365cms.com/zb_users/upload/2025/07/20250710022743_55109.jpeg" alt="HTML常见事件有哪些？它们的作用和用法是什么？"></a> <h3><a href="https://www.365cms.com/article-62743-1.html" title="HTML常见事件有哪些？它们的作用和用法是什么？">HTML常见事件有哪些？它们的作用和用法是什么？</a></h3>
</li>
<li class="col-6 col-m-12"> <a href="https://www.365cms.com/article-61808-1.html" title="HTML背景样式有哪些？如何使用它们来美化网页？" class="img-x20"><img src="https://www.365cms.com/zb_users/upload/2025/07/20250710003558_38267.jpeg" alt="HTML背景样式有哪些？如何使用它们来美化网页？"></a> <h3><a href="https://www.365cms.com/article-61808-1.html" title="HTML背景样式有哪些？如何使用它们来美化网页？">HTML背景样式有哪些？如何使用它们来美化网页？</a></h3>
</li>
<li class="col-6 col-m-12"> <a href="https://www.365cms.com/article-62316-1.html" title="HTML中下划线标签有哪些？它们的使用场景是什么？" class="img-x20"><img src="https://www.365cms.com/zb_users/upload/2025/07/20250710011831_59420.jpeg" alt="HTML中下划线标签有哪些？它们的使用场景是什么？"></a> <h3><a href="https://www.365cms.com/article-62316-1.html" title="HTML中下划线标签有哪些？它们的使用场景是什么？">HTML中下划线标签有哪些？它们的使用场景是什么？</a></h3>
</li>
<li class="col-6 col-m-12"> <a href="https://www.365cms.com/article-62580-1.html" title="HTML技能适用哪些公司领域？求职时如何定位？" class="img-x20"><img src="https://www.365cms.com/zb_users/upload/2025/07/20250710022100_53591.jpeg" alt="HTML技能适用哪些公司领域？求职时如何定位？"></a> <h3><a href="https://www.365cms.com/article-62580-1.html" title="HTML技能适用哪些公司领域？求职时如何定位？">HTML技能适用哪些公司领域？求职时如何定位？</a></h3>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="box-left">
<dl>
<ul class="side-menu">
<li><a title="城市SEO" href="https://www.365cms.com/CSSEO.html">城市SEO</a></li>
<li><a title="百度优化" href="https://www.365cms.com/BDYH.html">百度优化</a></li>
<li><a title="SEO优化" href="https://www.365cms.com/SEOYH.html">SEO优化</a></li>
<li><a title="SEO技术" href="https://www.365cms.com/SEOJS.html">SEO技术</a></li>
<li><a title="SEO服务" href="https://www.365cms.com/SEOFW.html">SEO服务</a></li>
<li><a title="短视频推广" href="https://www.365cms.com/DSPTG.html">短视频推广</a></li>
<li><a title="网站推广" href="https://www.365cms.com/WZTG.html">网站推广</a></li>
<li><a title="SEO知识" href="https://www.365cms.com/SEOZS.html">SEO知识</a></li>
</ul>
</dl>
<dl>
<dt>关于我</dt>
<dd>
<!--<p class="mb10">关注微信送SEO教程</p>-->
<p class="mb10 img-d"><img src="https://www.365cms.com/zb_users/theme/tx_three/include/weixin.png"></p>
<ul class="side-contact row">
<li class="col-8 col-m-8"><a href="http://wpa.qq.com/msgrd?v=3&uin=1561571580&site=qq&menu=yes" target="_blank" rel="nofollow"><i class="iconfont icon-qq2"></i> <p>QQ</p></a></li>
<li class="col-8 col-m-8"><a href="#" target="_blank" rel="nofollow"><i class="iconfont icon-weibo1"></i> <p>微博</p></a></li>
<li class="col-8 col-m-8"><a href="mailto:@1561571580@qq.com" target="_blank" rel="nofollow"><i class="iconfont icon-mail"></i> <p>邮箱</p></a></li>
</ul>
</dd>
</dl>
</div>
<div class="side-right">
<dl class="function" id="divSearchPanel">
<dt class="function_t">搜索</dt><dd class="function_c">
<div><form name="search" method="post" action="https://www.365cms.com/zb_system/cmd.php?act=search"><input type="text" name="q" size="11" /> <input type="submit" value="搜索" /></form></div>
</dd>
</dl>
<dl class="function" id="divPrevious">
<dt class="function_t">最新文章</dt><dd class="function_c">
<ul><li><a title="HTML5开发IDE有哪些选择？如何挑选适合的HTML5集成开发环境？" href="https://www.365cms.com/article-62655-1.html">HTML5开发IDE有哪些选择？如何挑选适合的HTML5集成开发环境？</a></li>
<li><a title="营销型网站标题怎么设置？如何吸引潜在客户点击？" href="https://www.365cms.com/article-62649-1.html">营销型网站标题怎么设置？如何吸引潜在客户点击？</a></li>
<li><a title="网站日志分析器怎么用？如何通过日志优化网站性能？" href="https://www.365cms.com/article-62645-1.html">网站日志分析器怎么用？如何通过日志优化网站性能？</a></li>
<li><a title="金华网站营销怎么样啊招聘？如何找到合适的岗位？" href="https://www.365cms.com/article-62650-1.html">金华网站营销怎么样啊招聘？如何找到合适的岗位？</a></li>
<li><a title="网站运营分析方式怎么写？如何有效进行网站数据分析？" href="https://www.365cms.com/article-62628-1.html">网站运营分析方式怎么写？如何有效进行网站数据分析？</a></li>
<li><a title="做网站如何在网上推广呢？有哪些有效的推广策略？" href="https://www.365cms.com/article-62630-1.html">做网站如何在网上推广呢？有哪些有效的推广策略？</a></li>
<li><a title="网站费用分析报告怎么写？撰写时需注意哪些要点？" href="https://www.365cms.com/article-62381-1.html">网站费用分析报告怎么写？撰写时需注意哪些要点？</a></li>
<li><a title="如何建造团队网站推广？有哪些有效的推广策略？" href="https://www.365cms.com/article-62380-1.html">如何建造团队网站推广？有哪些有效的推广策略？</a></li>
<li><a title="打代码的软件有哪些HTML？HTML编辑器和IDE的区别是什么？" href="https://www.365cms.com/article-62371-1.html">打代码的软件有哪些HTML？HTML编辑器和IDE的区别是什么？</a></li>
<li><a title="如何做网站的推广教程？有哪些有效的推广方法？" href="https://www.365cms.com/article-62365-1.html">如何做网站的推广教程？有哪些有效的推广方法？</a></li>
</ul>
</dd>
</dl>
<dl class="function" id="divtxhotlist">
<dt class="function_t">热门文章</dt><dd class="function_c">
<ul><li><a href="https://www.365cms.com/article-63732-1.html" title="抖音好的剪辑转场怎么弄？有哪些技巧和步骤？">抖音好的剪辑转场怎么弄？有哪些技巧和步骤？</a></li><li><a href="https://www.365cms.com/article-63590-1.html" title="抖音唱歌视频怎么剪辑好听？剪辑技巧有哪些？">抖音唱歌视频怎么剪辑好听？剪辑技巧有哪些？</a></li><li><a href="https://www.365cms.com/article-63386-1.html" title="网站页面架构怎么看？如何优化页面结构提升SEO效果？">网站页面架构怎么看？如何优化页面结构提升SEO效果？</a></li><li><a href="https://www.365cms.com/article-63632-1.html" title="抖音影视版权剪辑怎么获得？合法获取剪辑版权的步骤是什么？">抖音影视版权剪辑怎么获得？合法获取剪辑版权的步骤是什么？</a></li><li><a href="https://www.365cms.com/article-63674-1.html" title="抖音视频合并教程：两个视频如何合在一起？">抖音视频合并教程：两个视频如何合在一起？</a></li><li><a href="https://www.365cms.com/article-63677-1.html" title="抖音视频剪辑技巧：如何实现腿部从下往上走的视觉效果？">抖音视频剪辑技巧：如何实现腿部从下往上走的视觉效果？</a></li><li><a href="https://www.365cms.com/article-63682-1.html" title="小红书视频剪辑配音乐技巧？音乐版权问题如何解决？">小红书视频剪辑配音乐技巧？音乐版权问题如何解决？</a></li><li><a href="https://www.365cms.com/article-63350-1.html" title="网站是如何推广的？有哪些有效的推广方法？">网站是如何推广的？有哪些有效的推广方法？</a></li><li><a href="https://www.365cms.com/article-63392-1.html" title="企业门户网站如何推广？有效策略和常见问题解答？">企业门户网站如何推广？有效策略和常见问题解答？</a></li><li><a href="https://www.365cms.com/article-63500-1.html" title="如何做好自建网站推广？掌握这些策略和技巧！">如何做好自建网站推广？掌握这些策略和技巧！</a></li><li><a href="https://www.365cms.com/article-63673-1.html" title="小红书笔记视频剪辑技巧有哪些？如何快速上手？">小红书笔记视频剪辑技巧有哪些？如何快速上手？</a></li><li><a href="https://www.365cms.com/article-63277-1.html" title="网站营销怎么赚钱？有哪些有效策略实现盈利？">网站营销怎么赚钱？有哪些有效策略实现盈利？</a></li><li><a href="https://www.365cms.com/article-63362-1.html" title="HTML5存储类型有哪些？它们的特点和使用场景是什么？">HTML5存储类型有哪些？它们的特点和使用场景是什么？</a></li><li><a href="https://www.365cms.com/article-63402-1.html" title="如何给父母做个网站推广？推广网站有哪些有效方法？">如何给父母做个网站推广？推广网站有哪些有效方法？</a></li><li><a href="https://www.365cms.com/article-63592-1.html" title="打拳视频抖音剪辑教程怎么做？如何快速上手并制作出吸引人的内容？">打拳视频抖音剪辑教程怎么做？如何快速上手并制作出吸引人的内容？</a></li><li><a href="https://www.365cms.com/article-63595-1.html" title="快手视频如何实现慢动作效果？操作步骤是什么？">快手视频如何实现慢动作效果？操作步骤是什么？</a></li><li><a href="https://www.365cms.com/article-63666-1.html" title="许多余快手视频怎么剪辑？剪辑快手视频的步骤和技巧是什么？">许多余快手视频怎么剪辑？剪辑快手视频的步骤和技巧是什么？</a></li><li><a href="https://www.365cms.com/article-63678-1.html" title="抖音剪辑字体粗细调整方法是什么？如何快速改变字体粗细？">抖音剪辑字体粗细调整方法是什么？如何快速改变字体粗细？</a></li><li><a href="https://www.365cms.com/article-63720-1.html" title="抖音双人舞蹈视频剪辑技巧有哪些？如何快速上手制作？">抖音双人舞蹈视频剪辑技巧有哪些？如何快速上手制作？</a></li><li><a href="https://www.365cms.com/article-63206-1.html" title="网站如何推广工作？有效策略和常见问题解答？">网站如何推广工作？有效策略和常见问题解答？</a></li></ul>
</dd>
</dl>
<dl class="function" id="divhottag">
<dt class="function_t">热门tag</dt><dd class="function_c">
<div><a href="https://www.365cms.com/view-2-1.html" title="优化">优化</a><a href="https://www.365cms.com/view-50-1.html" title="抖音">抖音</a><a href="https://www.365cms.com/view-331-1.html" title="抖音小店">抖音小店</a><a href="https://www.365cms.com/view-302-1.html" title="SEO优化">SEO优化</a><a href="https://www.365cms.com/view-18-1.html" title="网站优化">网站优化</a><a href="https://www.365cms.com/view-8-1.html" title="网站推广">网站推广</a><a href="https://www.365cms.com/view-1121-1.html" title="快手">快手</a><a href="https://www.365cms.com/view-36-1.html" title="抖音seo">抖音seo</a><a href="https://www.365cms.com/view-465-1.html" title="抖音橱窗">抖音橱窗</a><a href="https://www.365cms.com/view-1186-1.html" title="小红书">小红书</a><a href="https://www.365cms.com/view-1807-1.html" title="快手小店">快手小店</a><a href="https://www.365cms.com/view-4-1.html" title="关键词排名">关键词排名</a><a href="https://www.365cms.com/view-54-1.html" title="百度优化">百度优化</a><a href="https://www.365cms.com/view-16-1.html" title="网站排名">网站排名</a><a href="https://www.365cms.com/view-944-1.html" title="网站建设">网站建设</a><a href="https://www.365cms.com/view-6-1.html" title="排名">排名</a><a href="https://www.365cms.com/view-7-1.html" title="关键词优化">关键词优化</a><a href="https://www.365cms.com/view-127-1.html" title="抖音直播">抖音直播</a><a href="https://www.365cms.com/view-13-1.html" title="SEO知识">SEO知识</a><a href="https://www.365cms.com/view-321-1.html" title="推广">推广</a></div>
</dd>
</dl>
<dl class="function" id="divTags">
<dt class="function_t">标签列表</dt><dd class="function_c">
<ul><li><a title="优化" href="https://www.365cms.com/view-2-1.html">优化<span class="tag-count"> (3399)</span></a></li>
<li><a title="关键词排名" href="https://www.365cms.com/view-4-1.html">关键词排名<span class="tag-count"> (618)</span></a></li>
<li><a title="排名" href="https://www.365cms.com/view-6-1.html">排名<span class="tag-count"> (506)</span></a></li>
<li><a title="关键词优化" href="https://www.365cms.com/view-7-1.html">关键词优化<span class="tag-count"> (494)</span></a></li>
<li><a title="网站推广" href="https://www.365cms.com/view-8-1.html">网站推广<span class="tag-count"> (1056)</span></a></li>
<li><a title="关键词" href="https://www.365cms.com/view-10-1.html">关键词<span class="tag-count"> (370)</span></a></li>
<li><a title="SEO知识" href="https://www.365cms.com/view-13-1.html">SEO知识<span class="tag-count"> (423)</span></a></li>
<li><a title="网站排名" href="https://www.365cms.com/view-16-1.html">网站排名<span class="tag-count"> (515)</span></a></li>
<li><a title="网站优化" href="https://www.365cms.com/view-18-1.html">网站优化<span class="tag-count"> (1224)</span></a></li>
<li><a title="抖音seo" href="https://www.365cms.com/view-36-1.html">抖音seo<span class="tag-count"> (886)</span></a></li>
<li><a title="抖音" href="https://www.365cms.com/view-50-1.html">抖音<span class="tag-count"> (3019)</span></a></li>
<li><a title="百度优化" href="https://www.365cms.com/view-54-1.html">百度优化<span class="tag-count"> (532)</span></a></li>
<li><a title="网站" href="https://www.365cms.com/view-76-1.html">网站<span class="tag-count"> (368)</span></a></li>
<li><a title="SEO技术" href="https://www.365cms.com/view-79-1.html">SEO技术<span class="tag-count"> (377)</span></a></li>
<li><a title="抖音直播" href="https://www.365cms.com/view-127-1.html">抖音直播<span class="tag-count"> (454)</span></a></li>
<li><a title="搜索引擎优化" href="https://www.365cms.com/view-301-1.html">搜索引擎优化<span class="tag-count"> (406)</span></a></li>
<li><a title="SEO优化" href="https://www.365cms.com/view-302-1.html">SEO优化<span class="tag-count"> (1418)</span></a></li>
<li><a title="推广" href="https://www.365cms.com/view-321-1.html">推广<span class="tag-count"> (419)</span></a></li>
<li><a title="抖音小店" href="https://www.365cms.com/view-331-1.html">抖音小店<span class="tag-count"> (1595)</span></a></li>
<li><a title="抖音橱窗" href="https://www.365cms.com/view-465-1.html">抖音橱窗<span class="tag-count"> (638)</span></a></li>
<li><a title="营销型网站" href="https://www.365cms.com/view-887-1.html">营销型网站<span class="tag-count"> (399)</span></a></li>
<li><a title="网站建设" href="https://www.365cms.com/view-944-1.html">网站建设<span class="tag-count"> (508)</span></a></li>
<li><a title="快手" href="https://www.365cms.com/view-1121-1.html">快手<span class="tag-count"> (1022)</span></a></li>
<li><a title="小红书" href="https://www.365cms.com/view-1186-1.html">小红书<span class="tag-count"> (633)</span></a></li>
<li><a title="快手小店" href="https://www.365cms.com/view-1807-1.html">快手小店<span class="tag-count"> (631)</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.19587.cn/" target="_blank" title="1号数码网">1号数码网</a></li><li class="link-item"><a href="https://www.dgsjsyxx.com/" target="_blank" title="电脑知识号">电脑知识号</a></li><li class="link-item"><a href="https://www.sgdj.net/" target="_blank" title="时光数码">时光数码</a></li>
</ul>
</dd>
</dl> </div>
</div>
<div class="footer tx-color1 tx-color2">
<div class="wide">
Copyright © www.365cms.com All Rights Reserved. <a href="https://beian.miit.gov.cn/#/Integrated/index" rel="nofollow" target="_blank">渝ICP备2023007620号</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?f01259ab09c3ac8b2d0aa7fac941f762";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm,s)})();</script> </div>
</div>
<div class="sponsor-box pop-box" style="display:none;">
<div class="pop-con">
<h2><a href="javascript:void(0)" class="pop-off fr"><i class="iconfont icon-guanbi1"></i></a>谢谢打赏</h2>
<ul class="clearfix">
<li>
<img src="https://www.365cms.com/zb_users/theme/tx_three/include/weixin.png">
<p>支付宝</p>
</li>
<li>
<img src="https://www.365cms.com/zb_users/theme/tx_three/include/zfb.png">
<p>微信</p>
</li>
</ul>
</div>
<div class="pop-off1"></div>
</div>
<div class="share-box pop-box" style="display:none;">
<div class="pop-con">
<h2><a href="javascript:void(0)" class="pop-off fr"><i class="iconfont icon-guanbi1"></i></a>在线分享</h2>
<div class="pd20">
<div class="bsync-custom icon-long-orange"><a title="一键分享到各大微博和社交网络" class="bshare-bsync" onclick="javascript:bSync.share(event)"></a><span class="BSHARE_COUNT bshare-share-count">0</span></div> <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bsync.js#uuid=#uuid=&style=1"></script> </div>
</div>
<div class="pop-off1"></div>
</div>
<div class="gotop" style="display:none"><i class="iconfont icon-dingbu"></i></div>
<script src="https://www.365cms.com/zb_users/theme/tx_three/script/txcstx.js" type="text/javascript"></script>
<script src="https://www.365cms.com/zb_users/theme/tx_three/script/imgpang.js?r=1.5.8" type="text/javascript"></script><script language="javascript" src="https://www.365cms.com/zb_users/plugin/tx_side/js/txcstx.js"></script>
</body>
</html><!--272.85 ms , 23 queries , 4580kb memory , 0 error-->
游客
2025-07-17 20:27:02
4