简单网页设计html代码多少钱找对方法省一半

简单网页设计html代码多少钱找对方法省一半

简单网页设计html代码多少钱找对方法省一半

找建站公司怕被坑高价,特别是看到“简单网页设计html代码”这种项目,价格参差不齐,让人摸不着头脑。很多人以为只要会写HTML代码,就能搞定一个网站,结果要么功能缺失,要么价格翻倍。实际上,简单网页设计html代码多少钱,关键在于你有没有选对方法和工具,而不是盲目找公司。

### 什么是简单网页设计html代码?

简单网页设计html代码,指的是使用HTML语言构建基础网页结构的代码。它通常包括标题、导航栏、内容区、页脚等部分,没有复杂的交互功能。这种类型的设计常用于企业官网、个人博客、作品展示页面等,适用于不需要后端数据库或动态内容更新的场景。

这类项目在技术上门槛不高,但对设计感和用户体验的要求却不容忽视。如果你想要一个既省钱又靠谱的解决方案,建议先从开源项目或工具入手,再结合自己的需求做微调。

### 为什么简单网页设计html代码多少钱差异这么大?

很多企业主或创业者在找建站公司时,发现同样一个“简单网页设计html代码”项目,报价差距能有几倍。这是为什么?

  1. 项目复杂度不一致:有些公司把“简单”项目理解得过于简单,只做基本结构,而另一些公司可能在设计、优化、部署等多个环节附加收费。
  2. 服务内容不同:有的报价只含HTML代码,有的包括设计、域名、备案、SSL证书甚至SEO优化。
  3. 公司资质与经验:经验丰富、口碑好的公司收费自然更高,但他们的代码质量、售后服务也更有保障。
  4. 地区差异:比如上海这样的一线城市,人力成本较高,报价自然比二三线城市高。

如果你不确定简单网页设计html代码多少钱,建议先列出你想要的完整功能和服务内容,再对比多个报价,避免被“低价陷阱”误导。

### 怎么自己做简单网页设计html代码?

如果你有基本的HTML和CSS知识,可以尝试自己完成一个简单的网页设计,这不仅能节省成本,还能更好地掌握网站结构。

步骤1:确定网页结构
一个简单网页通常包含以下结构:

  • <header>:顶部导航栏
  • <nav>:菜单链接
  • <main>:主要内容区
  • <aside>:侧边栏(可选)
  • <footer>:页脚信息

步骤2:写HTML代码
下面是一个基础的HTML结构代码示例:

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>简单网页设计示例</title><link rel="stylesheet" href="style.css">
</head>
<body><header><h1>公司名称</h1><nav><ul><li><a href="#">首页</a></li><li><a href="#">关于我们</a></li><li><a href="#">服务</a></li><li><a href="#">联系我们</a></li></ul></nav></header><main><section><h2>欢迎访问我们的网站</h2><p>这是一个简单网页设计html代码的示例页面。</p></section></main><footer><p>&copy; 2025 公司名称. 保留所有权利。</p></footer>
</body>
</html>

步骤3:添加CSS样式
在style.css文件中添加样式,让网页看起来更美观。例如:

body {font-family: Arial, sans-serif;margin: 0;padding: 0;
}header {background-color: #333;color: white;padding: 20px;
}nav ul {list-style: none;padding: 0;
}nav ul li {display: inline;margin-right: 15px;
}footer {background-color: #f4f4f4;padding: 10px;text-align: center;
}

通过这种方式,你可以在简单网页设计html代码多少钱的预算下,完成一个功能完整、外观漂亮的网站。

### 使用开源项目是否更便宜?

是的,开源项目是降低建站成本的有效方式。很多GitHub上开源的前端框架和模板,都可以直接用来搭建简单网页。比如:

  • Bootstrap:一个流行的前端框架,提供了响应式布局和大量UI组件。
  • HTML5 UP:一个开源网站模板平台,包含多种风格的HTML5网页模板。
  • W3Schools:提供大量HTML、CSS和JavaScript的学习资料和代码示例。

使用这些开源资源,简单网页设计html代码多少钱的问题就迎刃而解了。你只需要下载模板,根据自己的需求修改内容即可。

### 简单网页设计html代码需要备案吗?

如果你打算将网站部署在国内服务器上,那么必须进行ICP备案。ICP备案是国家对互联网信息服务的一种监管方式,所有在中国大陆境内运营的网站都需要进行备案。

