小虎建站知识网,分享建站知识,包括:建站行业动态、建站百科知识、SEO优化知识等知识。建站服务热线:180-5191-0076

html写一个简单的网页、用html语言编写一个简单的网页

  • html,写,一个,简单,的,网页,、,用,语言,编写,
  • 建站百科知识-小虎建站百科知识网
  • 2026-10-26 17:09
  • 小虎建站百科知识网

html写一个简单的网页、用html语言编写一个简单的网页 ,对于想了解建站百科知识的朋友们来说,html写一个简单的网页、用html语言编写一个简单的网页是一个非常想了解的问题,下面小编就带领大家看看这个问题。

想象一下,你即将拥有一块属于自己的数字画布,而HTML语言,就是你手中那支神奇的画笔。这绝非遥不可及的魔法,也无需高深莫测的编程背景。只需一些简单的标签和清晰的逻辑,你就能在互联网的浩瀚星海中,点亮属于你的那一盏灯。本文将带你深入浅出,从核心骨架到血肉细节,一步步拆解用HTML语言编写一个简单网页的奥秘。这不仅是一次技术学习,更是一场创造之旅的启程。

一、构筑网页的钢筋骨架

每个伟大的建筑都始于坚固的骨架,网页亦是如此。HTML的骨架,由一系列声明和基础结构标签构成,它们定义了网页的身份与根基。

