html中label标签的详细介绍，急到跺脚，求解答！
勇者白云Z
问答领域知识达人
2025-07-20 05:16:32
【html中label标签的详细介绍】在HTML中，`` 标签是一个非常基础但功能强大的元素，主要用于为表单控件提供可点击的文本标签。它不仅提升了网页的可访问性，还增强了用户体验。本文将对 `` 标签进行全面介绍，包括其基本用法、属性、应用场景以及与其他表单元素的结合方式。
一、`` 标签的基本作用
`` 标签的主要作用是为表单中的输入字段（如 ``、``、`<select>` 等）提供一个可点击的文本说明。当用户点击该标签时，浏览器会自动将焦点转移到对应的表单控件上，这在提高用户体验方面非常有用。</p><p>例如：</p><p>```html</p><p><label for="username">用户名：</label></p><p><input type="text" id="username" name="username"></p><p>```</p><p>在这个例子中，点击“用户名：”文字时，输入框会自动获得焦点，无需手动点击输入框本身。</p><p>二、`<label>` 的关键属性</p><p>1. `for` 属性</p><p>`for` 属性用于关联 `<label>` 和对应的表单控件。它的值必须与目标控件的 `id` 属性相同。</p><p>```html</p><p><label for="email">邮箱地址：</label></p><p><input type="email" id="email" name="email"></p><p>```</p><p>如果 `for` 属性没有正确设置，点击标签将不会触发任何动作。</p><p>2. `form` 属性（HTML5 新增）</p><p>`form` 属性允许 `<label>` 与页面中任意位置的表单元素相关联，而不仅仅局限于同一父容器内。</p><p>```html</p><p><form id="myForm"></p><p><input type="text" id="name" name="name"></p><p></form></p><p><label for="name" form="myForm">姓名：</label></p><p>```</p><p>这个属性在复杂的表单结构中非常实用。</p><p>三、`<label>` 的嵌套使用</p><p>除了通过 `for` 属性关联外，还可以直接将表单控件嵌套在 `<label>` 标签内部，这样也能实现点击标签触发控件的效果。</p><p>```html</p><p><label></p><p>姓名：</p><p><input type="text" name="name"></p><p></label></p><p>```</p><p>这种方式在布局较复杂时更为简洁，且不需要额外的 `id` 或 `for` 属性。</p><p>四、`<label>` 的样式和布局</p><p>由于 `<label>` 是一个块级元素，默认情况下会在页面中独占一行。不过，可以通过CSS进行自定义样式，使其更灵活地适应不同的布局需求。</p><p>```css</p><p>label {</p><p>display: inline-block;</p><p>width: 100px;</p><p>font-weight: bold;</p><p>}</p><p>```</p><p>此外，`<label>` 还可以与其他HTML元素（如 `<span>`、`<div>`）结合使用，以构建更复杂的标签结构。</p><p>五、`<label>` 在可访问性方面的优势</p><p>使用 `<label>` 标签能够显著提升网页的可访问性，尤其对于使用屏幕阅读器的用户来说，它们能更好地理解表单字段的作用。</p><p>此外，`<label>` 还有助于搜索引擎优化（SEO），因为它能更清晰地描述表单内容，帮助搜索引擎识别页面结构。</p><p>六、常见错误与注意事项</p><p>- 不要遗漏 `for` 属性或 `id` 属性：否则无法实现点击联动。</p><p>- 避免重复的 `id`：每个表单控件的 `id` 必须唯一。</p><p>- 注意嵌套结构：虽然 `<label>` 可以嵌套表单元素，但应确保结构清晰，避免影响可读性和维护性。</p><p>七、总结</p><p>`<label>` 标签是HTML表单设计中不可或缺的一部分，它不仅提升了用户体验，还在可访问性和语义化方面具有重要意义。无论是简单的登录表单还是复杂的多步骤表单，合理使用 `<label>` 都能让页面更加友好、易用和规范。</p><p>掌握 `<label>` 的使用方法，是前端开发人员提升页面质量的重要一步。希望本文能帮助你更深入地理解和应用这一标签。</p> </div> </div> </div> <div class="article_footer clearfix"> <div class="fr tag"> 标签： <a href="https://www.xout.cn/tag/htmlzhonglabelbiaoqiandexiangxijieshao/" target="_blank">html中label标签的详细介绍</a> </div> </div> <p class="banquan"> <span class="strong" >免责声明：本答案或内容为用户上传，不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 如遇侵权请及时联系本站删除。</span></p> </div> </div> </div> <script> if (isMobile()){ document.write('<div style="text-align:center;margin-top:10px;"><script>wap_show_tag_under9();<\/script><\/div>'); }else{ document.write('<div style="text-align:center;"><script>pc_show_tag_under();<\/script><\/div>'); } </script> <div style="margin-top:40px;"> </div> <script type="text/javascript" src="https://www.xout.cn/statics/sg/js/popup.js"></script> <div class="fl" style="width:100%; margin-top: 15px;position: relative;"> <span style="float:left; line-hight:30px; padding-top:10px; font-weight: bold;">分享：</span> <span> <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a><a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a><a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧"></a><a href="#" class="bds_copy" data-cmd="copy" title="分享到复制网址"></a></div> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"24"},"share":{},"image":{"viewList":["weixin","tsina","qzone","sqq","douban","tieba","copy"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["weixin","tsina","qzone","sqq","douban","tieba","copy"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> </span> </div> <div class="nr_div_col2 mt10"> <div class="nr_div_title"><span>相关阅读</span></div> <div> <ul> <li><a href="https://www.xout.cn/jxfw/202507/285566.html" title="爱莲说ppt优秀课件(完整版)" target="_blank">爱莲说ppt优秀课件(完整版)</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285555.html" title="如何判断基因序列模板链" target="_blank">如何判断基因序列模板链</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285554.html" title="2017脱贫攻坚干部培训会总结" target="_blank">2017脱贫攻坚干部培训会总结</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285548.html" title="有理数的乘法法则教案" target="_blank">有理数的乘法法则教案</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285537.html" title="入秋了说说(精选225句)" target="_blank">入秋了说说(精选225句)</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285536.html" title="《骆驼祥子》读后感（作文550字及初二写人作文）" target="_blank">《骆驼祥子》读后感（作文550字及初二写人作文）</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285535.html" title="神界危机" target="_blank">神界危机</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285532.html" title="2017社区节前安全生产检查简报" target="_blank">2017社区节前安全生产检查简报</a></li> </ul> </div> </div> <script> if (isMobile()){ document.write('<div class="nr_div_title"><span>搜索推荐</span></div><div style="text-align:center;margin-top:10px;"><script>wap_show_sosuo();<\/script><\/div>'); }else{ } </script> <div class="nr_div_col2 mt10"> <div class="nr_div_title"><span> </span></div> <div> <ul> <li><a href="https://www.xout.cn/jxfw/202507/285531.html" title="项目台账格式-20210808123735x" target="_blank">项目台账格式-20210808123735x</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285524.html" title="北师大版8年级上5单元作文:我的校园生活（作文600字及初二上册第五）" target="_blank">北师大版8年级上5单元作文:我的校园生活（作文600字及初二上册第五）</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285519.html" title="2017人教版八年级上册语文练习册答案" target="_blank">2017人教版八年级上册语文练习册答案</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285515.html" title="地下水导则" target="_blank">地下水导则</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285513.html" title="星际穿越观后感800字" target="_blank">星际穿越观后感800字</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285509.html" title="蝉课件PPT" target="_blank">蝉课件PPT</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285507.html" title="茹志鹃《百合花》作品鉴赏（作品赏析(苏...）" target="_blank">茹志鹃《百合花》作品鉴赏（作品赏析(苏...）</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285499.html" title="离子交换层析" target="_blank">离子交换层析</a></li> </ul> </div> </div> <script> if (isMobile()){ document.write('<div style="text-align:center;margin-top:10px;"><script>wap_show_artlist1();<\/script><\/div>'); }else{ document.write('<div style="text-align:center;margin: 10px 0px;"><script>pc_show_like_under();<\/script><\/div>'); } </script> <div class="nr_div mt10"> <div class="nr_div_title"><span>最新文章</span></div> <ul class="nr_div_list"> <li class="nr_div_list_item"> <div class="title"><a href="https://www.xout.cn/jxfw/202507/285566.html" title="爱莲说ppt优秀课件(完整版)" target="_blank">爱莲说ppt优秀课件(完整版)</a></div> <div class="description">【爱莲说ppt优秀课件(完整版)】在语文教学中，“爱莲说”是一篇极具代表性的文言文作品，作者周敦颐通过描绘莲...<a href="https://www.xout.cn/jxfw/202507/285566.html" title="爱莲说ppt优秀课件(完整版)" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="http://ketang.xout.cn/yxwd/202507/285564.html" title="8月6号是什么星座" target="_blank">8月6号是什么星座</a></div> <div class="description">【8月6号是什么星座】8月6日出生的人，通常属于狮子座（7月23日-8月22日）。不过，为了更准确地判断一个人的星...<a href="http://ketang.xout.cn/yxwd/202507/285564.html" title="8月6号是什么星座" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="http://yizhan.xout.cn/zxwd/202507/285559.html" title="跑步鞋怎么选" target="_blank">跑步鞋怎么选</a></div> <div class="description">【跑步鞋怎么选】在选择跑步鞋时，很多人可能会感到困惑，因为市面上的跑鞋种类繁多，功能各异。其实，只要掌...<a href="http://yizhan.xout.cn/zxwd/202507/285559.html" title="跑步鞋怎么选" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://www.xout.cn/shcs/202507/285558.html" title="跑步文案短句干净治愈" target="_blank">跑步文案短句干净治愈</a></div> <div class="description">【跑步文案短句干净治愈】在快节奏的生活中，跑步不仅是一种运动方式，更是一种心灵的疗愈。简洁有力、温暖治...<a href="https://www.xout.cn/shcs/202507/285558.html" title="跑步文案短句干净治愈" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://www.xout.cn/shbk/202507/285557.html" title="跑步为什么不建议全掌气垫" target="_blank">跑步为什么不建议全掌气垫</a></div> <div class="description">【跑步为什么不建议全掌气垫】在运动鞋的选择中，全掌气垫鞋因其缓震效果好、舒适度高而受到许多跑者的青睐。...<a href="https://www.xout.cn/shbk/202507/285557.html" title="跑步为什么不建议全掌气垫" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://www.xout.cn/shjy/202507/285556.html" title="跑步送髋的正确方法" target="_blank">跑步送髋的正确方法</a></div> <div class="description">【跑步送髋的正确方法】在跑步过程中，正确的“送髋”动作是提升跑步效率、减少受伤风险的重要技巧。很多跑者...<a href="https://www.xout.cn/shjy/202507/285556.html" title="跑步送髋的正确方法" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://www.xout.cn/jxfw/202507/285555.html" title="如何判断基因序列模板链" target="_blank">如何判断基因序列模板链</a></div> <div class="description">【如何判断基因序列模板链】在分子生物学的研究中，基因序列的分析是基础且关键的一环。而在实际操作过程中，...<a href="https://www.xout.cn/jxfw/202507/285555.html" title="如何判断基因序列模板链" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://www.xout.cn/jxfw/202507/285554.html" title="2017脱贫攻坚干部培训会总结" target="_blank">2017脱贫攻坚干部培训会总结</a></div> <div class="description">【2017脱贫攻坚干部培训会总结】为深入贯彻落实党中央关于打赢脱贫攻坚战的决策部署，进一步提升基层干部在脱...<a href="https://www.xout.cn/jxfw/202507/285554.html" title="2017脱贫攻坚干部培训会总结" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://www.xout.cn/jxwd/202507/285553.html" title="品质有哪些" target="_blank">品质有哪些</a></div> <div class="description">【品质有哪些】在日常生活中，我们经常听到“品质”这个词，但很多人并不清楚它具体包含哪些内容。其实，“品...<a href="https://www.xout.cn/jxwd/202507/285553.html" title="品质有哪些" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://www.xout.cn/jxzs/202507/285552.html" title="六月十七的星座" target="_blank">六月十七的星座</a></div> <div class="description">【六月十七的星座】在十二星座中，6月17日出生的人属于双子座（5月21日—6月20日）和巨蟹座（6月21日—7月22日...<a href="https://www.xout.cn/jxzs/202507/285552.html" title="六月十七的星座" target="_blank" class="llqw">浏览全文>></a></div> </li> </ul> </div> <script type="text/javascript"> setTimeout(document.write("<script type='text/javascript' src='https://www.xout.cn/statics/sg/js/cp.js'><\/script>"),2000); </script> </div> <!--右侧侧部分开始--> <div class="article_r"> <script> if (!isMobile()){ document.write('<div style="text-align:left;margin-top:5px;"><script>pc_show_right300x4_1();pc_show_right_font();<\/script><\/div>'); } </script> <div class="mt10 fl"> <div class="look_bt">大家爱看</div> <ul class="look_list"> <li><a href="http://ketang.xout.cn/yxwd/202507/285564.html" title="8月6号是什么星座" target="_blank">8月6号是什么星座</a></li> <li><a href="http://yizhan.xout.cn/zxwd/202507/285559.html" title="跑步鞋怎么选" target="_blank">跑步鞋怎么选</a></li> <li><a href="https://www.xout.cn/shbk/202507/285557.html" title="跑步为什么不建议全掌气垫" target="_blank">跑步为什么不建议全掌气垫</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285555.html" title="如何判断基因序列模板链" target="_blank">如何判断基因序列模板链</a></li> <li><a href="https://www.xout.cn/jxwd/202507/285553.html" title="品质有哪些" target="_blank">品质有哪些</a></li> <li><a href="https://www.xout.cn/jxzs/202507/285552.html" title="六月十七的星座" target="_blank">六月十七的星座</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285548.html" title="有理数的乘法法则教案" target="_blank">有理数的乘法法则教案</a></li> <li><a href="https://www.xout.cn/shcs/202507/285543.html" title="叶开风里色的出处是哪里" target="_blank">叶开风里色的出处是哪里</a></li> <li><a href="https://www.xout.cn/shbk/202507/285542.html" title="昆明学院有哪些专业" target="_blank">昆明学院有哪些专业</a></li> <li><a href="http://ketang.xout.cn/yxwd/202507/285528.html" title="二手途胜跟狮跑怎么选" target="_blank">二手途胜跟狮跑怎么选</a></li> </ul> </div> <div class="block2"></div> <script> if (!isMobile()){ document.write('<div style="text-align:left;margin-top:5px;"><script>pc_show_right_banner();<\/script><\/div>'); } </script> <div class="mt10 fl"> <div class="look_bt">频道推荐</div> <ul class="look_list"> <li><a href="https://www.xout.cn/shcs/202507/285558.html" title="跑步文案短句干净治愈" target="_blank">跑步文案短句干净治愈</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285554.html" title="2017脱贫攻坚干部培训会总结" target="_blank">2017脱贫攻坚干部培训会总结</a></li> <li><a href="http://yizhan.xout.cn/zxwd/202507/285550.html" title="怎么查找共享的打印机共享打印机找不到怎么办" target="_blank">怎么查找共享的打印机共享打印机找不到怎么办</a></li> <li><a href="https://www.xout.cn/wyw/202507/285541.html" title="跑步科学的呼吸方法" target="_blank">跑步科学的呼吸方法</a></li> <li><a href="https://www.xout.cn/jxwd/202507/285538.html" title="怎么查幼儿园报名审核通过" target="_blank">怎么查幼儿园报名审核通过</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285535.html" title="神界危机" target="_blank">神界危机</a></li> <li><a href="https://www.xout.cn/jxwd/202507/285533.html" title="苏梅岛是哪里" target="_blank">苏梅岛是哪里</a></li> <li><a href="http://bbs.xout.cn/bzwd/202507/285512.html" title="常用纸箱规格尺寸有哪些?" target="_blank">常用纸箱规格尺寸有哪些?</a></li> <li><a href="https://www.xout.cn/shjy/202507/285501.html" title="怎么查询护士执业证注册时间" target="_blank">怎么查询护士执业证注册时间</a></li> <li><a href="http://ketang.xout.cn/yxwd/202507/285490.html" title="南通汽车租赁价格明细表" target="_blank">南通汽车租赁价格明细表</a></li> </ul> </div> <div class="block2"></div> <script> if (!isMobile()){ document.write('<div style="text-align:left;margin-top:5px;"><script>pc_show_right300x4_2();<\/script><\/div>'); } </script> <div class="mt10 fl"> <div class="look_bt">站长推荐</div> <ul class="look_list"> <li><a href="https://www.xout.cn/shcs/202507/285549.html" title="怎么查找附近的电脑维修服务点" target="_blank">怎么查找附近的电脑维修服务点</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285531.html" title="项目台账格式-20210808123735x" target="_blank">项目台账格式-20210808123735x</a></li> <li><a href="https://www.xout.cn/jxwd/202507/285522.html" title="much和more的区别" target="_blank">much和more的区别</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285519.html" title="2017人教版八年级上册语文练习册答案" target="_blank">2017人教版八年级上册语文练习册答案</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285513.html" title="星际穿越观后感800字" target="_blank">星际穿越观后感800字</a></li> <li><a href="http://yizhan.xout.cn/zxwd/202507/285510.html" title="常用止吐药有哪些" target="_blank">常用止吐药有哪些</a></li> <li><a href="https://www.xout.cn/wyw/202507/285496.html" title="怎么查询航班动态" target="_blank">怎么查询航班动态</a></li> <li><a href="https://www.xout.cn/jxwd/202507/285495.html" title="怎么查询行业代码（怎么查询企业所属行业）" target="_blank">怎么查询行业代码（怎么查询企业所属行业）</a></li> <li><a href="https://www.xout.cn/wyw/202507/285487.html" title="white英语怎么说" target="_blank">white英语怎么说</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285479.html" title="从容不迫的意思及成语故事（成语典故素材）" target="_blank">从容不迫的意思及成语故事（成语典故素材）</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285467.html" title="2017年心肺复苏培训课件" target="_blank">2017年心肺复苏培训课件</a></li> <li><a href="https://www.xout.cn/wyw/202507/285465.html" title="imei查询网站怎么查" target="_blank">imei查询网站怎么查</a></li> <li><a href="http://bbs.xout.cn/bzwd/202507/285443.html" title="慈母手中线,游子身上衣全诗意思" target="_blank">慈母手中线,游子身上衣全诗意思</a></li> <li><a href="http://ketang.xout.cn/yxwd/202507/285442.html" title="本田qq汽车连接超时" target="_blank">本田qq汽车连接超时</a></li> <li><a href="https://www.xout.cn/jxwd/202507/285434.html" title="toshiba是什么笔记本" target="_blank">toshiba是什么笔记本</a></li> <li><a href="http://mip.xout.cn/shwh/202507/285428.html" title="甜蜜动听是什么生肖数字，精选解释落实" target="_blank">甜蜜动听是什么生肖数字，精选解释落实</a></li> <li><a href="http://bbs.xout.cn/bzwd/202507/285427.html" title="旁通阀的作用" target="_blank">旁通阀的作用</a></li> <li><a href="https://www.xout.cn/jxfw/202507/285421.html" title="《小鹿斑比》（作文450字及小学五年级读后感）" target="_blank">《小鹿斑比》（作文450字及小学五年级读后感）</a></li> <li><a href="https://www.xout.cn/jxwd/202507/285416.html" title="逄年过生日双喜临门是什么意思" target="_blank">逄年过生日双喜临门是什么意思</a></li> <li><a href="https://www.xout.cn/shjy/202507/285408.html" title="南有乔木的出处是哪里" target="_blank">南有乔木的出处是哪里</a></li> </ul> </div> <div class="block2"></div> </div> <!--右侧部分结束--> </div> </div> <div class="clearfix"></div> <script> if (isMobile()){ document.write('<script>wap_show_button_under();<\/script>'); } </script> <div class="footer"><div class="main"> <div class="copylink"> <p class="link"> <a href="https://www.xout.cn/about.html" target="_blank">关于我们</a><span>|</span> <a href="https://www.xout.cn/lxfs.html" target="_blank">联系方式</a><span>|</span> <a href="https://www.xout.cn/bqsm.html" target="_blank">版权声明</a><span>|</span> <a href="https://www.xout.cn/mzsm.html" target="_blank">免责声明</a><span>|</span> </p> </div> <div id="copy" class="graylink"> Copyright © 2007-2025 www.xout.cn All Right Reserved. 版权所有 极限百科网 工信部网站备案编号：<a href="http://beian.miit.gov.cn" target="_blank">闽ICP备2023020390号-68</a> </div> <script> (function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?fb3957349dafce3c07ca20da9afc74c6c9c7fcb5b0f7cc19838651853541c70e19d1c501ebd3301f5e2290626f5b53d078c8250527fa0dfd9783a026ff3cf719"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window) </script> </div> </div> </body> </html>
