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/1375290.html"> </a> <!--end::Image--> <!--begin::Body--> <div class="m-0"> <!--begin::Title--> <a href="/wenhua/1375290.html" class="fs-5 text-dark fw-bold text-hover-primary text-dark lh-base">安东内利在1号弯打转对诺里...</a> <!--end::Title--> <!--begin::Text--> <div class="fw-semibold fs-8 text-gray-600 text-dark my-2">  一、诺里斯如何抓住打转窗口完成反超  位置互换:第20圈安东内...</div> <!--end::Text--> <!--begin::Content--> <div class="fs-6 fw-bold"> <!--begin::Date--> <span class="text-muted">2026-11-10 04:47:19</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="/tiyu/1375286.html"> </a> <!--end::Image--> <!--begin::Body--> <div class="m-0"> <!--begin::Title--> <a href="/tiyu/1375286.html" class="fs-5 text-dark fw-bold text-hover-primary text-dark lh-base">新浪影视热点小时报丨202...</a> <!--end::Title--> <!--begin::Text--> <div class="fw-semibold fs-8 text-gray-600 text-dark my-2">  1、白小纯的口碑反转说明了观众对综艺剪辑的什么态度?  一、口...</div> <!--end::Text--> <!--begin::Content--> <div class="fs-6 fw-bold"> <!--begin::Date--> <span class="text-muted">2026-11-10 04:47: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="/news/1375280.html"> </a> <!--end::Image--> <!--begin::Body--> <div class="m-0"> <!--begin::Title--> <a href="/news/1375280.html" class="fs-5 text-dark fw-bold text-hover-primary text-dark lh-base">新浪体育热点小时报丨202...</a> <!--end::Title--> <!--begin::Text--> <div class="fw-semibold fs-8 text-gray-600 text-dark my-2">  1、安东尼:感谢贝蒂斯球迷在这个困难时期给予我的关爱和支持  ...</div> <!--end::Text--> <!--begin::Content--> <div class="fs-6 fw-bold"> <!--begin::Date--> <span class="text-muted">2026-11-10 04:47:15</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="/caijing/1375245.html"> </a> <!--end::Image--> <!--begin::Body--> <div class="m-0"> <!--begin::Title--> <a href="/caijing/1375245.html" class="fs-5 text-dark fw-bold text-hover-primary text-dark lh-base">新浪财经热点小时报丨202...</a> <!--end::Title--> <!--begin::Text--> <div class="fw-semibold fs-8 text-gray-600 text-dark my-2">  1、大股东加仓、管理层自购 年内多家银行获真金白银增持  每经...</div> <!--end::Text--> <!--begin::Content--> <div class="fs-6 fw-bold"> <!--begin::Date--> <span class="text-muted">2026-11-10 04:47:03</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="/caijing/1375260.html"> </a> <!--end::Image--> <!--begin::Body--> <div class="m-0"> <!--begin::Title--> <a href="/caijing/1375260.html" class="fs-5 text-dark fw-bold text-hover-primary text-dark lh-base">新浪篮球热点小时报丨202...</a> <!--end::Title--> <!--begin::Text--> <div class="fw-semibold fs-8 text-gray-600 text-dark my-2">  1、37年前的今天 戴尔·埃利斯历经五加时出战69分钟创历史纪...</div> <!--end::Text--> <!--begin::Content--> <div class="fs-6 fw-bold"> <!--begin::Date--> <span class="text-muted">2026-11-10 04:46: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/1375278.html"> </a> <!--end::Image--> <!--begin::Body--> <div class="m-0"> <!--begin::Title--> <a href="/wenhua/1375278.html" class="fs-5 text-dark fw-bold text-hover-primary text-dark lh-base">新浪机器学习热点小时报丨2...</a> <!--end::Title--> <!--begin::Text--> <div class="fw-semibold fs-8 text-gray-600 text-dark my-2">  1、黄仁勋承认婚内出轨,英伟达货物失踪,BLG战胜T1,腾讯元...</div> <!--end::Text--> <!--begin::Content--> <div class="fs-6 fw-bold"> <!--begin::Date--> <span class="text-muted">2026-11-10 04:46:56</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="/lvyou/1375249.html"> </a> <!--end::Image--> <!--begin::Body--> <div class="m-0"> <!--begin::Title--> <a href="/lvyou/1375249.html" class="fs-5 text-dark fw-bold text-hover-primary text-dark lh-base">新浪基金热点小时报丨202...</a> <!--end::Title--> <!--begin::Text--> <div class="fw-semibold fs-8 text-gray-600 text-dark my-2">  1、基金经理的“权衡时刻”  ◎记者 马嘉悦 何漪 又到了基金...</div> <!--end::Text--> <!--begin::Content--> <div class="fs-6 fw-bold"> <!--begin::Date--> <span class="text-muted">2026-11-10 04:46:55</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/1375244.html"> </a> <!--end::Image--> <!--begin::Body--> <div class="m-0"> <!--begin::Title--> <a href="/wenhua/1375244.html" class="fs-5 text-dark fw-bold text-hover-primary text-dark lh-base">新浪NBA热点小时报丨20...</a> <!--end::Title--> <!--begin::Text--> <div class="fw-semibold fs-8 text-gray-600 text-dark my-2">  1、37年前的今天 戴尔·埃利斯历经五加时出战69分钟创历史纪...</div> <!--end::Text--> <!--begin::Content--> <div class="fs-6 fw-bold"> <!--begin::Date--> <span class="text-muted">2026-11-10 04:46:55</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="/zhuangxiu/1375263.html"> </a> <!--end::Image--> <!--begin::Body--> <div class="m-0"> <!--begin::Title--> <a href="/zhuangxiu/1375263.html" class="fs-5 text-dark fw-bold text-hover-primary text-dark lh-base">新浪国际热点小时报丨202...</a> <!--end::Title--> <!--begin::Text--> <div class="fw-semibold fs-8 text-gray-600 text-dark my-2">  1、联合国安理会举行乌克兰公开会 中方呼吁抓住和谈窗口  当地...</div> <!--end::Text--> <!--begin::Content--> <div class="fs-6 fw-bold"> <!--begin::Date--> <span class="text-muted">2026-11-10 04:46:52</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/1375280.html" class="text-dark fw-bold text-hover-primary fs-6">新浪体育热点小时报丨2026年...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">  1、安东尼:感谢贝蒂斯球迷在这个困难时期给予我的关爱和支持  皇家贝蒂斯前锋安东尼近期状态持续低...</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/1375231.html" class="text-dark fw-bold text-hover-primary fs-6">新浪迭戈·西蒙尼热点小时报丨2...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">  1、西甲榜首战马竞1比2遭巴萨逆转 卢克曼替补席坐满90分钟  据《每日体育报》报道,在本轮西甲...</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/1375272.html" class="text-dark fw-bold text-hover-primary fs-6">新浪通信产业热点小时报丨202...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">  1、中端冰箱什么价位值得买?3000-6000元黄金档,3个维度说透闭眼选+FAQ  01中端冰...</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/1375237.html" class="text-dark fw-bold text-hover-primary fs-6">新浪乒乓球热点小时报丨2026...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">  1、邱党接受了樊振东先进思想?痛斥WTT残酷榨取,直言球员身心俱疲  德国乒乓球名将邱党似乎是受...</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/1375238.html" class="text-dark fw-bold text-hover-primary fs-6">新浪美股热点小时报丨2026年...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">  1、今夜!直线暴涨  (来源:中国基金报)【导读】指数,个股,都在直线暴涨中国基金报记者 泰勒大...</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/1375271.html" class="text-dark fw-bold text-hover-primary fs-6">新浪健康热点小时报丨2026年...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">  1、过夜水杯是致病细菌温床!这就是要勤洗水杯的原因  近日,有网友分享,自己日常只盛放纯净水的不...</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/1375246.html" class="text-dark fw-bold text-hover-primary fs-6">新浪网球热点小时报丨2026年...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">  1、巴黎大师赛决赛:阿尔卡拉斯2-0谢尔顿夺冠 斩获生涯第9座大师赛冠军  北京时间 11 月 ...</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/1375261.html" class="text-dark fw-bold text-hover-primary fs-6">新浪贵金属热点小时报丨2026...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">  1、蒂芙尼HardWear黄金保值还是卡地亚钉子?3组二手数据说透+FAQ  01开篇:谁更保值...</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/1375262.html" class="text-dark fw-bold text-hover-primary fs-6">新浪对冲基金热点小时报丨202...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">  1、富国标普石油天然气勘探及生产精选行业交易型开放式指数证券投资基金(QDII)午间收盘溢价风险...</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/1375254.html" class="text-dark fw-bold text-hover-primary fs-6">新浪原油热点小时报丨2026年...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">  1、近百亿元!600026,抛出造船大单  来源:中国基金报【导读】中远海能子公司抛出造船大单,...</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">2026 ©</span> 汇川网<a href="http://time.hcygmm.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://www.aushin.cn/">澳新网</a><a href="http://ypkjmy.com.shayuweb.com/">一品科技</a><a href="http://game.tdroid.net/">土豆游戏网</a> <a href="http://www.colorpicker.top/">color picker</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>