html网页制作例子 - html网页的制作 ,对于想了解建站百科知识的朋友们来说，html网页制作例子 - html网页的制作是一个非常想了解的问题，下面小编就带领大家看看这个问题。
在信息爆炸的互联网宇宙中，每一个精彩的网站都始于一行行简洁而强大的HTML代码。它如同建筑的蓝图，定义了网页的结构与骨架。本文将带领您深入“html网页制作例子
html网页的制作”这一核心主题，通过详实的步骤分解与概念阐释，揭开网页从无到有的神秘面纱。我们不仅探讨技术实现，更着眼于如何让您的网页在浩瀚的网络海洋中脱颖而出，吸引读者与搜索引擎的双重青睐。
基石构建：初识HTML文档结构
任何一个完整的HTML网页，都始于一个标准的基本框架。这个框架就像房屋的地基，确保了浏览器能够正确识别和渲染内容。最核心的要素是文档类型声明``，它告诉浏览器这是一个HTML5文档。紧接着是``根标签，其下的``部分如同网页的“大脑”，承载着不直接显示但至关重要的元信息。
在``中，`
`标签定义了浏览器标签页上显示的标题，这是搜索引擎抓取和判断页面主题的首要依据。`<meta charset="UTF-8">`声明了字符编码，确保中文等字符能正确显示。还可以在这里引入外部CSS样式表、JavaScript文件或设置关键词与描述，为后续的样式美化与交互功能、以及SEO优化埋下伏笔。而`<body>`标签则是网页的“身体”，所有用户在屏幕上看到的文字、图片、链接等内容都包含于此。理解并熟练运用这个基础结构，是开启网页制作之旅的第一步。
<h2>内容雕琢：文本与多媒体元素嵌入</h2>
当骨架搭建完毕，接下来便是填充血肉——向`<body>`中添加丰富的内容。HTML提供了丰富的标签来语义化地组织内容。标题使用`<h1>`到`<h2>`标签，它们不仅从视觉上区分重要性，更是搜索引擎理解内容层次的关键。段落用`<p>`标签包裹，而`<a>`标签则创造出连接不同页面的超链接，构建起网络的互联本质。
<p>要让网页生动起来，离不开多媒体元素的嵌入。使用`<img>`标签可以插入图片，其`src`属性指定图片来源，`alt`属性则为图片提供替代文本，这对视觉障碍用户友好，更是图片SEO的核心。通过`<video>`和`<audio>`标签，我们可以轻松地在网页中嵌入视频与音频，为用户提供沉浸式的体验。例如，一个介绍旅游景点的页面，可以结合震撼的标题、优美的描述段落、精美的风景图片和一段背景音乐，共同营造出强烈的氛围感，牢牢抓住读者的注意力。</p>
<h2>布局艺术：运用容器与语义化标签</h2>
随着内容增多，如何有序地排列它们就成了新的挑战。早期的网页常使用`<div>`这个通用容器进行布局，它本身没有特定语义，主要配合CSS进行样式控制。现代HTML5引入了更具语义化的结构标签，如`<header>`、`<nav>`、`<main>`、`<article>`、`<section>`、`<aside>`和`<footer>`。
这些标签让代码结构一目了然，不仅便于开发者阅读和维护，更能帮助搜索引擎准确理解每个部分的角色与内容。例如，`<nav>`通常包裹导航栏，`<main>`包含页面的核心内容，`<article>`可以是一篇独立的博文。通过合理组合这些容器，可以构建出逻辑清晰、层次分明的页面布局。一个典型的博客页面例子，就可以清晰地划分为页头、导航菜单、主体文章区、侧边栏补充信息和页脚版权信息，这样的结构对用户和搜索引擎都极其友好。
<h2>交互萌芽：表单与基础数据收集</h2>
<p>网页不仅是信息的展示窗口，也可以是互动的桥梁。HTML表单是实现用户交互的基础工具，通过`<form>`标签创建。表单内部可以包含多种输入控件：单行文本输入框`<input type="text">`、密码框`<input type="password">`、单选按钮`<input type="radio">`、复选框`<input type="checkbox">`、下拉列表`<select>`以及多行文本域`<textarea>`。</p>
<p style="text-align: center;"><img src="/uploads/allimg/2026020801/4bbcab75f7ac8d5fb4748b6e02ef0cef.jpg" alt="html网页制作例子 - html网页的制作" title="html网页制作例子 - html网页的制作"></p>
<p>每个控件通常都需要一个`<label>`标签与之关联，以提升可访问性。表单的`action`属性指定数据提交的服务器地址，`method`属性定义提交方式（GET或POST）。一个简单的用户注册例子，就包含了用户名、密码、邮箱等输入项以及一个提交按钮。虽然表单本身不处理复杂逻辑，但它为后端服务器接收用户数据提供了入口，是构建登录、搜索、反馈等一切交互功能的起点。</p>
<p style="text-align: center;"><img src="/uploads/allimg/2026020801/f124adae4af8182aee37cc7762796ed2.jpg" alt="html网页制作例子 - html网页的制作" title="html网页制作例子 - html网页的制作"></p>
<h2>美化起点：内联样式与样式表引入</h2>
纯粹的HTML网页往往是朴素甚至简陋的，这时就需要CSS（层叠样式表）来为其披上华丽的外衣。最直接的方式是使用内联样式，即在HTML标签的`style`属性中直接编写CSS代码，例如`<p style="color: blue; font-size: 16px;">`。这种方式简单直接，但不利于样式的复用和维护。
更专业和推荐的做法是将样式写在`<style>`标签内（内部样式表），或者更好的是，使用`<link>`标签引入一个独立的`.css`外部样式表文件。这样实现了内容（HTML）与表现（CSS）的分离，使得网站风格可以统一管理，修改起来也事半功倍。在样式表中，我们可以定义字体、颜色、间距、边框、背景以及复杂的响应式布局。想象一下，同一个新闻列表，通过CSS可以瞬间从严肃的黑白报纸风格转变为活泼的彩色卡片风格，这就是样式化带来的魔力。
<h2>优化与未来：SEO友好与响应式设计</h2>
制作出一个美观的网页后，如何让更多人看到它？这就涉及到搜索引擎优化（SEO）和跨设备适配。在HTML层面，SEO优化包括：为图片设置描述性的`alt`属性；确保`<title>`和`<meta name="description">`能精准概括页面内容；使用合理的标题标签（`<h1>`-`<h2>`）构建内容层次；创建清晰、语义化的URL结构。
与此在移动设备普及的今天，响应式网页设计已成为标配。其核心在于在HTML的`<head>`中通过`<meta name="viewport">`标签设置视口，并配合CSS媒体查询，让网页的布局和样式能根据屏幕尺寸自动调整。例如，在电脑上显示三栏的内容，在平板电脑上可以变为两栏，在手机上则优雅地堆叠为一栏。这确保了无论用户使用何种设备访问，都能获得最佳的浏览体验，从而降低跳出率，提升用户在页面的停留时间。
<p>以上是关于html网页制作例子 - html网页的制作的介绍，希望对想了解建站百科知识的朋友们有所帮助。</p>
<p>本文标题：<a href="https://zwz66.cn/jianz/242703.html">html网页制作例子 - html网页的制作</a>；本文链接：https://zwz66.cn/jianz/242703.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/242702.html'>html网页制作作业（html网页制作期末大作业免费下载）</a> </span></div>
<div class="yj-nei15"><span><span>下一篇：</span><a href='https://zwz66.cn/jianz/242704.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/242704.html" title="html网页制作例子，用html制作简单网页 - 副本">html网页制作例子，用html制作简单网页 - 副本</a>
<span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-06-10</span>
</li>
<li><a href="https://zwz66.cn/jianz/242702.html" title="html网页制作作业（html网页制作期末大作业免费下载）">html网页制作作业（html网页制作期末大作业免费下载）</a>
<span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-06-10</span>
</li>
<li><a href="https://zwz66.cn/jianz/242701.html" title="html网页制作作业项目，html网页制作作业项目有哪些">html网页制作作业项目，html网页制作作业项目有哪些</a>
<span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-06-10</span>
</li>
<li><a href="https://zwz66.cn/jianz/242700.html" title="html网页制作作业怎么插图片，html网页制作作业怎么插图片进去">html网页制作作业怎么插图片，html网页制作作业怎么插图片进去</a>
<span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-06-10</span>
</li>
<li><a href="https://zwz66.cn/jianz/242699.html" title="html网页制作作业怎么交 html网页制作大作业">html网页制作作业怎么交 html网页制作大作业</a>
<span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-06-10</span>
</li>
<li><a href="https://zwz66.cn/jianz/242698.html" title="html网页制作作业、html网页制作大作业">html网页制作作业、html网页制作大作业</a>
<span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-06-10</span>
</li>
<li><a href="https://zwz66.cn/jianz/242697.html" title="html网页制作代码范例，html制作网页的代码">html网页制作代码范例，html制作网页的代码</a>
<span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-06-09</span>
</li>
<li><a href="https://zwz66.cn/jianz/242696.html" title="html网页制作代码范例，html制作网页的代码 - 副本">html网页制作代码范例，html制作网页的代码 - 副本</a>
<span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-06-09</span>
</li>
<li><a href="https://zwz66.cn/jianz/242695.html" title="html网页制作代码范例 html制作网页的代码">html网页制作代码范例 html制作网页的代码</a>
<span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-06-09</span>
</li>
<li><a href="https://zwz66.cn/jianz/242694.html" title="html网页制作代码模板、html网页制作代码模板怎么做">html网页制作代码模板、html网页制作代码模板怎么做</a>
<span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-06-09</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> 10207</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> 9075</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> 7891</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> 7133</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> 3896</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> 3874</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> 3745</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> 3495</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/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> 2782</span>
<span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-10-22</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> 2639</span>
<span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-11-30</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"> <a href='https://zwz66.cn/plus/search.php?keyword=%E7%BD%91%E7%AB%99'>网站</a> <a href='https://zwz66.cn/plus/search.php?keyword=%E5%A5%B3%E4%BA%BA%E9%AA%9A%E5%8F%AB%E5%A3%B0'>女人骚叫声</a> <a href='https://zwz66.cn/plus/search.php?keyword=%E7%82%92%E9%A5%AD'>炒饭</a> <a href='https://zwz66.cn/plus/search.php?keyword=%E8%AE%A1%E7%AE%97%E6%9C%BA'>计算机</a> <a href='https://zwz66.cn/plus/search.php?keyword=%E7%88%B1%E7%94%A8%E5%95%86%E5%9F%8E'>爱用商城</a> <a href='https://zwz66.cn/plus/search.php?keyword=%E5%B1%B1%E9%A6%99%E6%95%99%E8%82%B2'>山香教育</a> <a href='https://zwz66.cn/plus/search.php?keyword=%E9%BB%84%E7%89%87'>黄片</a> <a href='https://zwz66.cn/plus/search.php?keyword=%E4%B8%89%E7%BA%A7%E7%89%87'>三级片</a> <a href='https://zwz66.cn/plus/search.php?keyword=%E6%93%8D%E9%80%BC'>操逼</a> <a href='https://zwz66.cn/plus/search.php?keyword=%E5%BF%AB%E6%92%AD'>快播</a> <a href='https://zwz66.cn/plus/search.php?keyword=89x6.cc'>89x6.cc</a> <a href='https://zwz66.cn/plus/search.php?keyword=166.su'>166.su</a> <a href='https://zwz66.cn/plus/search.php?keyword=MMMWWW'>MMMWWW</a> <a href='https://zwz66.cn/plus/search.php?keyword=%E9%87%91%E5%BF%97%E6%81%92'>金志恒</a> <a href='https://zwz66.cn/plus/search.php?keyword=%E4%B9%B1%E4%BC%A6'>乱伦</a> <a href='https://zwz66.cn/plus/search.php?keyword=2D%E8%BD%AC3D'>2D转3D</a> <a href='https://zwz66.cn/plus/search.php?keyword=8x8x'>8x8x</a> <a href='https://zwz66.cn/plus/search.php?keyword=%E5%89%91%E6%9D%A5'>剑来</a> <a href='https://zwz66.cn/plus/search.php?keyword=29pen.com'>29pen.com</a> <a href='https://zwz66.cn/plus/search.php?keyword=17c'>17c</a> </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> 