HTML标签大全:如何正确使用标签构建网页结构?
创始人
2024-05-24 17:26:06
0

原标题:HTML标签大全:如何正确使用标签构建网页结构?

随着互联网的不断发展,HTML(HyperText Markup Language,超文本标记语言)作为网页制作的基础语言,其重要性不言而喻。HTML通过一系列的标签(Tags)来定义网页的内容和结构,使得网页能够在浏览器中正确显示。其中,

标签是HTML文档中最基本的标签,它包裹了整个HTML文档的内容。本文将详细介绍

标签的用法,并解释其他常用HTML标签的作用,帮助读者正确构建网页结构。

二、

标签的基本用法

标签是HTML文档的根元素,它告诉浏览器这是一个HTML文档。

标签必须包含文档的开头标记

和结尾标记

,它们之间的内容就是HTML文档的主体部分。

一个简单的HTML文档结构示例如下:

html

页面标题

aladingroup.cn

hongjet.cn

zhongmeijianshe.cn

gyyjy.cn

honeycoffee.cn

midbm.com.cn

在这个示例中,

声明了文档类型和版本,

标签包裹了整个HTML文档的内容,

标签包含了文档的元信息(如标题、字符编码等),而

标签则包含了页面的主体内容。

三、HTML文档头部(

)标签

标签用于包含文档的元信息,这些信息不会直接显示在网页上,但对于网页的显示和搜索引擎的收录都有重要作用。以下是一些常用的

标签内的元素:

