| | |
| | | <!DOCTYPE html> |
| | | <html lang="en"> |
| | | <html class="writer-html5" lang="en" > |
| | | <head> |
| | | |
| | | |
| | | <meta charset="utf-8"> |
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | | |
| | | |
| | | |
| | | <link rel="shortcut icon" href="../../img/favicon.ico"> |
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> |
| | | <meta charset="utf-8" /> |
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="岱特智能科技(上海)有限公司" /> |
| | | <link rel="shortcut icon" href="../../img/favicon.ico" /> |
| | | <title>基于linux操作系统写入镜像 - DT-HA</title> |
| | | <link href="../../css/bootstrap-3.3.7.min.css" rel="stylesheet"> |
| | | <link href="../../css/font-awesome-4.7.0.css" rel="stylesheet"> |
| | | <link href="../../css/base.css" rel="stylesheet"> |
| | | <link rel="stylesheet" href="../../css/highlight.css"> |
| | | <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> |
| | | <!--[if lt IE 9]> |
| | | <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> |
| | | <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> |
| | | <![endif]--> |
| | | |
| | | <script src="../../js/jquery-3.2.1.min.js"></script> |
| | | <script src="../../js/bootstrap-3.3.7.min.js"></script> |
| | | <script src="../../js/highlight.pack.js"></script> |
| | | <link rel="stylesheet" href="../../css/theme.css" /> |
| | | <link rel="stylesheet" href="../../css/theme_extra.css" /> |
| | | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" /> |
| | | |
| | | <base target="_top"> |
| | | <script> |
| | | var base_url = '../..'; |
| | | var is_top_frame = false; |
| | | |
| | | var pageToc = [ |
| | | {title: "\u57fa\u4e8elinux\u64cd\u4f5c\u7cfb\u7edf\u5199\u5165\u955c\u50cf", url: "#_top", children: [ |
| | | ]}, |
| | | ]; |
| | | |
| | | </script> |
| | | <script src="../../js/base.js"></script> |
| | | <script> |
| | | // Current page data |
| | | var mkdocs_page_name = "\u57fa\u4e8elinux\u64cd\u4f5c\u7cfb\u7edf\u5199\u5165\u955c\u50cf"; |
| | | var mkdocs_page_input_path = "install-guide\\LinuxInstall.md"; |
| | | var mkdocs_page_url = null; |
| | | </script> |
| | | |
| | | <!--[if lt IE 9]> |
| | | <script src="../../js/html5shiv.min.js"></script> |
| | | <![endif]--> |
| | | <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script> |
| | | <script>hljs.highlightAll();</script> |
| | | </head> |
| | | |
| | | <body> |
| | | <script> |
| | | if (is_top_frame) { $('body').addClass('wm-top-page'); } |
| | | </script> |
| | | <body class="wy-body-for-nav" role="document"> |
| | | |
| | | <div class="wy-grid-for-nav"> |
| | | <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> |
| | | <div class="wy-side-scroll"> |
| | | <div class="wy-side-nav-search"> |
| | | <a href="../.." class="icon icon-home"> DT-HA |
| | | </a><div role="search"> |
| | | <form id ="rtd-search-form" class="wy-form" action="../../search.html" method="get"> |
| | | <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" /> |
| | | </form> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu"> |
| | | <ul> |
| | | <li class="toctree-l1"><a class="reference internal" href="../..">首页</a> |
| | | </li> |
| | | </ul> |
| | | <ul> |
| | | <li class="toctree-l1"><a class="reference internal" href="../../about/">关于</a> |
| | | </li> |
| | | </ul> |
| | | <p class="caption"><span class="caption-text">使用教程</span></p> |
| | | <ul> |
| | | <li class="toctree-l1"><a class="reference internal" href="../installHa/">安装</a> |
| | | </li> |
| | | <li class="toctree-l1"><a class="reference internal" >使用</a> |
| | | <ul> |
| | | <li class="toctree-l2"><a class="reference internal" href="../../Usages/usage/">使用概述</a> |
| | | </li> |
| | | <li class="toctree-l2"><a class="reference internal" href="../../Usages/netconfig/netconfig/">配置网络</a> |
| | | </li> |
| | | <li class="toctree-l2"><a class="reference internal" href="../../Usages/initConfig/initConfig/">系统初始化配置</a> |
| | | </li> |
| | | </ul> |
| | | </li> |
| | | <li class="toctree-l1"><a class="reference internal" >Q/A</a> |
| | | <ul> |
| | | <li class="toctree-l2"><a class="reference internal" href="../../Usages/QA/%E9%80%8F%E6%9E%90%E4%B8%AD%E5%BF%83HA%E7%8E%AF%E5%A2%83%E6%B8%A9%E5%BA%A6%E5%8F%91%E9%80%81%E5%88%B0%E8%83%9C%E9%80%8F%E7%9A%84%E6%93%8D%E4%BD%9C%E6%8C%87%E5%8D%97/">透析中心HA环境温度发送到胜透的操作指南</a> |
| | | </li> |
| | | <li class="toctree-l2"><a class="reference internal" href="../../Usages/QA/errorsQA/">errorsQA</a> |
| | | </li> |
| | | <li class="toctree-l2"><a class="reference internal" href="../../Usages/QA/HA-%E5%A6%82%E4%BD%95%E5%AE%9E%E7%8E%B0%E7%8A%B6%E6%80%81%E5%8F%8D%E8%BD%AC/">HA-如何实现状态反转</a> |
| | | </li> |
| | | <li class="toctree-l2"><a class="reference internal" href="../../Usages/QA/TS88%E9%80%8F%E6%9E%90%E6%9C%BA%E8%81%94%E6%9C%BA%E9%80%9A%E4%BF%A1-%E4%B8%AD%E6%96%87%E7%89%88/">TS88透析机联机通信-中文版</a> |
| | | </li> |
| | | <li class="toctree-l2"><a class="reference internal" href="../../Usages/QA/VMware-ESXi%E6%89%A9%E5%B1%95HomeAssistant%E7%A1%AC%E7%9B%98%E6%8C%87%E5%8D%97/">VMware-ESXi扩展HomeAssistant硬盘指南</a> |
| | | </li> |
| | | <li class="toctree-l2"><a class="reference internal" href="../../Usages/QA/%E5%A6%82%E4%BD%95%E9%9B%86%E6%88%90%E5%92%8C%E9%A3%8E%E5%A4%A9%E6%B0%94%E7%BB%84%E4%BB%B6%E5%88%B0HA/">如何集成和风天气组件到HA</a> |
| | | </li> |
| | | <li class="toctree-l2"><a class="reference internal" href="../../Usages/QA/%E5%A6%82%E5%8E%95%E9%A3%8E%E9%99%A9-%E4%BA%BA%E5%AD%98%E5%9C%A8%E4%BC%A0%E6%84%9F%E5%99%A8%E9%85%8D%E7%BD%AE%E6%96%B9%E6%B3%95/">如厕风险-人存在传感器配置方法</a> |
| | | </li> |
| | | <li class="toctree-l2"><a class="reference internal" href="../../Usages/QA/ubunte-desktop%E6%A1%8C%E9%9D%A2%E7%B3%BB%E7%BB%9F%E5%A6%82%E4%BD%95%E9%85%8D%E7%BD%AE%E5%BC%80%E5%90%AF%E8%BF%9C%E7%A8%8B%E5%8D%8F%E5%8A%A9/">Ubuntu-desktop桌面系统如何配置开启远程协助</a> |
| | | </li> |
| | | </ul> |
| | | </li> |
| | | </ul> |
| | | <p class="caption"><span class="caption-text">其它教程</span></p> |
| | | <ul> |
| | | <li class="toctree-l1"><a class="reference internal" >Node-red相关</a> |
| | | <ul> |
| | | <li class="toctree-l2"><a class="reference internal" href="../../node-reds/%E5%AE%89%E8%A3%85node-red%E8%AE%B0%E5%BD%95/">安装node-red记录</a> |
| | | </li> |
| | | <li class="toctree-l2"><a class="reference internal" href="../../node-reds/%E5%A6%82%E4%BD%95%E6%8A%8Anode-red%E5%AE%89%E8%A3%85%E5%88%B0orangepiZero3/">如何把node-red安装到orangepiZero</a> |
| | | </li> |
| | | <li class="toctree-l2"><a class="reference internal" href="../../node-reds/ModbusPoll-v7.0.0%E4%BD%BF%E7%94%A8%E6%95%99%E7%A8%8B/">ModbusPoll-v7.0.0使用教程</a> |
| | | </li> |
| | | <li class="toctree-l2"><a class="reference internal" href="../../node-reds/node-red%E5%B8%B8%E7%94%A8%E7%BB%84%E4%BB%B6%E5%88%97%E8%A1%A8/">node-red常用组件列表</a> |
| | | </li> |
| | | <li class="toctree-l2"><a class="reference internal" href="../../node-reds/node-red%E5%A6%82%E4%BD%95%E8%BF%9E%E6%8E%A5modbus%20_slave%E8%AE%BE%E5%A4%87/">node-red如何连接modbus _slave设备</a> |
| | | </li> |
| | | </ul> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | </nav> |
| | | |
| | | <div class="container-fluid wm-page-content"> |
| | | <a name="_top"></a> |
| | | |
| | | |
| | | |
| | | |
| | | <h1 id="linux">基于linux操作系统写入镜像</h1> |
| | | <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> |
| | | <nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu"> |
| | | <i data-toggle="wy-nav-top" class="fa fa-bars"></i> |
| | | <a href="../..">DT-HA</a> |
| | | |
| | | </nav> |
| | | <div class="wy-nav-content"> |
| | | <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation"> |
| | | <ul class="wy-breadcrumbs"> |
| | | <li><a href="../.." class="icon icon-home" aria-label="Docs"></a></li> |
| | | <li class="breadcrumb-item active">基于linux操作系统写入镜像</li> |
| | | <li class="wy-breadcrumbs-aside"> |
| | | </li> |
| | | </ul> |
| | | <hr/> |
| | | </div> |
| | | <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article"> |
| | | <div class="section" itemprop="articleBody"> |
| | | |
| | | <h1 id="linux">基于linux操作系统写入镜像<a class="headerlink" href="#linux" title="Permanent link">¶</a></h1> |
| | | <p>这种方法的操作方法是:</p> |
| | | <ol> |
| | | <li> |
| | | <p>先下载安装ubuntu24.04操作系统</p> |
| | | <p>先下载<a href="[Ubuntu 24.04 LTS | Ubuntu](https://ubuntu.com/blog/tag/ubuntu-24-04-lts)">ubuntu24.04操作系统桌面版 </a>,保存为ubuntu24.04-desktip-amd.iso。</p> |
| | | </li> |
| | | <li> |
| | | <p>在虚拟机或物理机中安装此ubuntu24.04操作系统.(临时使用)</p> |
| | | <p>在虚拟机或物理机中安装此ubuntu24.04操作系统.(临时使用)。 |
| | | 这个过程 ,请参考其它教程。</p> |
| | | </li> |
| | | <li> |
| | | <p>使用ubuntu24.04制作linux启动U盘ubuntu live</p> |
| | | <p>使用ubuntu24.04制作linux启动U盘ubuntu live。 |
| | | 安装完成后,把下载的ubuntu24.04-desktip-amd.iso放到新安装的Ubuntu操作系统下折任意目录,如,放到<img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415115326293.png" />这个目录. |
| | | 然后,找到ubuntu自带的启动盘制作工具,如图所示 |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415115524417.png" /> |
| | | c运行启动盘创建器,如下<img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415115636897.png" />先择刚刚放置的ubuntu24.04-desktip-amd.iso作为源镜像,然后把要制作启动盘的U盘插入USB口,然后,选 择作为要使用的磁盘,当然可以提前插入U盘。然后点击制作启动盘。<img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415120121457.png" />在弹出的确认框中,点击是,<img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415120228840.png" />然后输出当前的用户对应的密码,确认,<img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415120334270.png" />系统将会自动开启把ubuntu live 启动引导盘信息, 写入U盘,<img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415120433378.png" />提示完成时,点退出,弹出如下提示<img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415120549530.png" />,说明启动U盘制作成功了。</p> |
| | | </li> |
| | | <li> |
| | | <p>使用启动U盘ubuntu live引导x86小工控机.</p> |
| | | <p>使用启动U盘ubuntu live引导x86小工控机. |
| | | 把U盘插入入X86小工控机并确保<a href="../configX86Bios/">正确配置了Bios</a> |
| | | 启动后,按F11其它主机可能有所不同(可以查主板说明书,或咨询主板厂家),选择以U盘引导。 |
| | | 公司的小工控机,是启动时,按F11不放,进入系统引导菜单,根据U盘的不同,U盘引导盘中的系统类别不同,显示的内容略有不同,如下图所示 |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415164226590.png" /> |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415164846478.png" /></p> |
| | | </li> |
| | | <li> |
| | | <p>进入try模式(不安装).</p> |
| | | </li> |
| | | <li> |
| | | <p>在try模式中,下载ha安方镜像</p> |
| | | </li> |
| | | <li> |
| | | <p>使用ubuntu live的自带的磁盘恢复工具写入镜像到硬盘.</p> |
| | | </li> |
| | | <li> |
| | | <p>移除U盘</p> |
| | | </li> |
| | | <li> |
| | | <p>重启系统</p> |
| | | </li> |
| | | <li> |
| | | <p>进入HA cli界面</p> |
| | | <p><img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250413122126133.png" /></p> |
| | | </li> |
| | | <li></li> |
| | | </ol> |
| | | <p>当系统启动时,请确保选择“Try or Install Ubuntu". |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415165056020.png" /> |
| | | 系统启会启动U盘中的Ubuntu live系统, |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415165157990.png" /> |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415165224449.png" /> |
| | | 在这个过程中, |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415165300118.png" /> |
| | | 会有几个选项要选择如下图所示, |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415165443100.png" /> |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415165615127.png" /> |
| | | 选择语言 |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415165928941.png" /> |
| | | 此处直接下一步 |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415170033803.png" /> |
| | | 此处可以直接使用网络连接可以选直接连接,也可以选择wifi当然,wifi南要配置热点. |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415170144416.png" /> <br /> |
| | | 同时,在这个过程中,要保持网络畅通(<strong>*一定要能正常访问Google及HomeAssistant官网</strong>),能正常的访问并下载HomeAssistantOS的镜像.</p> |
| | | <ol> |
| | | <li> |
| | | <p>在try模式中,下载ha安方镜像 |
| | | 进入Ubuntu Live系统后,打开浏览器,访问HomeAssistant的<a href="[Generic x86-64 - Home Assistant](https://www.home-assistant.io/installation/generic-x86-64)">官方文档</a>, |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415172730291.png" /> |
| | | 进入HomeAssistant官网,点\击菜单Installstatiion,进入安装说明 |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415172923864.png" /> |
| | | 找到GenericX86-84,并打开这个在页面 |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415173208549.png" /> |
| | | 找到页面中的镜像下载地址如下图 |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415173417557.png" /> |
| | | 下载<a href="https://github.com/home-assistant/operating-system/releases/download/15.1/haos_generic-x86-64-15.1.img.xz">HomeAssistOs-x86-64镜像</a> |
| | | 开始下载后,如下图所示 |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415173521070.png" /> |
| | | 下载过程中如下图所示 |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415173554499.png" /> |
| | | 下载完成后 |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415173648350.png" /> |
| | | 文件保存在/home/Downloads/hos_Generic-86-64-15.1.img.xz</p> |
| | | </li> |
| | | <li> |
| | | <p>使用ubuntu live的自带的磁盘恢复工具写入镜像到硬盘. |
| | | 在Ubuntu Live的系统中,找到显示应用程序(一般在左上角或右下角),</p> |
| | | </li> |
| | | <li> |
| | | <p>搜索并找到Disks应用程序,并打开Disks应用程序.</p> |
| | | </li> |
| | | </ol> |
| | | <p><img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415173844012.png" /></p> |
| | | <ul> |
| | | <li>在左侧列表中找到并选择你的目标磁盘(一般为你要安装HAOS的硬盘)</li> |
| | | </ul> |
| | | <p><img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415173928538.png" /></p> |
| | | <ul> |
| | | <li>点击右上角的菜单图标(三个点),选择“恢复磁盘镜像”</li> |
| | | </ul> |
| | | <p><img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415174008445.png" /></p> |
| | | <ul> |
| | | <li>浏览并选择你下载的HAOS镜像文件。</li> |
| | | </ul> |
| | | <p><img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415174039892.png" /> |
| | | 点击,并浏览到下载的文件 hos_Generic-86-64-15.1.img.xz |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415174131066.png" /></p> |
| | | <ul> |
| | | <li> |
| | | <p>确认目标磁盘,并开始镜像恢复过程。 |
| | | 确认标硬盘正确后,继续 |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415174303609.png" /> |
| | | 提示确认时点击 Restore |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415174329079.png" /> |
| | | 提示授权时,点击 Authenticate |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415174427654.png" /> |
| | | 确定后,就会开始把镜像文件写入硬盘 |
| | | 请注意,这个过程一将会,清除硬盘上原有的数据,请确保已备份重要数据. |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415174644799.png" /> |
| | | 写入完成后,如下图所示 |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415174732112.png" /> |
| | | 此时,就已经成功的把HA镜像写入到硬和肋中了</p> |
| | | </li> |
| | | <li> |
| | | <p>移除U盘 |
| | | 一旦Home Assistant操作系统安装完成,关闭系统。 |
| | | 当Ubuntu关闭后,移除USB闪存驱动器(Ubuntu会通知您可以安全移除)。</p> |
| | | </li> |
| | | <li> |
| | | <p>重启系统. |
| | | 现在,您的Home Assistant服务器已经设置完毕,您可以开始使用它。</p> |
| | | </li> |
| | | <li> |
| | | <p>进入HA cli界面 |
| | | 系统启动成功后,如下图所示 |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250415175051168.png" /> |
| | | 通过浏览器,输入控制台提示的IP加端口<a href="http://192.168.3:8123">http://192.168.3:8123</a>即可进入图型化界面,如下 |
| | | <img alt="" src="https://dhcdn.leon056.com/bpfStudy/docs/20250413122126133.png" /></p> |
| | | </li> |
| | | </ul> |
| | | |
| | | </div> |
| | | </div><footer> |
| | | |
| | | <br> |
| | | |
| | | <hr/> |
| | | |
| | | <br> |
| | | </div> |
| | | <div role="contentinfo"> |
| | | <!-- Copyright etc --> |
| | | </div> |
| | | |
| | | <footer class="container-fluid wm-page-content"> |
| | | <p>Documentation built with <a href="https://www.mkdocs.org/">MkDocs</a> using <a href="https://github.com/gristlabs/mkdocs-windmill">Windmill</a> theme by Grist Labs.</p> |
| | | Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. |
| | | </footer> |
| | | |
| | | </div> |
| | | </div> |
| | | |
| | | </section> |
| | | |
| | | </div> |
| | | |
| | | <div class="rst-versions" role="note" aria-label="Versions"> |
| | | <span class="rst-current-version" data-toggle="rst-current-version"> |
| | | |
| | | <span> |
| | | <a href="http://dh.leon056.com:7499/r/Embedded/HomeAssistantPtoject.git" class="fa fa-code-fork" style="color: #fcfcfc"> Dh</a> |
| | | </span> |
| | | |
| | | |
| | | |
| | | </span> |
| | | </div> |
| | | <script src="../../js/jquery-3.6.0.min.js"></script> |
| | | <script>var base_url = "../..";</script> |
| | | <script src="../../js/theme_extra.js"></script> |
| | | <script src="../../js/theme.js"></script> |
| | | <script src="../../search/main.js"></script> |
| | | <script> |
| | | jQuery(function () { |
| | | SphinxRtdTheme.Navigation.enable(true); |
| | | }); |
| | | </script> |
| | | |
| | | </body> |
| | | </html> |
| | | </html> |