html入门学习
创始人
2025-05-29 08:35:41
0次
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
HTML元素
定义 HTML 文档。
定义关于文档的信息。
定义文档的标题。
<body> 定义文档的主体。
<h1> to <h6> 定义 HTML 标题。
<p> 定义段落。
<button> 定义按钮。
<label> 定义 input 元素的标注。
<input> 定义输入控件。
<img> 定义图像。
<canvas> 定义图形。
<svg> 定义 SVG 图形的容器。
<video> 定义视频。
<a> 定义锚。
<style> 定义文档的样式信息。
<script> 定义客户端脚本。</code></pre><p style="text-align:left;">HTML 属性</p><p style="">属性总是以名称/值对的形式出现，比如：name="value"。</p><p style="">id :规定元素的唯一 id。</p><p style="">style：规定元素的行内 CSS 样式。</p><p style="">lang:规定元素内容的语言。</p><p style="text-align:left;">事件属性</p><p style="">onload script 页面结束加载之后触发。</p><p style="">onerror script 在错误发生时运行的脚本</p><p style="">onclick script 元素上发生鼠标点击时触发。</p><p style="">画布:动态绘制图形</p><pre class="kdocs-plaintext"><code class="language-plaintext"><!DOCTYPE html>
<html>
<body><canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.
</canvas><script>var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="40px Arial";
ctx.fillText("Hello World",10,50);</script></body>
</html></code></pre><p style="">音频或视频</p><p style="">HTML5 DOM 为 <audio> 和 <video> 元素提供了方法、属性和事件</p><p style="">字符集</p><p style="">HTML5 中的默认字符集为 UTF-8</p><p style="text-align:left;">HTML 文档类型</p><p style="text-align:left;">所有 HTML 文档必须以 <!DOCTYPE> 声明开头。</p><p style="text-align:left;">该声明并非一个 HTML 标签。它是一条“信息”，告知浏览器期望的文档类型。</p><p style="text-align:left;">在 HTML5 中，<!DOCTYPE> 声明非常简单：</p><p style="text-align:left;"><!DOCTYPE html></p><p style="text-align:left;">HTML URL </p><p style="text-align:left;">URL - 统一资源定位器（Uniform Resource Locator）</p><p style="text-align:left;">Web 浏览器使用 URL 从 Web 服务器请求页面。</p><p style="text-align:left;">URL 是网页的地址，比如：https://www.w3school.com.cn。</p><p style="text-align:left;">HTML 语言代码</p><p style="">HTML 的 lang 属性可用于网页或部分网页的语言</p><p style="text-align:left;"><html lang="en"></p><p style="text-align:left;">...</p><p style="text-align:left;"></html></p><p style="text-align:left;">HTML ISO 国家/地区代码</p><p style="">在 HTML 中，国家/地区代码可以用作 lang 属性中语言代码的补充</p><p style="text-align:left;"><html lang="zh-CN"></p><p style="text-align:left;">...</p><p style="text-align:left;"></html></p><p style="text-align:left;">HTML 状态消息</p><pre class="kdocs-plaintext"><code class="language-plaintext">200 OK 请求成功（其后是对GET和POST请求的应答文档。）
404 Not Found 服务器无法找到被请求的页面。
500 Internal Server Error 请求未完成。服务器遇到不可预知的情况。
502 Bad Gateway 请求未完成。服务器从上游服务器收到一个无效的响应。</code></pre><p style="text-align:left;">HTML 请求方法</p><p style="">HTTP 充当客户端和服务器之间的请求-响应协议。</p><p style="">最常用的两种方法是：GET 和 POST。</p><p style="">GET 用于从指定资源请求数据。</p><p style="text-align:left;">/test/demo_form.php?name1=value1&name2=value2</p><p style="">POST 用于将数据发送到服务器来创建/更新资源。</p><p style="text-align:left;">POST /test/demo_form.php HTTP/1.1</p><p style="text-align:left;">Host: w3school.com.cn</p><p style="text-align:left;">name1=value1&name2=value2</p> <!--end::Text-->
</div>
<!--end::Description-->
<div class="mt-5">
<!--关键词搜索-->
<a href="/search/news/keyword-%E8%AF%8D%E5%BA%93%E5%8A%A0%E8%BD%BD%E9%94%99%E8%AF%AF%3A%E6%9C%AA%E8%83%BD%E6%89%BE%E5%88%B0%E6%96%87%E4%BB%B6%E2%80%9CE%3A%5Chighferrum_mysql%5CConfiguration%5CDict_Stopwords.txt%E2%80%9D%E3%80%82.html" class="badge badge-light-primary fw-bold my-2" target="_blank">词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。</a>
</div>
<div class="mt-5">
<p class="fc-show-prev-next">
<strong>上一篇：</strong><a href="/minsheng/117155.html">ssh介紹以及 linux 下ssh的安裝使用</a><br>
</p>
<p class="fc-show-prev-next">
<strong>下一篇：</strong><a href="/minsheng/117157.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">
</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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250716/9-250G6053116326.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/122097.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250716/9-250G605451N15.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/122096.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250716/9-250G605141O03.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/122095.html" class="text-dark fw-bold text-hover-primary fs-6">安卓系统的obb文件,功能与使...</a>
<span class="text-gray-600 fw-semibold d-block pt-1 fs-7">你有没有发现，安卓手机里的那些游戏，有时候会突然出现一个叫作“obb文件”的小家伙？别小看了这个不起...</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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250716/9-250G6051300138.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/122093.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250716/9-250G6052315501.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/122092.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250716/9-250G6044G2342.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/122091.html" class="text-dark fw-bold text-hover-primary fs-6">ios系统跟安卓系统哪个好,谁...</a>
<span class="text-gray-600 fw-semibold d-block pt-1 fs-7">说到手机操作系统，iOS和安卓绝对是两大巨头，它们就像江湖上的两大门派，各有各的粉丝。那么，iOS系...</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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250716/9-250G6044051100.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/122090.html" class="text-dark fw-bold text-hover-primary fs-6">mac 系统安装 安卓系统安装...</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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250716/9-250G6045121294.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/122089.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250716/9-250G6041GV62.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/122088.html" class="text-dark fw-bold text-hover-primary fs-6">安卓系统outlook会议提醒...</a>
<span class="text-gray-600 fw-semibold d-block pt-1 fs-7">你有没有发现，手机上的安卓系统越来越智能了？这不，最近我发现了一个超实用的功能——Outlook会议...</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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250716/9-250G6041219254.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/122087.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250716/9-250G604233Wb.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/122086.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250716/9-250G6034105519.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/122085.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250716/9-250G6033459543.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/122084.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250716/9-250G6034610158.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/122083.html" class="text-dark fw-bold text-hover-primary fs-6">findx3安卓系统,安卓系统...</a>
<span class="text-gray-600 fw-semibold d-block pt-1 fs-7">你有没有发现，最近手机圈里又掀起了一股热潮？没错，就是OPPO Find X3系列的安卓系统。这款系...</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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250716/9-250G603020TT.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/122082.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250716/9-250G6031439436.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/122081.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250716/9-250G6032622T0.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/122080.html" class="text-dark fw-bold text-hover-primary fs-6">vico是不是安卓系统,揭秘安...</a>
<span class="text-gray-600 fw-semibold d-block pt-1 fs-7">最近是不是有很多小伙伴在问：“Vico手机，它是不是运行安卓系统呢？”这个问题可真是让人好奇啊！今天...</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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250716/9-250G6023K13L.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/122079.html" class="text-dark fw-bold text-hover-primary fs-6">安卓10系统省电不,安卓10系...</a>
<span class="text-gray-600 fw-semibold d-block pt-1 fs-7">你有没有发现，自从升级到安卓10系统，手机续航能力好像大不如前了？别急，今天就来给你揭秘安卓10系统...</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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250716/9-250G6024626495.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/122078.html" class="text-dark fw-bold text-hover-primary fs-6">cm14安卓系统,深度定制与极...</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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250716/9-250G6025253920.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/122077.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.yexian114.com/">叶仙网</a><a href="http://www.weishitang.cn/">唯识网</a><a href="http://www.xingshan.vip">星闪网</a><a href="http://ask.kcwzh.com">开创问答网</a><a href="http://zhishi.yexian114.com/">知事网</a><a href="http://www.80hlw.com/">八零商务网</a><a href="http://www.zzdfzj.cn/">东方游戏网</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="/minsheng/" target="_blank" class="menu-link px-2">民生</a>
</li>
<li class="menu-item">
<a href="/zhishi/" 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>