首要的便是文档类型声明 ``,它如同网页的“出生证明”,告诉浏览器:“嘿,请用最新的HTML5标准来解析我。”紧随其后的,是整个网页的根容器——``标签。它将所有内容包裹其中,并通过 `lang` 属性(如 `lang=“zh-CN”`)声明网页的主要语言,这对搜索引擎理解和辅助工具至关重要。 在 `` 之内,世界被一分为二:`` 和 ``。`` 是网页的“大脑”与“名片”,它承载着不直接显示给用户、却至关重要的元信息。这里存放着 `` 标签,其中的文字会显示在浏览器标签页上,是网页的“门面”,也是搜索引擎抓取和理解网页主题的第一关键。`<meta>` 标签则负责描述字符集、视口兼容性等,确保网页在各种设备上都能正确显示。而 `<body>`,才是网页的“躯体”,所有用户可见的文字、图片、链接等内容,都居住于此。理解并搭建好这个基础骨架,是编写任何网页的第一步。 <h2><strong>二、填充内容的血肉细胞</strong></h2> <p style="text-align: center;"><img src="/uploads/allimg/2026070401/62bcf4759bddaf74dde108545048ad55.jpg" alt="html写一个简单的网页、用html语言编写一个简单的网页" title="html写一个简单的网页、用html语言编写一个简单的网页"></p> <p>骨架已然立起,接下来便是赋予其生命力的内容。在 `<body>` 中,我们使用一系列语义化标签来组织内容,这不仅能清晰呈现信息,更能极大提升网页的可访问性与搜索引擎友好度。</p> 标题是内容的灯塔,HTML提供了从 `<h1>` 到 `<h2>` 六级标题标签。`<h1>` 通常用作页面主标题,一个页面最好只有一个,它向搜索引擎强烈宣告了页面的核心主题。段落是思想的载体,`<p>` 标签将大段的文字优雅地包裹成易于阅读的段落。想要强调某个词句?`<strong>` 表示重要性,`<em>` 表示强调语气,它们比单纯的 `<b>` 和 `<i>` 更具语义价值。 而超链接 `<a>` 则是互联网的灵魂。通过 `href` 属性,你可以将用户引向另一个页面、一个文件,甚至页面内的某个锚点。图像 `<img>` 让网页变得鲜活,其 `src` 属性指定图片路径,`alt` 属性则为图片提供替代文本——当图片无法加载时,它能描述图片内容,这对视障用户和搜索引擎理解图片意义至关重要。有序列表 `<ol>`、无序列表 `<ul>` 及其列表项 `<li>`,则让信息的罗列变得条理清晰。用这些标签精心填充你的 `<body>`,一个内容丰富、结构清晰的网页便初具雏形。 <h2><strong>三、建立结构的楼层隔断</strong></h2> <p>当内容逐渐丰富,我们需要更强大的工具来划分区域,建立清晰的视觉与逻辑结构。这便是HTML5引入的一系列语义化容器标签,它们如同建筑中的墙体与隔断,让网页结构一目了然。</p> `<header>` 通常用于放置网站的Logo、主导航等头部信息。`<nav>` 专门用来包裹导航链接的集合。`<main>` 标识出网页的主要内容区域,一个页面应只有一个。`<article>` 用来包裹一个独立、完整、可独立分发的内容块,如一篇文章、一篇博客。`<section>` 则用于对内容进行主题性的分组,每个分组通常都有一个标题。 <p>还有 `<aside>` 用于侧边栏、引用内容等与主内容间接相关的部分,`<footer>` 则放在页面底部,包含版权信息、联系方式等。这些标签本身不带有默认样式,但它们为内容赋予了明确的语义。使用它们,不仅让代码对开发者更易读,更让搜索引擎爬虫和屏幕阅读器能够精准理解每个部分的角色与重要性,是提升网页质量与SEO表现的隐形利器。</p> <p style="text-align: center;"><img src="/uploads/allimg/2026070401/5a28e65e93a039214316cae1958676a4.jpg" alt="html写一个简单的网页、用html语言编写一个简单的网页" title="html写一个简单的网页、用html语言编写一个简单的网页"></p> <h2><strong>四、连接外界的交互桥梁</strong></h2> <p>一个纯粹的静态网页如同一个安静的展览馆,而表单 `<form>` 的引入,则打开了与访客对话的窗口,让网页变得可交互、可输入。它是收集用户信息、实现搜索、登录等功能的基石。</p> <p>`<form>` 标签通过 `action` 属性指定数据提交的服务器地址,`method` 属性定义提交方式(GET或POST)。在其内部,各种输入控件各司其职:文本输入框 `<input type=“text”>` 用于输入单行文字;密码框 `<input type=“password”>` 会隐藏输入字符;单选按钮 `<input type=“radio”>` 用于多选一;复选框 `<input type=“checkbox”>` 用于多选多。</p> <p>下拉选择框 `<select>` 配合 `<option>` 提供选项列表。多行文本域 `<textarea>` 则用于输入大段文字。而提交按钮 `<input type=“submit”>` 或 `<button type=“submit”>` 是表单的“发送键”。每个输入控件都应配备一个描述性的 `<label>` 标签,并通过 `for` 属性与控件的 `id` 关联,这大大提升了表单的可用性和可访问性。一个设计良好的表单,是网页从“展示”走向“服务”的关键一步。</p> <h2><strong>五、注入美观的视觉外衣</strong></h2> <p style="text-align: center;"><img src="/uploads/allimg/2026070401/db2bca1d9218cea1c793a61283341c49.jpg" alt="html写一个简单的网页、用html语言编写一个简单的网页" title="html写一个简单的网页、用html语言编写一个简单的网页"></p> <p>至此,一个功能完整、结构清晰的网页已经诞生。原始的HTML元素通常只有最基础的样式(如标题加粗、链接蓝色)。要让网页变得美观、符合品牌调性,就需要层叠样式表(CSS)的介入。虽然CSS是另一门语言,但HTML为其提供了挂载的“钩子”。</p> 最直接的方式是使用元素的 `style` 属性进行内联样式设置,例如 `<p style=“color: red;”>`。但更高效、更推荐的做法是使用 `<style>` 标签在 `<head>` 中编写内部样式表,或者通过 `<link>` 标签引入外部的 `.css` 文件,如 `<link rel=“stylesheet” href=“styles.css”>`。在HTML中,我们主要通过 `class` 和 `id` 属性来为元素添加“标记”,以便CSS能够精准选中并施加样式。 <p>`class` 可用于多个元素,实现样式复用;`id` 则在页面中应保持唯一,常用于标识特定元素或作为锚点链接的目标。通过合理地使用这些属性,将HTML结构与CSS表现分离,你便能轻松控制网页的字体、颜色、布局、间距等一切视觉细节,让朴素的“毛坯房”变身精致的“样板间”。</p> <h2><strong>六、迈向精进的点睛之笔</strong></h2> 掌握了基础,便有了探索更广阔天地的资本。要让你的简单网页更具竞争力,一些进阶但易学的技巧不可或缺。首先是网页图标(Favicon),那个显示在浏览器标签页上的小图标,它能极大提升品牌辨识度。只需在 `<head>` 中加入 `<link rel=“icon” href=“favicon.ico” type=“image/x-icon”>` 即可。 是确保网页在手机、平板、电脑上都能良好显示的响应式设计基础。这始于 `<head>` 中的一个关键 `<meta>` 标签:`<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>`。它告诉浏览器根据设备宽度来渲染页面,是自适应布局的起点。 <p>不要忽视网页的“可读性”与“可寻性”。合理使用注释 `<!-</p> <li>这是一个注释 -->` 能让你的代码更易维护。为图片添加详实的 `alt` 属性,为链接提供清晰的描述文本,这些细微之处共同构建了一个对用户和搜索引擎都更加友好的网络环境。</li> 从声明文档类型到搭建基础结构,从填充语义化内容到划分清晰区域,从创建交互表单到引入样式美化,再到最后的优化点睛——用HTML语言编写一个简单网页的旅程,如同一场从无到有的创造。每一个标签都是搭建数字世界的砖瓦,每一行代码都是与机器对话的密语。这个过程剥离了复杂工具的神秘外衣,让你直接触摸到网页最本质的构成。它不仅是技术实现的步骤,更是一种结构化思维的训练。当你亲手写下第一个 `<html>`,并在浏览器中看到“Hello World”跃然屏上时,你便已掌握了在互联网时代表达自我、创造价值的基础语言。这扇门已然打开,门后的世界,由你的想象力与代码共同构筑。 <p>以上是关于html写一个简单的网页、用html语言编写一个简单的网页的介绍,希望对想了解建站百科知识的朋友们有所帮助。</p> <p>本文标题:<a href="https://zwz66.cn/jianz/390303.html">html写一个简单的网页、用html语言编写一个简单的网页</a>;本文链接:https://zwz66.cn/jianz/390303.html。</p> </div> </div> </div> <!--<div class="left-ad"> <script src='/plus/ad_js.php?aid=4' language='javascript'></script> </div>--> <!--<div class="shareBox"> <p><a href="javascript:;" class="sharebtn pay-author"><i class="iconfont icon-iconfontmoban"></i> 微信</a> <a href="javascript:;" class="sharebtn J_showAllShareBtn"><i class="iconfont icon-fenxiang1"></i> 分享</a> </p> <div class="socialBox"> <div class="action-share"> <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a></div> </div> <div class="panel-reward"> <ul> <li class="weixinpay"><img alt="" src="https://zwz66.cn/skin/images/follow-weixin.jpg"><b>关注微信</b></li> </ul> </div> </div> </div>--> <div class="yj-nei13"> <div class="yj-nei14"><span><span>上一篇:</span><a href='https://zwz66.cn/jianz/390302.html'>html写一个注册界面,html写一个注册界面怎么写</a> </span></div> <div class="yj-nei15"><span><span>下一篇:</span><a href='https://zwz66.cn/jianz/390304.html'>html写一个简单的网页,html写一个简单的网页怎么写</a> </span></div> </div> </div> </div> <div class="yj-lie05"> <h3 class="yj-zhu36"><span>猜你喜欢</span></h3> <ul class="yj-lie07"> <li><a href="https://zwz66.cn/jianz/390304.html" title="html写一个简单的网页,html写一个简单的网页怎么写">html写一个简单的网页,html写一个简单的网页怎么写</a> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-10-26</span> </li> <li><a href="https://zwz66.cn/jianz/390302.html" title="html写一个注册界面,html写一个注册界面怎么写">html写一个注册界面,html写一个注册界面怎么写</a> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-10-26</span> </li> <li><a href="https://zwz66.cn/jianz/390301.html" title="html内嵌网页代码 - html5内嵌网页">html内嵌网页代码 - html5内嵌网页</a> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-10-26</span> </li> <li><a href="https://zwz66.cn/jianz/390300.html" title="html兼职网站(html网页制作兼职)">html兼职网站(html网页制作兼职)</a> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-10-26</span> </li> <li><a href="https://zwz66.cn/jianz/390299.html" title="html兼职、纯html网页兼职">html兼职、纯html网页兼职</a> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-10-26</span> </li> <li><a href="https://zwz66.cn/jianz/390298.html" title="html关于新闻的网页代码;html关于新闻的网页代码怎么写">html关于新闻的网页代码;html关于新闻的网页代码怎么写</a> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-10-26</span> </li> <li><a href="https://zwz66.cn/jianz/390297.html" title="html全部代码表、html代码大全表格">html全部代码表、html代码大全表格</a> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-10-26</span> </li> <li><a href="https://zwz66.cn/jianz/390296.html" title="html全屏烟花表白特效代码,免费html代码烟花特效">html全屏烟花表白特效代码,免费html代码烟花特效</a> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-10-26</span> </li> <li><a href="https://zwz66.cn/jianz/390295.html" title="HTML入门需要哪些基础知识 - html入门需要哪些基础知识">HTML入门需要哪些基础知识 - html入门需要哪些基础知识</a> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-10-26</span> </li> <li><a href="https://zwz66.cn/jianz/390294.html" title="html入门课程,html入门教程视频">html入门课程,html入门教程视频</a> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-10-26</span> </li> </ul> </div> </div> <!-- 右侧 --> <div class="yj-you01"> <!--<div class="widget_ad"> <script src='/plus/ad_js.php?aid=1' language='javascript'></script> </div>--> <div class="yj-you02"> <h3><span>热门标签</span></h3> <div class="yj-you03"> <div class="yj-you04"> </div> </div> </div> <div class="yj-you02"> <h3><span>阅读排行</span></h3> <ul class="yj-you05"> <li> <div class="yj-you06"><a href="https://zwz66.cn/jianz/36714.html"><img src="https://zwz66.cn/images/defaultpic.gif" class="thumbnail" alt="在线观看免费版b站;哔哩哔哩在线观看入口"></a></div> <div class="yj-you07"> <h4 class="yj-you08"><a href="https://zwz66.cn/jianz/36714.html">在线观看免费版b站;哔哩哔哩在线观看入口</a></h4> <span class="yj-you09"><i class="iconfont icon-yanjing1"></i> 10223</span> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-12-10</span> </div> </li> <li> <div class="yj-you06"><a href="https://zwz66.cn/jianz/36407.html"><img src="https://zwz66.cn/images/defaultpic.gif" class="thumbnail" alt="免费的行情网站app入口 哪里可以免费看行情软件的APP"></a></div> <div class="yj-you07"> <h4 class="yj-you08"><a href="https://zwz66.cn/jianz/36407.html">免费的行情网站app入口 哪里可以免费看行情软件的APP</a></h4> <span class="yj-you09"><i class="iconfont icon-yanjing1"></i> 9094</span> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-12-07</span> </div> </li> <li> <div class="yj-you06"><a href="https://zwz66.cn/jianz/37310.html"><img src="https://zwz66.cn/images/defaultpic.gif" class="thumbnail" alt="成品网站源码78w78隐藏通道在线 - 成品78W78隐藏通道1农业数字化,为乡村振兴注入新动力"></a></div> <div class="yj-you07"> <h4 class="yj-you08"><a href="https://zwz66.cn/jianz/37310.html">成品网站源码78w78隐藏通道在线 - 成品78W78隐藏通道1农业数字化,为乡村振兴注入新动力</a></h4> <span class="yj-you09"><i class="iconfont icon-yanjing1"></i> 7914</span> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-12-14</span> </div> </li> <li> <div class="yj-you06"><a href="https://zwz66.cn/jianz/36639.html"><img src="https://zwz66.cn/images/defaultpic.gif" class="thumbnail" alt="国内免费精品亚州精品视频国内天堂综合、免费看电影的网站有哪些啊"></a></div> <div class="yj-you07"> <h4 class="yj-you08"><a href="https://zwz66.cn/jianz/36639.html">国内免费精品亚州精品视频国内天堂综合、免费看电影的网站有哪些啊</a></h4> <span class="yj-you09"><i class="iconfont icon-yanjing1"></i> 7149</span> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-12-09</span> </div> </li> <li> <div class="yj-you06"><a href="https://zwz66.cn/jianz/36622.html"><img src="https://zwz66.cn/images/defaultpic.gif" class="thumbnail" alt="各种免费源码共享网站 - 成品网站源码1688免费推荐-智能化时代的挑战与机遇!"></a></div> <div class="yj-you07"> <h4 class="yj-you08"><a href="https://zwz66.cn/jianz/36622.html">各种免费源码共享网站 - 成品网站源码1688免费推荐-智能化时代的挑战与机遇!</a></h4> <span class="yj-you09"><i class="iconfont icon-yanjing1"></i> 3906</span> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-12-09</span> </div> </li> <li> <div class="yj-you06"><a href="https://zwz66.cn/jianz/36423.html"><img src="https://zwz66.cn/images/defaultpic.gif" class="thumbnail" alt="免费网站b站(有哪些可以免费看b站视频的网站)"></a></div> <div class="yj-you07"> <h4 class="yj-you08"><a href="https://zwz66.cn/jianz/36423.html">免费网站b站(有哪些可以免费看b站视频的网站)</a></h4> <span class="yj-you09"><i class="iconfont icon-yanjing1"></i> 3880</span> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-12-07</span> </div> </li> <li> <div class="yj-you06"><a href="https://zwz66.cn/jianz/38219.html"><img src="https://zwz66.cn/images/defaultpic.gif" class="thumbnail" alt="黄页88登录入口、谁有黄页免费的网址大全"></a></div> <div class="yj-you07"> <h4 class="yj-you08"><a href="https://zwz66.cn/jianz/38219.html">黄页88登录入口、谁有黄页免费的网址大全</a></h4> <span class="yj-you09"><i class="iconfont icon-yanjing1"></i> 3753</span> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-12-21</span> </div> </li> <li> <div class="yj-you06"><a href="https://zwz66.cn/jianz/36696.html"><img src="https://zwz66.cn/images/defaultpic.gif" class="thumbnail" alt="在线crm在线oa免费 - 有没有免费的OA系统呢"></a></div> <div class="yj-you07"> <h4 class="yj-you08"><a href="https://zwz66.cn/jianz/36696.html">在线crm在线oa免费 - 有没有免费的OA系统呢</a></h4> <span class="yj-you09"><i class="iconfont icon-yanjing1"></i> 3501</span> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-12-09</span> </div> </li> <li> <div class="yj-you06"><a href="https://zwz66.cn/jianz/35520.html"><img src="https://zwz66.cn/images/defaultpic.gif" class="thumbnail" alt="192.168.100.1随身wifiadmin;192.168.100.1随身wifiadmin登录器"></a></div> <div class="yj-you07"> <h4 class="yj-you08"><a href="https://zwz66.cn/jianz/35520.html">192.168.100.1随身wifiadmin;192.168.100.1随身wifiadmin登录器</a></h4> <span class="yj-you09"><i class="iconfont icon-yanjing1"></i> 3089</span> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-11-30</span> </div> </li> <li> <div class="yj-you06"><a href="https://zwz66.cn/jianz/30518.html"><img src="https://zwz66.cn/uploads/allimg/20241020/f8a255fbbb8cd0b547c6097fb51cbb9f-lp.jpg" class="thumbnail" alt="amazon欧洲站和日本站;日本专线fba"></a></div> <div class="yj-you07"> <h4 class="yj-you08"><a href="https://zwz66.cn/jianz/30518.html">amazon欧洲站和日本站;日本专线fba</a></h4> <span class="yj-you09"><i class="iconfont icon-yanjing1"></i> 2793</span> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-10-22</span> </div> </li> </ul> </div> <div class="yj-you02"> <h3><span>推荐排行</span></h3> <ul class="yj-you10"> </ul> </div> </div> </div> </div> </div> <div class="yj-di01"> <div class="yj-zhu02"> <div class="yj-di02"> <a rel="nofollow" href="https://zwz66.cn/">网站首页</a> <a rel='nofollow' href='https://zwz66.cn/jianz/index.html' class='thisclass'>建站百科知识</a> <a rel="nofollow" href="https://zwz66.cn/seoy/index.html">SEO优化知识</a> <a rel="nofollow" href="https://zwz66.cn/hangy/index.html">建站行业动态</a> </div> <div class="yj-di03"> <p>Copyright © 2002-2027 小虎建站知识网 版权所有    网站备案号: <a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">苏ICP备18016903号-19</a>     <img src="/skin/images/beian.png" alt="苏公网安备" style="width: 16px;"><a href="https://beian.mps.gov.cn/#/query/webSearch?code=32031202000909" rel="noreferrer" target="_blank">苏公网安备32031202000909</a> </p> </div> <br> <div style="text-align: center;"> <a href="http://www.cecdc.com" rel="nofollow" target="_blank"> <img src="/skin/images/chengxinOne.png" alt="中国互联网诚信示范企业"></a> <a href="https://www.12377.cn/" rel="nofollow" target="_blank"> <img src="/skin/images/buliang.png" alt="违法和不良信息举报中心"> </a> <a href="https://cyberpolice.mps.gov.cn" rel="nofollow" target="_blank"> <img src="/skin/images/wangluo.png" alt="网络110报警服务"> </a> <a target="_blank" rel="nofollow" href="http://www.isc.org.cn/"> <img src="/skin/images/hulianwangxiehui.png" alt="中国互联网协会"> </a> <a target="_blank" href="http://knet.cn" rel="nofollow"> <img src="/skin/images/chengxin.png" alt="诚信网站"> </a> </div> </div> </div> <!-- 返回顶部按钮--> <div class="backtop" id="backtop"><i class="iconfont icon-xiangshang"></i></div> <!-- 搜索框--> <div class="search-box"> <div class="search-close"><i class="iconfont icon-guanbi"></i></div> <div class="search-con"> <form name="formsearch" action="https://zwz66.cn/plus/search.php"> <input type="hidden" name="kwtype" value="0" /> <dl class="se"> <dt> <input name="q" type="text" class="search-keyword" id="search-keyword" value="输入搜索关键词" onfocus="if(this.value=='输入搜索关键词'){this.value='';}" onblur="if(this.value==''){this.value='输入搜索关键词';}" /> </dt> <dd> <button type="submit"><i class="iconfont icon-sousuo"></i></button> </dd> </dl> </form> <div class="search-tips">大家都在搜</div> <div class="search-as"> </div> </div> </div> <script src="https://zwz66.cn/skin/js/yj-js01.js"></script> <script src="https://zwz66.cn/skin/js/yj-js02.js"></script> <script src="https://zwz66.cn/skin/js/yj-js03.js"></script> </body> </html>