HTML菜鸟入门
对于刚接触网页开发的新手来说，HTML（超文本标记语言）是学习的第一步。它是一种用于创建网页结构的标记语言，虽然看似简单，但却是构建现代网页的基础。本文将对HTML的基本概念进行总结，并以表格形式展示关键知识点，帮助初学者快速入门。
一、HTML简介
HTML并不是一种编程语言，而是一种标记语言，主要用于定义网页的内容结构。通过使用各种标签（tag），可以为文本、图片、链接等元素添加语义和格式。HTML通常与CSS（样式表）和JavaScript（脚本语言）结合使用，共同构建完整的网页。
二、HTML基本结构
一个简单的HTML页面包含以下几个主要部分：
元素 说明
`` 声明文档类型，告诉浏览器这是一个HTML5文档
`` 根元素，所有内容都包含在这个标签内
`` 包含元信息，如标题、字符集、样式表等
`` </td><td> 定义网页标题，显示在浏览器标签上 </td><td>
</td><td> `<body>` </td><td> 包含网页的可见内容，如文字、图片、链接等 </td><td>
三、常用HTML标签
以下是一些常见的HTML标签及其用途：
</td><td> 标签 </td><td> 说明 </td><td>
</td><td></td><td></td><td>
</td><td> `<h1>~<h6>` </td><td> 标题标签，`h1`最大，`h6`最小 </td><td>
</td><td> `<p>【<b>html菜鸟入门</b>】` </td><td> 段落标签，用于包裹一段文本 </td><td>
</td><td> `<a href="url">` </td><td> 超链接标签，用于创建点击跳转的链接 </td><td>
</td><td> `<img src="url" alt="描述">` </td><td> 图片标签，`src`指定图片路径，`alt`为替代文本 </td><td>
</td><td> `<ul><li>` </td><td> 无序列表，`ul`表示列表，`li`表示列表项 </td><td>
</td><td> `<ol><li>` </td><td> 有序列表，`ol`表示编号列表 </td><td>
</td><td> `<div>` </td><td> 块级容器，常用于布局 </td><td>
</td><td> `<span>` </td><td> 内联容器，用于对文本进行样式控制 </td><td>
四、HTML属性
HTML标签可以通过属性来增强功能或提供更多信息。常见的属性包括：
</td><td> 属性 </td><td> 说明 </td><td>
</td><td></td><td></td><td>
</td><td> `href` </td><td> 用于链接（如`<a>`标签） </td><td>
</td><td> `src` </td><td> 用于引用外部资源（如图片、脚本） </td><td>
</td><td> `alt` </td><td> 为图片提供替代文本 </td><td>
</td><td> `class` </td><td> 为元素定义类名，用于CSS样式 </td><td>
</td><td> `id` </td><td> 为元素定义唯一标识符，用于CSS或JavaScript操作 </td><td>
五、HTML注意事项
- HTML标签区分大小写，但通常使用小写。
- 所有标签必须正确闭合，否则可能导致页面显示异常。
- 使用注释时，应使用`<!-- 注释内容 -->`。
- 确保使用正确的字符编码（如UTF-8）。
六、总结
HTML是构建网页的基础，掌握其基本语法和常用标签是入门的关键。通过不断实践和查阅资料，新手可以逐步提升自己的网页开发能力。建议从简单的页面开始，逐步尝试更复杂的结构和功能。
</td><td> 学习要点 </td><td> 建议 </td><td>
</td><td>-</td><td></td><td>
</td><td> 学习基础标签 </td><td> 从`<h1>`、`<p>`、`<a>`等开始 </td><td>
</td><td> 实践编写页面 </td><td> 多动手，边学边做 </td><td>
</td><td> 查阅文档 </td><td> 参考MDN Web Docs等权威资源 </td><td>
</td><td> 使用开发者工具 </td><td> 浏览器的开发者工具可以帮助调试代码 </td><td>
通过以上内容的学习和实践，HTML菜鸟也能逐步成长为一名合格的网页开发者。<style>table,tr{width: 100%;text-align: center;color: #333;font-size: 16px;line-height: 1.8em;margin-bottom: 32px;border: 1px solid #333;empty-cells:show;}table tr th {border: 1px solid #333;text-align: center;font-weight: 600;background: #eee;}table tr td {border: 1px solid #333;text-align: center}</style> </div>
</div>
</div>
<div class="article_footer clearfix">
<div class="fr tag"> 标签：
<a href="https://www.tielingcn.com/tag/htmlcainiaorumen/" target="_blank">html菜鸟入门</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.tielingcn.com/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.tielingcn.com/jyawd/202509/449895.html" title="html菜鸟入门" target="_blank">html菜鸟入门</a></li>
<li><a href="https://www.tielingcn.com/jyawd/202509/449886.html" title="fastreport如何添加一列" target="_blank">fastreport如何添加一列</a></li>
<li><a href="https://www.tielingcn.com/jyawd/202509/449877.html" title="你是我内心的一首歌歌词" target="_blank">你是我内心的一首歌歌词</a></li>
<li><a href="https://www.tielingcn.com/jyawd/202509/449869.html" title="lsp的意思是什么" target="_blank">lsp的意思是什么</a></li>
<li><a href="https://www.tielingcn.com/jyawd/202509/449861.html" title="济南哪里有卖卡通暖手宝的急" target="_blank">济南哪里有卖卡通暖手宝的急</a></li>
<li><a href="https://www.tielingcn.com/jyawd/202509/449852.html" title="微粒贷是正规的吗" target="_blank">微粒贷是正规的吗</a></li>
<li><a href="https://www.tielingcn.com/jyawd/202509/449840.html" title="起床的起组词" target="_blank">起床的起组词</a></li>
<li><a href="https://www.tielingcn.com/jyawd/202509/449835.html" title="qq至尊宝有什么用" target="_blank">qq至尊宝有什么用</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.tielingcn.com/jyawd/202509/449823.html" title="深圳代驾哪个平台单子多" target="_blank">深圳代驾哪个平台单子多</a></li>
<li><a href="https://www.tielingcn.com/jyawd/202509/449818.html" title="hp客户服务电话" target="_blank">hp客户服务电话</a></li>
<li><a href="https://www.tielingcn.com/jyawd/202509/449809.html" title="fallen" target="_blank">fallen</a></li>
<li><a href="https://www.tielingcn.com/jyawd/202509/449799.html" title="你若在我心中" target="_blank">你若在我心中</a></li>
<li><a href="https://www.tielingcn.com/jyawd/202509/449789.html" title="lot是什么意思" target="_blank">lot是什么意思</a></li>
<li><a href="https://www.tielingcn.com/jyawd/202509/449781.html" title="济南大学宿舍条件怎么样" target="_blank">济南大学宿舍条件怎么样</a></li>
<li><a href="https://www.tielingcn.com/jyawd/202509/449773.html" title="微博怎么批量取消关注" target="_blank">微博怎么批量取消关注</a></li>
<li><a href="https://www.tielingcn.com/jyawd/202509/449762.html" title="qq怎么弄自动回复" target="_blank">qq怎么弄自动回复</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.tielingcn.com/csiwd/202509/449891.html" title="html版权符号代码" target="_blank">html版权符号代码</a></div>
<div class="description">【html版权符号代码】在网页开发中，使用版权符号（©）是展示作品归属和版权信息的常见方式。HTML 中可以通...<a href="https://www.tielingcn.com/csiwd/202509/449891.html" title="html版权符号代码" target="_blank" class="llqw">浏览全文>></a></div>
</li>
<li class="nr_div_list_item">
<div class="title"><a href="https://baike.tielingcn.com/bzawd/202509/449890.html" title="FAS是什么意思" target="_blank">FAS是什么意思</a></div>
<div class="description">【FAS是什么意思】在国际贸易、会计和物流等领域，经常会看到“FAS”这个缩写。它代表的是“Free Alongside ...<a href="https://baike.tielingcn.com/bzawd/202509/449890.html" title="FAS是什么意思" target="_blank" class="llqw">浏览全文>></a></div>
</li>
<li class="nr_div_list_item">
<div class="title"><a href="http://m.tielingcn.com/yaxwd/202509/449889.html" title="FAST是什么东西" target="_blank">FAST是什么东西</a></div>
<div class="description">【FAST是什么东西】FAST（Five-hundred-meter Aperture Spherical Telescope），即“五百米口径球面射电望...<a href="http://m.tielingcn.com/yaxwd/202509/449889.html" title="FAST是什么东西" target="_blank" class="llqw">浏览全文>></a></div>
</li>
<li class="nr_div_list_item">
<div class="title"><a href="http://m.tielingcn.com/zxuwd/202509/449888.html" title="fast路由器怎样重新设置wifi密码" target="_blank">fast路由器怎样重新设置wifi密码</a></div>
<div class="description">【fast路由器怎样重新设置wifi密码】在使用FAST路由器的过程中，用户可能因为忘记WiFi密码、更换网络环境或安...<a href="http://m.tielingcn.com/zxuwd/202509/449888.html" title="fast路由器怎样重新设置wifi密码" target="_blank" class="llqw">浏览全文>></a></div>
</li>
<li class="nr_div_list_item">
<div class="title"><a href="http://bbs.tielingcn.com/yxuwd/202509/449887.html" title="fast路由器登录入口" target="_blank">fast路由器登录入口</a></div>
<div class="description">【fast路由器登录入口】在使用FAST品牌路由器时，用户通常需要通过登录路由器管理界面来设置网络参数、修改密...<a href="http://bbs.tielingcn.com/yxuwd/202509/449887.html" title="fast路由器登录入口" target="_blank" class="llqw">浏览全文>></a></div>
</li>
<li class="nr_div_list_item">
<div class="title"><a href="https://www.tielingcn.com/jyawd/202509/449886.html" title="fastreport如何添加一列" target="_blank">fastreport如何添加一列</a></div>
<div class="description">【fastreport如何添加一列】在使用 FastReport 进行报表设计时，用户常常需要对数据表结构进行调整，例如添...<a href="https://www.tielingcn.com/jyawd/202509/449886.html" title="fastreport如何添加一列" target="_blank" class="llqw">浏览全文>></a></div>
</li>
<li class="nr_div_list_item">
<div class="title"><a href="https://www.tielingcn.com/ricwd/202509/449885.html" title="fastreport二维码" target="_blank">fastreport二维码</a></div>
<div class="description">【fastreport二维码】在现代数据可视化和报表生成工具中，FastReport 是一个备受开发者和企业用户青睐的解决...<a href="https://www.tielingcn.com/ricwd/202509/449885.html" title="fastreport二维码" target="_blank" class="llqw">浏览全文>></a></div>
</li>
<li class="nr_div_list_item">
<div class="title"><a href="https://www.tielingcn.com/jxuwd/202509/449884.html" title="fastreader破解压缩密码" target="_blank">fastreader破解压缩密码</a></div>
<div class="description">【fastreader破解压缩密码】在日常使用电脑的过程中，我们经常会遇到需要解压压缩文件的情况。然而，当压缩包...<a href="https://www.tielingcn.com/jxuwd/202509/449884.html" title="fastreader破解压缩密码" target="_blank" class="llqw">浏览全文>></a></div>
</li>
<li class="nr_div_list_item">
<div class="title"><a href="https://www.tielingcn.com/zsiwd/202509/449883.html" title="fastjson漏洞" target="_blank">fastjson漏洞</a></div>
<div class="description">【fastjson漏洞】fastjson 是阿里巴巴开源的一个 Java 库，广泛用于 JSON 数据的序列化与反序列化。然而...<a href="https://www.tielingcn.com/zsiwd/202509/449883.html" title="fastjson漏洞" target="_blank" class="llqw">浏览全文>></a></div>
</li>
<li class="nr_div_list_item">
<div class="title"><a href="https://www.tielingcn.com/csiwd/202509/449882.html" title="fastjson反序列化内存溢出" target="_blank">fastjson反序列化内存溢出</a></div>
<div class="description">【fastjson反序列化内存溢出】在使用 fastjson 进行 JSON 数据反序列化过程中，开发者可能会遇到“内存溢...<a href="https://www.tielingcn.com/csiwd/202509/449882.html" title="fastjson反序列化内存溢出" target="_blank" class="llqw">浏览全文>></a></div>
</li>
</ul>
</div>
<script type="text/javascript">
setTimeout(document.write("<script type='text/javascript' src='https://www.tielingcn.com/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="https://www.tielingcn.com/jyawd/202509/449886.html" title="fastreport如何添加一列" target="_blank">fastreport如何添加一列</a></li>
<li><a href="http://bbs.tielingcn.com/yxuwd/202509/449878.html" title="你是我什么我是你什么造句" target="_blank">你是我什么我是你什么造句</a></li>
<li><a href="http://m.tielingcn.com/yaxwd/202509/449872.html" title="LSP什么意思" target="_blank">LSP什么意思</a></li>
<li><a href="https://news.tielingcn.com/xsiwd/202509/449865.html" title="济南纳川戒网瘾学校关于济南纳川戒网瘾学校简介" target="_blank">济南纳川戒网瘾学校关于济南纳川戒网瘾学校简介</a></li>
<li><a href="http://m.tielingcn.com/zxuwd/202509/449863.html" title="济南哪里有温泉度假村" target="_blank">济南哪里有温泉度假村</a></li>
<li><a href="http://bbs.tielingcn.com/yxuwd/202509/449862.html" title="济南哪里有苹果维修点授权的" target="_blank">济南哪里有苹果维修点授权的</a></li>
<li><a href="https://www.tielingcn.com/csiwd/202509/449856.html" title="济南哪里有好利来蛋糕店" target="_blank">济南哪里有好利来蛋糕店</a></li>
<li><a href="https://www.tielingcn.com/jxuwd/202509/449850.html" title="微粒贷如何申请" target="_blank">微粒贷如何申请</a></li>
<li><a href="https://baike.tielingcn.com/bzawd/202509/449847.html" title="起床了英文怎么说" target="_blank">起床了英文怎么说</a></li>
<li><a href="https://www.tielingcn.com/jxuwd/202509/449830.html" title="qq直播能看到观众吗" target="_blank">qq直播能看到观众吗</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.tielingcn.com/zsiwd/202509/449892.html" title="html标记代码大全" target="_blank">html标记代码大全</a></li>
<li><a href="http://m.tielingcn.com/zxuwd/202509/449888.html" title="fast路由器怎样重新设置wifi密码" target="_blank">fast路由器怎样重新设置wifi密码</a></li>
<li><a href="http://m.tielingcn.com/yaxwd/202509/449880.html" title="你是我生命的一首歌" target="_blank">你是我生命的一首歌</a></li>
<li><a href="https://www.tielingcn.com/ricwd/202509/449876.html" title="你是我今生最爱的女孩歌词" target="_blank">你是我今生最爱的女孩歌词</a></li>
<li><a href="https://baike.tielingcn.com/bzawd/202509/449873.html" title="lsp什么意思网络词" target="_blank">lsp什么意思网络词</a></li>
<li><a href="http://m.tielingcn.com/yaxwd/202509/449864.html" title="济南哪里有游泳的地方" target="_blank">济南哪里有游泳的地方</a></li>
<li><a href="https://news.tielingcn.com/xsiwd/202509/449859.html" title="微粒贷怎么才能开通呢" target="_blank">微粒贷怎么才能开通呢</a></li>
<li><a href="https://www.tielingcn.com/zsiwd/202509/449858.html" title="济南哪里有滑雪场" target="_blank">济南哪里有滑雪场</a></li>
<li><a href="https://www.tielingcn.com/ricwd/202509/449851.html" title="微粒贷是合法的贷款平台吗" target="_blank">微粒贷是合法的贷款平台吗</a></li>
<li><a href="http://m.tielingcn.com/zxuwd/202509/449844.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.tielingcn.com/ricwd/202509/449894.html" title="html标签span" target="_blank">html标签span</a></li>
<li><a href="https://www.tielingcn.com/csiwd/202509/449891.html" title="html版权符号代码" target="_blank">html版权符号代码</a></li>
<li><a href="https://www.tielingcn.com/ricwd/202509/449885.html" title="fastreport二维码" target="_blank">fastreport二维码</a></li>
<li><a href="https://www.tielingcn.com/jyawd/202509/449877.html" title="你是我内心的一首歌歌词" target="_blank">你是我内心的一首歌歌词</a></li>
<li><a href="http://bbs.tielingcn.com/yxuwd/202509/449870.html" title="lsp好一点还是面具好点" target="_blank">lsp好一点还是面具好点</a></li>
<li><a href="https://www.tielingcn.com/csiwd/202509/449866.html" title="LSE都有什么含义" target="_blank">LSE都有什么含义</a></li>
<li><a href="https://www.tielingcn.com/ricwd/202509/449860.html" title="济南哪里有卖二手电动车的" target="_blank">济南哪里有卖二手电动车的</a></li>
<li><a href="http://m.tielingcn.com/yaxwd/202509/449855.html" title="微粒贷在什么地方" target="_blank">微粒贷在什么地方</a></li>
<li><a href="http://m.tielingcn.com/zxuwd/202509/449854.html" title="微粒贷在qq哪里找到" target="_blank">微粒贷在qq哪里找到</a></li>
<li><a href="https://www.tielingcn.com/jyawd/202509/449852.html" title="微粒贷是正规的吗" target="_blank">微粒贷是正规的吗</a></li>
<li><a href="https://www.tielingcn.com/csiwd/202509/449848.html" title="微粒贷款怎么开通" target="_blank">微粒贷款怎么开通</a></li>
<li><a href="http://m.tielingcn.com/yaxwd/202509/449846.html" title="起床歌儿童唱的起床歌" target="_blank">起床歌儿童唱的起床歌</a></li>
<li><a href="https://news.tielingcn.com/xsiwd/202509/449845.html" title="QQ中ALT键是什么" target="_blank">QQ中ALT键是什么</a></li>
<li><a href="https://www.tielingcn.com/jyawd/202509/449840.html" title="起床的起组词" target="_blank">起床的起组词</a></li>
<li><a href="http://bbs.tielingcn.com/yxuwd/202509/449837.html" title="qq至尊宝怎么改密保手机号码" target="_blank">qq至尊宝怎么改密保手机号码</a></li>
<li><a href="http://m.tielingcn.com/yaxwd/202509/449824.html" title="HP狮子座遇到天龙座" target="_blank">HP狮子座遇到天龙座</a></li>
<li><a href="http://bbs.tielingcn.com/yxuwd/202509/449819.html" title="hp如何进入bios" target="_blank">hp如何进入bios</a></li>
<li><a href="https://www.tielingcn.com/ricwd/202509/449817.html" title="hp客服人工售后电话" target="_blank">hp客服人工售后电话</a></li>
<li><a href="https://www.tielingcn.com/jxuwd/202509/449815.html" title="hp交换机" target="_blank">hp交换机</a></li>
<li><a href="http://m.tielingcn.com/zxuwd/202509/449791.html" title="lot是什么意思中文" target="_blank">lot是什么意思中文</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.tielingcn.com/about.html" target="_blank">关于我们</a><span>|</span>
<a href="https://www.tielingcn.com/lxfs.html" target="_blank">联系方式</a><span>|</span>
<a href="https://www.tielingcn.com/bqsm.html" target="_blank">版权声明</a><span>|</span>
<a href="https://www.tielingcn.com/mzsm.html" target="_blank">免责声明</a><span>|</span>
</p>
</div>
<div id="copy" class="graylink">
Copyright © 2007-2025 www.tielingcn.com All Right Reserved. 版权所有 新讯网 工信部网站备案编号：<a href="http://beian.miit.gov.cn" target="_blank">闽ICP备20009419号-52</a>
</div>
<script>
(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?f6f566280c6348b8d76d1720f0c7a30f487e4cbf3b27e852f4a924d9c68062b765e0a2ada1d5e86b11e7de7c1a83287d04743a02fd1ee8dd8558a8cad50e91cb354f8c6f3f78e5fd97613c481f678e6d";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)
</script>
</div>
</div>
</body>
</html>