:定义网页的标题,显示在浏览器的标题栏或标签页上。</p> <p><meta>:提供有关HTML文档的元信息,如字符编码、关键词、描述等。</p> <p>hn10000.com.cn</p> <p>imsale.com.cn</p> <p>hengruijixie.com</p> <p>dynw.com.cn</p> <p><link>:链接到外部资源,如CSS样式表、图标等。</p> <p><style>:包含页面的CSS样式信息,用于控制页面元素的外观和布局。</p> <p><script>:包含或链接JavaScript代码,用于实现页面的动态交互效果。</p> <p>四、HTML文档主体(</p> <p><body></p> <p>)标签</p> <p><body></p> <p>标签包含了网页的主体内容,即用户在浏览器中看到的实际页面。在</p> <p><body></p> <p>标签内,我们可以使用各种HTML标签来定义页面元素和布局。以下是一些常用的</p> <p><body></p> <p>标签内的元素:</p> <p>标题标签:<h1>到<h6>定义了不同级别的标题,<h1>级别最高,<h6>级别最低。</p> <p>段落标签:<p>用于定义段落,浏览器会自动在段落前后添加空行。</p> <p>链接标签:<a>用于创建超链接,可以链接到其他网页或页面内的某个位置。</p> <p>图片标签:<img>用于插入图片,通过src属性指定图片的来源。</p> <p>列表标签:<ul>(无序列表)、<ol>(有序列表)和<li>(列表项)用于创建列表。</p> <p>表格标签:<table>、<tr>(表格行)、<td>(表格数据)和<th>(表格头部)用于创建表格。</p> <p>表单标签:<form>用于创建表单,用于收集用户输入的数据。表单中可以包含各种表单元素,如输入框(<input>)、复选框(<checkbox>)、单选按钮(<radio>)、提交按钮(<submit>)等。</p> <p>框架标签:<iframe>用于在当前页面中嵌入另一个HTML页面。</p> <p>分区标签:<div>和<span>用于对页面元素进行分组或应用样式。<div>是一个块级元素,常用于布局和样式化较大的区域;而<span>是一个行内元素,常用于对文本或图片等行内元素进行样式化。</p> <p>五、HTML标签的属性</p> <p>除了标签本身外,HTML标签还可以包含一些属性(Attributes),用于提供有关标签的额外信息。属性通常包含在标签的起始标记中,以名称/值对的形式出现。以下是一些常用的HTML标签属性:</p> <p>class:用于为元素指定一个或多个类名,以便通过CSS进行样式化。</p> <p>id:为元素指定一个唯一的标识符,以便通过JavaScript或CSS进行定位和样式化。</p> <p>src:用于指定图片、脚本或外部资源的来源。</p> <p>href:用于指定超链接的目标地址。</p> <p>alt:用于为图片提供替代文本,以便在图片无法显示时提供信息。</p> <p>title:为元素提供额外的提示信息,通常显示在浏览器的状态栏或工具提示中。</p> <p class="ql-align-center"></p> <!--end::Text--> </div> <!--end::Description--> <div class="mt-5"> <!--关键词搜索--> <a href="/index.php?s=news&c=search&keyword=%E6%96%87%E6%AA%94" class="badge badge-light-primary fw-bold my-2" target="_blank">文檔</a> <a href="/index.php?s=news&c=search&keyword=%E6%A8%A3%E5%BC%8F%E8%A1%A8" class="badge badge-light-primary fw-bold my-2" target="_blank">樣式表</a> <a href="/index.php?s=news&c=search&keyword=%E4%BF%A1%E6%81%AF" class="badge badge-light-primary fw-bold my-2" target="_blank">信息</a> <a href="/index.php?s=news&c=search&keyword=%E7%80%8F%E8%A6%BD%E5%99%A8" class="badge badge-light-primary fw-bold my-2" target="_blank">瀏覽器</a> <a href="/index.php?s=news&c=search&keyword=%E7%B6%B2%E9%A0%81" class="badge badge-light-primary fw-bold my-2" target="_blank">網頁</a> <a href="/index.php?s=news&c=search&keyword=%3Chtml%3E" class="badge badge-light-primary fw-bold my-2" target="_blank"><html></a> <a href="/index.php?s=news&c=search&keyword=%E5%85%83%E7%B4%A0" class="badge badge-light-primary fw-bold my-2" target="_blank">元素</a> <a href="/index.php?s=news&c=search&keyword=%E5%A4%A7%E5%85%A8" class="badge badge-light-primary fw-bold my-2" target="_blank">大全</a> <a href="/index.php?s=news&c=search&keyword=%E6%A8%99%E7%B0%BD" class="badge badge-light-primary fw-bold my-2" target="_blank">標簽</a> <a href="/index.php?s=news&c=search&keyword=%E9%A0%81%E9%9D%A2" class="badge badge-light-primary fw-bold my-2" target="_blank">頁面</a> <a href="/index.php?s=news&c=search&keyword=body" class="badge badge-light-primary fw-bold my-2" target="_blank">body</a> </div> <div class="mt-5"> <p class="fc-show-prev-next"> <strong>上一篇:</strong><a href="/news/17814.html">假如我爸是校长,对老师的称呼直接改成“老登”,简直不要太爽</a><br> </p> <p class="fc-show-prev-next"> <strong>下一篇:</strong><a href="/news/17816.html">司马迁作《史记》,为何将项羽与帝王同列,为他立“本纪”?</a> </p> </div> <!--begin::Block--> <div class="d-flex flex-stack mb-2 mt-10"> <!--begin::Title--> <h3 class="text-dark fs-5 fw-bold text-gray-800">相关内容</h3> <!--end::Title--> </div> <div class="separator separator-dashed mb-9"></div> <!--end::Block--> <div class="row g-10"> <!--begin::Col--> <div class="col-md-4"> <!--begin::Feature post--> <div class="card-xl-stretch me-md-6"> <!--begin::Image--> <a class="d-block bgi-no-repeat bgi-size-cover bgi-position-center card-rounded position-relative min-h-175px mb-5" style="background-image:url('/static/assets/images/nopic.gif')" href="/wenhua/1117771.html"> </a> <!--end::Image--> <!--begin::Body--> <div class="m-0"> <!--begin::Title--> <a href="/wenhua/1117771.html" class="fs-5 text-dark fw-bold text-hover-primary text-dark lh-base">刘德助0.001秒险胜 勇...</a> <!--end::Title--> <!--begin::Text--> <div class="fw-semibold fs-8 text-gray-600 text-dark my-2">8月3日上午,在2025年全国田径锦标赛男子800米决赛上,广西名...</div> <!--end::Text--> <!--begin::Content--> <div class="fs-6 fw-bold"> <!--begin::Date--> <span class="text-muted">2025-08-04 12:35:46</span> <!--end::Date--> </div> <!--end::Content--> </div> <!--end::Body--> </div> <!--end::Feature post--> </div> <!--end::Col--> <!--begin::Col--> <div class="col-md-4"> <!--begin::Feature post--> <div class="card-xl-stretch me-md-6"> <!--begin::Image--> <a class="d-block bgi-no-repeat bgi-size-cover bgi-position-center card-rounded position-relative min-h-175px mb-5" style="background-image:url('/static/assets/images/nopic.gif')" href="/news/1117774.html"> </a> <!--end::Image--> <!--begin::Body--> <div class="m-0"> <!--begin::Title--> <a href="/news/1117774.html" class="fs-5 text-dark fw-bold text-hover-primary text-dark lh-base">镇坪交警:圆满完成全国少儿...</a> <!--end::Title--> <!--begin::Text--> <div class="fw-semibold fs-8 text-gray-600 text-dark my-2">阳光讯(记者 李孝华 通讯员 赵荣鹏)近期,镇坪县迎来了第二届“镇...</div> <!--end::Text--> <!--begin::Content--> <div class="fs-6 fw-bold"> <!--begin::Date--> <span class="text-muted">2025-08-04 12:35:31</span> <!--end::Date--> </div> <!--end::Content--> </div> <!--end::Body--> </div> <!--end::Feature post--> </div> <!--end::Col--> <!--begin::Col--> <div class="col-md-4"> <!--begin::Feature post--> <div class="card-xl-stretch me-md-6"> <!--begin::Image--> <a class="d-block bgi-no-repeat bgi-size-cover bgi-position-center card-rounded position-relative min-h-175px mb-5" style="background-image:url('/static/assets/images/nopic.gif')" href="/wenhua/1117773.html"> </a> <!--end::Image--> <!--begin::Body--> <div class="m-0"> <!--begin::Title--> <a href="/wenhua/1117773.html" class="fs-5 text-dark fw-bold text-hover-primary text-dark lh-base">捷尼赛思GMR-001首台...</a> <!--end::Title--> <!--begin::Text--> <div class="fw-semibold fs-8 text-gray-600 text-dark my-2">捷尼赛思Magma车队在勒卡斯泰莱迎来了其GMR-001赛车的历史...</div> <!--end::Text--> <!--begin::Content--> <div class="fs-6 fw-bold"> <!--begin::Date--> <span class="text-muted">2025-08-04 12:35:01</span> <!--end::Date--> </div> <!--end::Content--> </div> <!--end::Body--> </div> <!--end::Feature post--> </div> <!--end::Col--> <!--begin::Col--> <div class="col-md-4"> <!--begin::Feature post--> <div class="card-xl-stretch me-md-6"> <!--begin::Image--> <a class="d-block bgi-no-repeat bgi-size-cover bgi-position-center card-rounded position-relative min-h-175px mb-5" style="background-image:url('/static/assets/images/nopic.gif')" href="/wenhua/1117770.html"> </a> <!--end::Image--> <!--begin::Body--> <div class="m-0"> <!--begin::Title--> <a href="/wenhua/1117770.html" class="fs-5 text-dark fw-bold text-hover-primary text-dark lh-base">原创 ...</a> <!--end::Title--> <!--begin::Text--> <div class="fw-semibold fs-8 text-gray-600 text-dark my-2">文:文史咖【文史咖出品,必属精品,欢迎您的关注】 斯大林是苏联历史...</div> <!--end::Text--> <!--begin::Content--> <div class="fs-6 fw-bold"> <!--begin::Date--> <span class="text-muted">2025-08-04 12:34:28</span> <!--end::Date--> </div> <!--end::Content--> </div> <!--end::Body--> </div> <!--end::Feature post--> </div> <!--end::Col--> <!--begin::Col--> <div class="col-md-4"> <!--begin::Feature post--> <div class="card-xl-stretch me-md-6"> <!--begin::Image--> <a class="d-block bgi-no-repeat bgi-size-cover bgi-position-center card-rounded position-relative min-h-175px mb-5" style="background-image:url('/static/assets/images/nopic.gif')" href="/news/1117772.html"> </a> <!--end::Image--> <!--begin::Body--> <div class="m-0"> <!--begin::Title--> <a href="/news/1117772.html" class="fs-5 text-dark fw-bold text-hover-primary text-dark lh-base">田径全锦赛衢州站|吴瑞庭刷...</a> <!--end::Title--> <!--begin::Text--> <div class="fw-semibold fs-8 text-gray-600 text-dark my-2">齐鲁晚报·齐鲁壹点 冯子涵 8月4日,在浙江衢州进行的2025全...</div> <!--end::Text--> <!--begin::Content--> <div class="fs-6 fw-bold"> <!--begin::Date--> <span class="text-muted">2025-08-04 12:34:18</span> <!--end::Date--> </div> <!--end::Content--> </div> <!--end::Body--> </div> <!--end::Feature post--> </div> <!--end::Col--> <!--begin::Col--> <div class="col-md-4"> <!--begin::Feature post--> <div class="card-xl-stretch me-md-6"> <!--begin::Image--> <a class="d-block bgi-no-repeat bgi-size-cover bgi-position-center card-rounded position-relative min-h-175px mb-5" style="background-image:url('/static/assets/images/nopic.gif')" href="/wenhua/1117761.html"> </a> <!--end::Image--> <!--begin::Body--> <div class="m-0"> <!--begin::Title--> <a href="/wenhua/1117761.html" class="fs-5 text-dark fw-bold text-hover-primary text-dark lh-base">原创 ...</a> <!--end::Title--> <!--begin::Text--> <div class="fw-semibold fs-8 text-gray-600 text-dark my-2">和清朝有关的电视剧一直很多,比较多的就是关于后宫的爱恨情仇,不过小...</div> <!--end::Text--> <!--begin::Content--> <div class="fs-6 fw-bold"> <!--begin::Date--> <span class="text-muted">2025-08-04 12:34:14</span> <!--end::Date--> </div> <!--end::Content--> </div> <!--end::Body--> </div> <!--end::Feature post--> </div> <!--end::Col--> <!--begin::Col--> <div class="col-md-4"> <!--begin::Feature post--> <div class="card-xl-stretch me-md-6"> <!--begin::Image--> <a class="d-block bgi-no-repeat bgi-size-cover bgi-position-center card-rounded position-relative min-h-175px mb-5" style="background-image:url('/static/assets/images/nopic.gif')" href="/wenhua/1117759.html"> </a> <!--end::Image--> <!--begin::Body--> <div class="m-0"> <!--begin::Title--> <a href="/wenhua/1117759.html" class="fs-5 text-dark fw-bold text-hover-primary text-dark lh-base">原创 ...</a> <!--end::Title--> <!--begin::Text--> <div class="fw-semibold fs-8 text-gray-600 text-dark my-2">傅作义,是国民党高级将领之中屈指可数的一位将才。他不但在抗日战争之...</div> <!--end::Text--> <!--begin::Content--> <div class="fs-6 fw-bold"> <!--begin::Date--> <span class="text-muted">2025-08-04 12:34:07</span> <!--end::Date--> </div> <!--end::Content--> </div> <!--end::Body--> </div> <!--end::Feature post--> </div> <!--end::Col--> <!--begin::Col--> <div class="col-md-4"> <!--begin::Feature post--> <div class="card-xl-stretch me-md-6"> <!--begin::Image--> <a class="d-block bgi-no-repeat bgi-size-cover bgi-position-center card-rounded position-relative min-h-175px mb-5" style="background-image:url('/static/assets/images/nopic.gif')" href="/wenhua/1117763.html"> </a> <!--end::Image--> <!--begin::Body--> <div class="m-0"> <!--begin::Title--> <a href="/wenhua/1117763.html" class="fs-5 text-dark fw-bold text-hover-primary text-dark lh-base">原创 ...</a> <!--end::Title--> <!--begin::Text--> <div class="fw-semibold fs-8 text-gray-600 text-dark my-2">战国时期的战国七雄,为了满足战争的需要,保护自己的生存空间,都维持...</div> <!--end::Text--> <!--begin::Content--> <div class="fs-6 fw-bold"> <!--begin::Date--> <span class="text-muted">2025-08-04 12:33:57</span> <!--end::Date--> </div> <!--end::Content--> </div> <!--end::Body--> </div> <!--end::Feature post--> </div> <!--end::Col--> <!--begin::Col--> <div class="col-md-4"> <!--begin::Feature post--> <div class="card-xl-stretch me-md-6"> <!--begin::Image--> <a class="d-block bgi-no-repeat bgi-size-cover bgi-position-center card-rounded position-relative min-h-175px mb-5" style="background-image:url('/static/assets/images/nopic.gif')" href="/wenhua/1117765.html"> </a> <!--end::Image--> <!--begin::Body--> <div class="m-0"> <!--begin::Title--> <a href="/wenhua/1117765.html" class="fs-5 text-dark fw-bold text-hover-primary text-dark lh-base">原创 ...</a> <!--end::Title--> <!--begin::Text--> <div class="fw-semibold fs-8 text-gray-600 text-dark my-2">前言 宣徽院是元朝的国家重要管理机构,其历史最早可追溯至唐朝。作为...</div> <!--end::Text--> <!--begin::Content--> <div class="fs-6 fw-bold"> <!--begin::Date--> <span class="text-muted">2025-08-04 12:33:53</span> <!--end::Date--> </div> <!--end::Content--> </div> <!--end::Body--> </div> <!--end::Feature post--> </div> <!--end::Col--> </div> </div> <!--end::Table widget 14--> </div> <!--end::Col--> <!--begin::Col--> <div class="col-xl-4 mt-0"> <!--begin::Chart Widget 35--> <div class="card card-flush h-md-100"> <!--begin::Header--> <div class="card-header pt-5 "> <!--begin::Title--> <h3 class="card-title align-items-start flex-column"> <!--begin::Statistics--> <div class="d-flex align-items-center mb-2"> <!--begin::Currency--> <span class="fs-5 fw-bold text-gray-800 ">热门资讯</span> <!--end::Currency--> </div> <!--end::Statistics--> </h3> <!--end::Title--> </div> <!--end::Header--> <!--begin::Body--> <div class="card-body pt-3"> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/news/1118434.html" class="text-dark fw-bold text-hover-primary fs-6">卡拉菲奥里热身赛疑似伤退,赛后...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">阿森纳后卫卡拉菲奥里在3-2击败纽卡斯尔联的季前热身赛的下半场开场不久后就因为疑似受伤被替换下场,不...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/news/1118416.html" class="text-dark fw-bold text-hover-primary fs-6">福建对获奖残疾人体育运动员教练...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">福建向来重视残疾人体育事业的发展,对获奖的残疾人体育运动员和教练员给予了丰厚的奖励。这些奖励不仅是对...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/news/1118401.html" class="text-dark fw-bold text-hover-primary fs-6">要不是有监控我是万万不敢相信有...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7"></span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/news/1118373.html" class="text-dark fw-bold text-hover-primary fs-6">逃犯坐车出逃,的哥机智配合警察...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7"></span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/news/1118355.html" class="text-dark fw-bold text-hover-primary fs-6">13秒15夺冠!吴艳妮成功卫冕...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7"></span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/news/1118346.html" class="text-dark fw-bold text-hover-primary fs-6">原创 吴...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">13 秒 15!吴艳妮全国田径锦标赛女子 100 米栏成功卫冕 8 月 4 日晚,2025 年全国...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/news/1118332.html" class="text-dark fw-bold text-hover-primary fs-6">为何要拍电影《坪石先生》?谢君...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">8月4日,电影《坪石先生》在佛山举行路演活动,主创团队分享幕后故事。 《坪石先生》佛山路演现场 提...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/news/1118330.html" class="text-dark fw-bold text-hover-primary fs-6">吴艳妮获全国田径锦标赛女子10...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">中新网8月4日电 在4日晚于浙江衢州进行2025年全国田径锦标赛女子100米栏决赛中,一周前刚刚度过...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/news/1118304.html" class="text-dark fw-bold text-hover-primary fs-6">准备与新队友们见面,哲凯赖什已...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">阿森纳新援哲凯赖什已抵达新加坡国家体育场,准备与新队友们见面。 北京时间7月27日19:30,阿...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/news/1118297.html" class="text-dark fw-bold text-hover-primary fs-6">以旧换新,激活快递物流新动能</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">在当今商业时代,“以旧换新”正成为激活快递物流新动能的关键举措。通过这一方式,消费者将旧物品交给快递...</span> </div> <!--end::Title--> </div> </div> <!--end::Body--> </div> <!--end::Chart Widget 35--> </div> <!--end::Col--> </div> </div> <!--end::Content container--> </div> <!--end::Content--> </div> <!--end::Content wrapper--> <!--begin::Footer--> <div id="kt_app_footer" class="app-footer"> <!--begin::Footer container--> <div class="app-container container-xxl d-flex flex-column flex-md-row flex-center flex-md-stack py-3"> <!--begin::Copyright--> <div class="text-dark order-2 order-md-1"> <span class="text-muted fw-semibold me-1">2025 ©</span> 汇川网<a href="http://www.帛典.com/">帛典网</a><a href="http://cn.gangyiku.com/">生活网</a><a href="http://news.hcygmm.com/">花城资讯网</a><a href="http://jiaju.yuansudz.com/">玉安家居网</a><a href="http://zhishi.kthtea.cn/">太和知识网</a><a href="http://ypkjmy.com.shayuweb.com/">一品科技</a> </div> <!--end::Copyright--> <!--begin::Menu--> <ul class="menu menu-gray-600 menu-hover-primary fw-semibold order-1"> <li class="menu-item"> <a href="/news/" target="_blank" class="menu-link px-2">资讯</a> </li> <li class="menu-item"> <a href="/caijing/" target="_blank" class="menu-link px-2">财经</a> </li> <li class="menu-item"> <a href="/lvyou/" target="_blank" class="menu-link px-2">旅游</a> </li> <li class="menu-item"> <a href="/wenhua/" target="_blank" class="menu-link px-2">文化</a> </li> <li class="menu-item"> <a href="/zhuangxiu/" target="_blank" class="menu-link px-2">装修</a> </li> <li class="menu-item"> <a href="/tiyu/" target="_blank" class="menu-link px-2">体育</a> </li> </ul> <!--end::Menu--> </div> <!--end::Footer container--> </div> <!--end::Footer--> </div> <!--end:::Main--> </div> <!--end::Wrapper--> </div> <!--end::Page--> </div> <!--end::App--> <div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true"> <!--begin::Svg Icon | path: icons/duotune/arrows/arr066.svg--> <span class="svg-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)" fill="currentColor"></rect> <path d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z" fill="currentColor"></path> </svg> </span> <!--end::Svg Icon--> </div> <!--begin::Javascript--> <script>var hostUrl = "/static/default/pc/";</script> <!--begin::Global Javascript Bundle(mandatory for all pages)--> <script src="/static/default/pc/plugins/global/plugins.bundle.js"></script> <script src="/static/default/pc/js/scripts.bundle.js"></script> <!--end::Global Javascript Bundle--> <!--end::Javascript--> </body> <!--end::Body--> </html>