备案流程通常包括以下几个步骤:

  1. 注册域名(需在国内服务器或注册商处注册);
  2. 选择服务器并上传网站代码;
  3. 登录工信部备案系统,填写企业或个人信息;
  4. 提交材料,等待审核。

备案费用大约在50-100元之间,不同省份略有差异。如果你不想麻烦,可以选择使用海外服务器(如AWS、阿里云国际站),但这些服务器在访问国内时可能会有延迟,且不支持国内用户直接访问。

### 简单网页设计html代码如何优化SEO?

即使是一个简单的网页,也可以通过SEO优化来提高搜索引擎排名。以下是几个关键优化点:

  1. 标题标签()</strong>:每个页面的标题应包含关键词,如“简单网页设计html代码”。</li> <li><strong>描述标签(<meta name="description">)</strong>:写一段简短的页面描述,包含关键词。</li> <li><strong>URL结构</strong>:URL尽量简洁,包含关键词,例如:<code>https://www.yourwebsite.com/简单网页设计html代码</code>。</li> <li><strong>图片优化</strong>:为图片添加<code>alt</code>标签,描述图片内容,避免“图片无描述”的错误。</li> <li><strong>移动端适配</strong>:使用响应式设计或移动端专用页面,确保在手机上也能良好显示。</li> <li><strong>内部链接</strong>:合理设置页面间的跳转,提高用户停留时间。</li> <li><strong>页面加载速度</strong>:优化代码和图片大小,减少加载时间,提高用户体验。</li> </ol> <p>你可以参考<strong>GitHub上的SEO优化指南</strong>,比如<a href="https://www.w3.org/2013/12/seo.html">w3c的SEO建议文档</a>,获取更详细的操作方法。</p> <h3 id="html-5">### 简单网页设计html代码上线后如何维护?</h3> <p>网站上线后,维护工作同样重要,主要包括以下几个方面:</p> <ol> <li><strong>内容更新</strong>:如果网站有文章、产品信息等内容,需定期更新,保持内容新鲜。</li> <li><strong>备份数据</strong>:定期备份网站文件和数据库,防止数据丢失。</li> <li><strong>检查链接</strong>:确保所有页面链接有效,没有“死链”。</li> <li><strong>安全防护</strong>:安装SSL证书,防止网站被攻击或数据泄露。</li> <li><strong>性能监控</strong>:使用Google Analytics等工具监控网站流量和访问情况,及时发现问题。</li> <li><strong>定期优化</strong>:根据用户反馈和SEO效果,不断调整网站结构和内容。</li> </ol> <p>如果你没有技术能力自行维护,可以考虑找第三方托管公司或使用托管平台(如WordPress、阿里云、腾讯云)进行自动化管理。</p> <h3 id="html-6">### 哪些公司可以做简单网页设计html代码?</h3> <p>选择一家合适的建站公司,能帮你省下不少时间和金钱。以下是几个挑选公司的建议:</p> <ol> <li><strong>查看案例</strong>:要求对方提供过往项目案例,尤其是类似“简单网页设计html代码”的项目。</li> <li><strong>了解服务内容</strong>:确认报价是否包含设计、开发、备案、SEO、域名、SSL等。</li> <li><strong>对比报价</strong>:获取3家以上公司的报价,进行对比,避免被“低价陷阱”误导。</li> <li><strong>阅读客户评价</strong>:在知乎、豆瓣、百度知道等平台搜索该公司的评价。</li> <li><strong>签订合同</strong>:确认服务内容、价格、交付时间、退款条款等内容,签订正规合同。</li> </ol> <p>上海本地有一些专业的建站公司,比如“上海启航建站”、“易建科技”等,都是不错的选择。不过,建议你先通过GitHub或开源社区,看看有没有适合自己需求的开源项目,再决定是否外包。</p> <h3 id="section-1">### 建站花了多少钱?留言说说真实价格</h3> </div> </div> </article> <section class="section related-news sec-alt"> <div class="container"> <div class="sec-head"> <span class="sec-eyebrow">Related News</span> <h2 class="sec-title">相关新闻</h2> <p class="sec-intro">更多同频道精彩内容,点击继续阅读。</p> </div> <div class="news-grid"> <!-- 相关新闻 --> <article class="news-card card fade-in"> <a href="/news/24652" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/你别再用模板建站了,网站解析后显示在建设中怎么解决?多少钱都值得" alt="你别再用模板建站了,网站解析后显示在建设中怎么解决?多少钱都值得" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">你别再用模板建站了,网站解析后显示在建设中怎么解决?多少钱都值得</h3> <div class="news-meta"> <span class="news-date">2026/10/28 9:00:39</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/24651" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/店铺网页设计尺寸图解步骤:网站做好了没人访问怎么办" alt="店铺网页设计尺寸图解步骤:网站做好了没人访问怎么办" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">店铺网页设计尺寸图解步骤:网站做好了没人访问怎么办</h3> <div class="news-meta"> <span class="news-date">2026/10/28 9:00:35</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/24650" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/一级域名做网站的好处哪家好" alt="一级域名做网站的好处哪家好" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">一级域名做网站的好处哪家好</h3> <div class="news-meta"> <span class="news-date">2026/10/28 9:00:32</span> </div> </div> </a> </article> <!-- 最新新闻 --> <article class="news-card card fade-in"> <a href="/news/85206" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/2026最新网站设计在线培训机构怎么选?模板网站太丑不够用" alt="2026最新网站设计在线培训机构怎么选?模板网站太丑不够用" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">2026最新网站设计在线培训机构怎么选?模板网站太丑不够用</h3> <div class="news-meta"> <span class="news-date">2026/11/4 19:20:50</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/85196" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/3个建站方案对比:教做美食的视频网站哪家好" alt="3个建站方案对比:教做美食的视频网站哪家好" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">3个建站方案对比:教做美食的视频网站哪家好</h3> <div class="news-meta"> <span class="news-date">2026/11/4 19:19:18</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/85186" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/一个人做网站要多久最佳实践" alt="一个人做网站要多久最佳实践" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">一个人做网站要多久最佳实践</h3> <div class="news-meta"> <span class="news-date">2026/11/4 19:17:15</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/85176" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/新手入门整站seo排名要多少钱?备案流程一头雾水别慌,实操指南来了" alt="新手入门整站seo排名要多少钱?备案流程一头雾水别慌,实操指南来了" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">新手入门整站seo排名要多少钱?备案流程一头雾水别慌,实操指南来了</h3> <div class="news-meta"> <span class="news-date">2026/11/4 19:15:37</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/85166" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/集团网站制作公司怎么选?备案流程一头雾水看这篇实战案例" alt="集团网站制作公司怎么选?备案流程一头雾水看这篇实战案例" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">集团网站制作公司怎么选?备案流程一头雾水看这篇实战案例</h3> <div class="news-meta"> <span class="news-date">2026/11/4 19:14:06</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/85156" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/禅城网站建设企业避坑指南:模板网站太丑不够用怎么破?" alt="禅城网站建设企业避坑指南:模板网站太丑不够用怎么破?" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">禅城网站建设企业避坑指南:模板网站太丑不够用怎么破?</h3> <div class="news-meta"> <span class="news-date">2026/11/4 19:12:22</span> </div> </div> </a> </article> <!-- 周新闻 --> <article class="news-card card fade-in"> <a href="/news/50605" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/建筑工程技术支持东莞网站建设适合什么场景" alt="建筑工程技术支持东莞网站建设适合什么场景" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">建筑工程技术支持东莞网站建设适合什么场景</h3> <div class="news-meta"> <span class="news-date">2026/11/1 0:01:07</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/50614" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/网页链接怎么打开进阶技巧" alt="网页链接怎么打开进阶技巧" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">网页链接怎么打开进阶技巧</h3> <div class="news-meta"> <span class="news-date">2026/11/1 0:03:09</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/50623" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/网站建设合同样本避坑指南:模板网站太丑不够用怎么办" alt="网站建设合同样本避坑指南:模板网站太丑不够用怎么办" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">网站建设合同样本避坑指南:模板网站太丑不够用怎么办</h3> <div class="news-meta"> <span class="news-date">2026/11/1 0:04:58</span> </div> </div> </a> </article> <!-- 日新闻 --> <article class="news-card card fade-in"> <a href="/news/77866" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/如何自己注册网站一文搞懂" alt="如何自己注册网站一文搞懂" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">如何自己注册网站一文搞懂</h3> <div class="news-meta"> <span class="news-date">2026/11/4 0:00:48</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/77876" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/5分钟搞定坯子库登录成wordpress,性能优化全靠这三步" alt="5分钟搞定坯子库登录成wordpress,性能优化全靠这三步" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">5分钟搞定坯子库登录成wordpress,性能优化全靠这三步</h3> <div class="news-meta"> <span class="news-date">2026/11/4 0:02:17</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/77886" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/湖北手机版建站系统哪家好推荐免费工具快速排查网站异常" alt="湖北手机版建站系统哪家好推荐免费工具快速排查网站异常" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">湖北手机版建站系统哪家好推荐免费工具快速排查网站异常</h3> <div class="news-meta"> <span class="news-date">2026/11/4 0:04:06</span> </div> </div> </a> </article> <!-- 月新闻 --> <article class="news-card card fade-in"> <a href="/news/50605" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/建筑工程技术支持东莞网站建设适合什么场景" alt="建筑工程技术支持东莞网站建设适合什么场景" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">建筑工程技术支持东莞网站建设适合什么场景</h3> <div class="news-meta"> <span class="news-date">2026/11/1 0:01:07</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/50614" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/网页链接怎么打开进阶技巧" alt="网页链接怎么打开进阶技巧" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">网页链接怎么打开进阶技巧</h3> <div class="news-meta"> <span class="news-date">2026/11/1 0:03:09</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/50623" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/网站建设合同样本避坑指南:模板网站太丑不够用怎么办" alt="网站建设合同样本避坑指南:模板网站太丑不够用怎么办" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">网站建设合同样本避坑指南:模板网站太丑不够用怎么办</h3> <div class="news-meta"> <span class="news-date">2026/11/1 0:04:58</span> </div> </div> </a> </article> </div> </div> </section> <header class="header"> <nav class="nav-container"> <a href="/index.html" class="logo"> <img src="/images/logo.png" alt="编程新知 Logo" width="44" height="44"> <span>编程新知</span> </a> <ul class="nav-menu"><li><a href="/index.html" class="">首页</a></li><li class="has-sub"><a href="/coreui-components.html" class="">组件库<span class="caret"></span></a><div class="sub-menu"><a href="/coreui-components.html">组件库总览</a><a href="/coreui-button.html">按钮组件</a><a href="/coreui-form.html">表单组件</a><a href="/coreui-table.html">表格组件</a><a href="/coreui-chart.html">图表组件</a><a href="/coreui-modal.html">弹窗组件</a><a href="/coreui-nav.html">导航组件</a><a href="/coreui-theme.html">主题定制</a><a href="/coreui-layout.html">布局栅格</a></div></li><li class="has-sub"><a href="/ui-framework.html" class="">框架教程<span class="caret"></span></a><div class="sub-menu"><a href="/ui-framework.html">框架开发总览</a><a href="/vue3-guide.html">Vue3 实战</a><a href="/react-guide.html">React 实战</a><a href="/typescript-guide.html">TypeScript</a><a href="/vite-build.html">Vite 构建</a><a href="/webpack-optimize.html">Webpack 优化</a><a href="/tailwind-css.html">Tailwind CSS</a><a href="/micro-frontend.html">微前端架构</a><a href="/component-library.html">组件库建设</a></div></li><li class="has-sub"><a href="/tech-frontier.html" class="">前沿技术<span class="caret"></span></a><div class="sub-menu"><a href="/tech-frontier.html">前沿技术总览</a><a href="/ai-coding.html">AI 辅助编程</a><a href="/webassembly.html">WebAssembly</a><a href="/pwa-app.html">PWA 应用</a><a href="/serverless.html">Serverless</a><a href="/cloud-native.html">云原生</a><a href="/lowcode.html">低代码开发</a><a href="/edge-computing.html">边缘计算</a><a href="/bigmodel-api.html">大模型 API</a></div></li><li class="has-sub wide"><a href="/web-custom.html" class="">网站建设<span class="caret"></span></a><div class="sub-menu"><a href="/web-custom.html">网站定制开发</a><a href="/ui-solution.html">UI 建站方案</a><a href="/enterprise-website.html">企业官网建设</a><a href="/ecommerce-site.html">电商网站开发</a><a href="/responsive-design.html">响应式设计</a><a href="/website-seo.html">网站 SEO 优化</a><a href="/website-speed.html">网站提速</a><a href="/website-security.html">网站安全</a><a href="/multi-lang-site.html">多语言网站</a><a href="/website-cost.html">建站费用</a><a href="/government-website.html">政务网站</a><a href="/brand-website.html">品牌官网</a><a href="/education-website.html">教育网站</a><a href="/medical-website.html">医疗网站</a></div></li><li class="has-sub"><a href="/fullstack.html" class="">全栈开发<span class="caret"></span></a><div class="sub-menu"><a href="/fullstack.html">全栈开发总览</a><a href="/nodejs-dev.html">Node.js 后端</a><a href="/database-design.html">数据库设计</a><a href="/restful-api.html">RESTful API</a><a href="/graphql-api.html">GraphQL</a><a href="/docker-deploy.html">Docker 部署</a><a href="/auth-security.html">鉴权与安全</a><a href="/message-queue.html">消息队列</a><a href="/caching-strategy.html">缓存策略</a></div></li><li class="has-sub"><a href="/auto-deploy.html" class="">自动化部署<span class="caret"></span></a><div class="sub-menu"><a href="/auto-deploy.html">自动化部署总览</a><a href="/ci-cd-pipeline.html">CI/CD 流水线</a><a href="/github-actions.html">GitHub Actions</a><a href="/nginx-config.html">Nginx 配置</a><a href="/https-ssl.html">HTTPS 证书</a><a href="/server-deploy.html">服务器部署</a><a href="/blue-green-release.html">蓝绿发布</a><a href="/monitoring-logs.html">监控告警</a><a href="/data-backup.html">数据备份</a></div></li><li class="has-sub"><a href="/qa-zone.html" class="">开发问答<span class="caret"></span></a><div class="sub-menu"><a href="/qa-zone.html">开发问答总览</a><a href="/interview-prep.html">面试准备</a><a href="/code-review.html">代码评审</a><a href="/git-workflow.html">Git 协作</a><a href="/debugging-skills.html">调试技巧</a><a href="/unit-testing.html">单元测试</a><a href="/code-refactor.html">代码重构</a><a href="/opensource-guide.html">开源参与</a><a href="/career-planning.html">职业规划</a></div></li><li><a href="/project-cases.html" class="">项目案例</a></li><li><a href="/news.html" class="active">资讯中心</a></li><li><a href="/about.html" class="">关于我们</a></li> </ul> <div class="hamburger"><span></span><span></span><span></span></div> </nav> </header> <footer class="footer"> <div class="container"> <div class="footer-content"> <div class="footer-section footer-about"> <h3>关于编程新知</h3> <p>深耕互联网编程前沿领域,专注精选全网优质编程干货、行业前瞻技术、开发实战问答,覆盖 CoreUI 组件、UI 框架、全栈开发与网站建设等细分方向,打造精细化编程问答与知识共享平台。</p> <div class="footer-contact"> <span>contact@coreui.cn</span> <span>微信 CoreUI_CN</span> </div> </div> <div class="footer-section"> <h3>技术教程</h3> <div class="footer-links"> <a href="/coreui-components.html">CoreUI 组件教学</a> <a href="/ui-framework.html">前端 UI 框架开发</a> <a href="/tech-frontier.html">编程前沿技术</a> <a href="/fullstack.html">全栈编程知识</a> <a href="/auto-deploy.html">自动化部署教程</a> </div> </div> <div class="footer-section"> <h3>建站服务</h3> <div class="footer-links"> <a href="/web-custom.html">网站界面定制</a> <a href="/ui-solution.html">UI 建站方案</a> <a href="/project-cases.html">项目案例</a> <a href="/website-seo.html">网站 SEO 优化</a> <a href="/website-cost.html">建站费用指南</a> </div> </div> <div class="footer-section"> <h3>支持与联系</h3> <div class="footer-links"> <a href="/qa-zone.html">开发问答专区</a> <a href="/community.html">技术社区</a> <a href="/news.html">资讯中心</a> <a href="/about.html">关于我们</a> </div> <p class="footer-note">一站式技术学习与建站服务,欢迎交流合作。</p> </div> </div> <div class="footer-bottom"> <p class="footer-icp">© 2026 编程新知 CoreUI.cn 版权所有 | 专注编程技术分享与知识传播</p> </div> </div> </footer> <script src="/js/main.js"></script></body></html>