1 HTML介绍
1.1 代码初体验，制作第一个网页
XML/HTML Code复制内容到剪贴板
- >
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>制作我的第一个网页title>
- head>
- <body>
- <h1>Hello Worldh1>
- body>
- html>
1.2 HTML和CSS的关系
学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：
1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
3. JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。
下面代码演示了CSS的效果，HTML用来表示网页元素，CSS让元素表现更丰富，比如元素位置，大小，颜色，字体等：
XML/HTML Code复制内容到剪贴板
- >
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>Html和CSS的关系title>
- <style type="text/css">
- h1{
- font-size:19px;
- color:#930;
- text-align:center;
- }
- style>
- head>
- <body>
- <h1>Hello World!h1>
- body>
- html>
-
（1）第8行代码，影响窗口的文字大小。
（2）第9行代码，影响窗口文字颜色的变化。
（3）第10行，影响窗口文字居中的变化。
1.3 认识HTML标签
各种各式各样的网页，这些网页都是由html标签组成的。下面就是一个简单的网页：
XML/HTML Code复制内容到剪贴板
- >
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>认识html标签title>
- head>
-
- <body>
- <h1>勇气h1>
- <p>三年级时，我还是一个胆小如鼠的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。p>
- <p>到了三年级下学期时，我们班上了一节公开课，老师提出了一个很简单的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。p>
- <img src="http://img.imooc.com/52b4113500018cf102000200.jpg" >
- body>
- html>
-
效果如下：
分析这个网页由哪些HTML组成：
（1）“勇气”是网页内容文章的标题，
就是标题标签，它在网页上的代码写成
勇气
。
（2）“三年级时…我也没勇气参加。” 是网页中文章的段落，
是段落标签。它在网页上的代码写成
三年级时...我也没勇气参加。
（3）网页上那张小女生的图片，由img标签来完成的，它在网页上的代码写成
1.4 标签语法
1.标签由英文尖括号<和>括起来，如就是一个标签。
2.html中的标签一般都是成对出现的，分开始标签和结束标签。结束标签比开始标签多了一个/。
3.标签结构示意图如下：
4.标签举例：
（1）
（2）
（3）
5.标签与标签之间是可以嵌套的，但先后顺序必须保持一致，如：
的前面。如下图所示。
6.HTML标签不区分大小写，
和是一样的，但建议小写，因为大部分程序员都以小写为准。
7.测试：有一个网页的代码，但第9行缺少代码，请补充：
XML/HTML Code复制内容到剪贴板
- >
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>标签的语法title>
- head>
- <body>
- <h1>在本教程中，你将学习如何使用 HTML 来创建站点h1>
- <p>当特殊的样式需要应用到个别元素时，就可以使用内联样式。
- body>
- html>
-
1.5 html/head/body认识HTML文件基本结构
学习html文件的结构：一个HTML文件是有自己固定的结构的。
XML/HTML Code复制内容到剪贴板
- <html>
- <head>...head>
- <body>...body>
- html>
代码讲解：
1. 称为根标签，所有的网页标签都在中。
2.
标签用于定义文档的头部，它是所有头部元素的容器。头部元素有
、<script>、 <style>、<link>、 <meta>等标签，头部标签在下一小节中会有详细介绍。 <br />3.在<body>和</body>标签之间的内容是网页的主要内容，如<h1>、<p>、<a>、<img>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。</p>
<p>下面的代码的HTML文件结构不完整，因为缺少标签<html>和</html>：</p>
<span class="lantxt">XML/HTML Code</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_8557')">复制内容到剪贴板</span>
<ol class="dp-xml">
<li class="alt"><span><span><!DOCTYPE HTML</span><span class="tag">></span><span> </span></span> </li>
<li><span> </span> </li>
<li class="alt"><span> </span><span class="tag"><</span><span class="tag-name">head</span><span class="tag">></span><span> </span> </li>
<li><span> </span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">http-equiv</span><span>=</span><span class="attribute-value">"Content-Type"</span><span> </span><span class="attribute">content</span><span>=</span><span class="attribute-value">"text/html; charset=utf-8"</span><span class="tag">></span><span> </span> </li>
<li class="alt"><span> </span><span class="tag"><</span><span class="tag-name">title</span><span class="tag">></span><span>认识html文件基本结构</span><span class="tag"></</span><span class="tag-name">title</span><span class="tag">></span><span> </span> </li>
<li><span> </span><span class="tag"></</span><span class="tag-name">head</span><span class="tag">></span><span> </span> </li>
<li class="alt"><span> </span><span class="tag"><</span><span class="tag-name">body</span><span class="tag">></span><span> </span> </li>
<li><span> </span><span class="tag"><</span><span class="tag-name">h1</span><span class="tag">></span><span>在本小节中，你将学会认识html文件基本结构</span><span class="tag"></</span><span class="tag-name">h1</span><span class="tag">></span><span> </span> </li>
<li class="alt"><span></span><span class="tag"></</span><span class="tag-name">body</span><span class="tag">></span><span> </span> </li>
<li><span> </span> </li>
</ol>
<p><br /><strong><font color="#800000">1.6 head标签</font></strong></p>
<p> •标签的作用：文档的头部描述了文档的各种属性和信息，包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。<br /> •下面的标签可以在head部分：</p>
<span class="lantxt">XML/HTML Code</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_7182')">复制内容到剪贴板</span>
<ol class="dp-xml">
<li class="alt"><span><span class="tag"><</span><span class="tag-name">head</span><span class="tag">></span><span> </span></span> </li>
<li><span> </span><span class="tag"><</span><span class="tag-name">title</span><span class="tag">></span><span>...</span><span class="tag"></</span><span class="tag-name">title</span><span class="tag">></span><span> </span> </li>
<li class="alt"><span> </span><span class="tag"><</span><span class="tag-name">meta</span><span class="tag">></span><span> </span> </li>
<li><span> </span><span class="tag"><</span><span class="tag-name">link</span><span class="tag">></span><span> </span> </li>
<li class="alt"><span> </span><span class="tag"><</span><span class="tag-name">style</span><span class="tag">></span><span>...</span><span class="tag"></</span><span class="tag-name">style</span><span class="tag">></span><span> </span> </li>
<li><span> </span><span class="tag"><</span><span class="tag-name">script</span><span class="tag">></span><span>...</span><span class="tag"></</span><span class="tag-name">script</span><span class="tag">></span><span> </span> </li>
<li class="alt"><span></span><span class="tag"></</span><span class="tag-name">head</span><span class="tag">></span><span> </span> </li>
</ol>
<p> •<title>标签：在<title>和标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独一无二的title。
例如，
标签的内容“hello world”会在浏览器中的标题栏上显示出来，如图： </p>
<span class="lantxt">XML/HTML Code</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_8791')">复制内容到剪贴板</span>
<ol class="dp-xml">
<li class="alt"><span><span class="tag"><</span><span class="tag-name">head</span><span class="tag">></span><span> </span></span> </li>
<li><span> </span><span class="tag"><</span><span class="tag-name">title</span><span class="tag">></span><span>hello world</span><span class="tag"></</span><span class="tag-name">title</span><span class="tag">></span><span> </span> </li>
<li class="alt"><span></span><span class="tag"></</span><span class="tag-name">head</span><span class="tag">></span><span> </span> </li>
</ol>
<p><br /><font color="#800000"><strong>1.7 了解HTML的代码注释</strong></font></p>
<p>代码注释的作用：帮助程序员标注代码的用途，过一段时间后再看你所编写的代码，就能很快想起这段代码的用途。代码注释不仅方便程序员自己回忆起以前代码的用途，还可以帮助其他程序员很快的读懂你的程序的功能，方便多人合作开发网页代码。 <br />语法：</p>
<p><font color="#333333"><strong><!--注释文字 --></strong></font></p>
<p>下面代码的第 8、12 行都是注释代码，但是发现他们是不会在结果窗口中显示出来的：</p>
<span class="lantxt">XML/HTML Code</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_7573')">复制内容到剪贴板</span>
<ol class="dp-xml">
<li class="alt"><span><span><!DOCTYPE HTML</span><span class="tag">></span><span> </span></span> </li>
<li><span></span><span class="tag"><</span><span class="tag-name">html</span><span class="tag">></span><span> </span> </li>
<li class="alt"><span> </span><span class="tag"><</span><span class="tag-name">head</span><span class="tag">></span><span> </span> </li>
<li><span> </span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">http-equiv</span><span>=</span><span class="attribute-value">"Content-Type"</span><span> </span><span class="attribute">content</span><span>=</span><span class="attribute-value">"text/html; charset=utf-8"</span><span class="tag">></span><span> </span> </li>
<li class="alt"><span> </span><span class="tag"><</span><span class="tag-name">title</span><span class="tag">></span><span>HTML的代码注释</span><span class="tag"></</span><span class="tag-name">title</span><span class="tag">></span><span> </span> </li>
<li><span> </span><span class="tag"></</span><span class="tag-name">head</span><span class="tag">></span><span> </span> </li>
<li class="alt"><span> </span><span class="tag"><</span><span class="tag-name">body</span><span class="tag">></span><span> </span> </li>
<li><span> </span><span class="comments"><!--在线咨询 begin--></span><span> </span> </li>
<li class="alt"><span> </span><span class="tag"><</span><span class="tag-name">div</span><span class="tag">></span><span> </span> </li>
<li><span> </span><span class="tag"><</span><span class="tag-name">p</span><span class="tag">></span><span>一站式报名咨询！</span><span class="tag"><</span><span class="tag-name">a</span><span> </span><span class="attribute">href</span><span>=</span><span class="attribute-value">"#"</span><span class="tag">></span><span>向报名顾问咨询</span><span class="tag"></</span><span class="tag-name">a</span><span class="tag">></span><span class="tag"></</span><span class="tag-name">p</span><span class="tag">></span><span> </span> </li>
<li class="alt"><span> </span><span class="tag"></</span><span class="tag-name">div</span><span class="tag">></span><span> </span> </li>
<li><span> </span><span class="comments"><!--在线咨询 end--></span><span> </span> </li>
<li class="alt"><span> </span><span class="tag"></</span><span class="tag-name">body</span><span class="tag">></span><span> </span> </li>
<li><span></span><span class="tag"></</span><span class="tag-name">html</span><span class="tag">></span><span> </span> </li>
</ol>
<p>以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持潘少俊衡。</p>
<p>原文地址：<a rel="nofollow" target="_blank" href="http://blog.csdn.net/qq_17416741/article/details/51416313">http://blog.csdn.net/qq_17416741/article/details/51416313</a></p>
<span id="art_bot" class="jbTestPos"></span>
</div>
<div class="pagebar"> </div>
<div class="pcd_ad"><script src=/d/js/acmsd/thea14.js></script></div>
<div class="mbd_ad">
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-5850285417076520"
data-ad-slot="9825815134"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="rights">
<h5>版权声明</h5>
<p>本文仅代表作者观点，不代表本站立场。<br>
本文系作者授权发表，未经许可，不得转载。<br>本文地址：/web/HTML/71023.html</p>
<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_twi" data-cmd="twi" title="分享到Twitter"></a><a href="#" class="bds_linkedin" data-cmd="linkedin" title="分享到linkedin"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_evernotecn" data-cmd="evernotecn" title="分享到印象笔记"></a></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"24"},"share":{},"image":{"viewList":["fbook","twi","linkedin","qzone","tsina","douban","weixin","evernotecn"],"viewText":"分享到：","viewSize":"16"}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='/static/api/js/share.js?v=89860593.js?'];</script>
</div>
<div class="r-pn-post">
<div class="shang"><a title="HTML (css样式规范)必看篇" href="/web/HTML/71022.html" rel="bookmark" class="prev_p"><span>上一篇 :</span> HTML (css样式规范)必看篇
</a></div>
<div class="xia"><a href="/web/HTML/71024.html" rel="bookmark" class="next_p"><span>下一篇 :</span> Html+CSS绘制三角形图标</a></div>
<div class="clear"></div>
</div>
</div>
<div class="related">
<h4>相关文章</h4>
<ul>
</ul>
</div>
<div class="post_comments">
<div id="comment">
<link href="/skin/ecmspl/css/pl.css" rel="stylesheet">
<div class="showpage" id="plpost">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="line-height: 25px; padding: 5px 3px 1px 8px; font-size: 18px;">
<tr><td><strong><font color="#333333">留言与评论（共有 <span id="infocommentnumarea">0</span> 条评论）</font></strong></td></tr>
</table>
<script>
function CheckPl(obj)
{
if(obj.saytext.value=="")
{
alert("您没什么话要说吗？");
obj.saytext.focus();
return false;
}
return true;
}
</script>
<form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost">
<tr>
<td>
<table width="100%" border="0" cellspacing="10" cellpadding="0">
<tr>
<td>
<script src="/e/pl/loginjspl.php"></script>
<textarea name="saytext" rows="6" id="saytext" placeholder="请遵守互联网相关规定，不要发布广告和违法内容!"></textarea>
<script src="/d/js/js/plface.js"></script>
<table width='100%' align='left' cellpadding=3 cellspacing=1 bgcolor='#FFF'>
<tr>
<td width="80%" height="40" bgcolor="#FFFFFF">验证码：<input name="key" type="text" class="inputText" size="16" />
<img src="/e/ShowKey/?v=pl" align="absmiddle" name="plKeyImg" id="plKeyImg" onclick="plKeyImg.src='/e/ShowKey/?v=pl&t='+Math.random()" title="看不清楚,点击刷新" />
</td>
<td width="20%" height="40" bgcolor="#FFFFFF">
<input name="sumbit" type="submit" value="提交评论" tabindex="6" style="border-radius: 5px;font-size: 16px;background: #e94c3d none repeat scroll 0% 0%;border: 0px none;margin: 0px 16px;padding: 1px 16px;height: 33px;line-height: 30px;color: rgb(255, 255, 255);opacity: 0.95;">
<input name="id" type="hidden" id="id" value="71023" />
<input name="classid" type="hidden" id="classid" value="46" />
<input name="enews" type="hidden" id="enews" value="AddPl" />
<input name="repid" type="hidden" id="repid" value="0" />
<input type="hidden" name="ecmsfrom" value="/web/HTML/71023.html">
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table></form>
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF">
<tr>
<td bgcolor="#FFFFFF" id="infocommentarea"></td>
</tr>
</table>
<script src="/e/extend/infocomment/commentajax.php?classid=46&id=71023"></script>
</div>
</div>
</div>
<div class="pcd_ad"><script src=/d/js/acmsd/thea18.js></script></div>
<div class="mbd_ad">
<!-- 手机广告位-评论底部广告位新 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-5850285417076520"
data-ad-slot="9383780240"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<script type="text/javascript" src="//gg.iwyv.com/production/mh_g/i/static/wi_djn.js"></script> </div>
</div>
<!--@ mainl-->
<div class="mainr">
<div class="widget widget_ad">
<script src=/d/js/acmsd/thea14.js></script>
</div>
<div class="widget widget_hotpost">
<h4>热门文章</h4>
<ul>
<li><i class="red">1</i><a href="/web/HTML/2021-04-21/55976.html" target="_blank">帝国CMS添加百度地图标注方法</a></li>
<li><i class="red">2</i><a href="/web/HTML/2021-04-19/55157.html" target="_blank">HTML5 简介</a></li>
<li><i class="red">3</i><a href="/web/HTML/70950.html" target="_blank">HTML的a标签href属性指定相对路径与绝对路径的用法讲解</a></li>
<li><i>4</i><a href="/web/HTML/70393.html" target="_blank">HTML中利用div+CSS实现简单的箭头图标的代码 游戏攻略</a></li>
<li><i>5</i><a href="/web/HTML/71374.html" target="_blank">关于HTML中的滚动条/去掉滚动条问题</a></li>
<li><i>6</i><a href="/web/HTML/71957.html" target="_blank">HTML网页各种字体格式的细节修饰</a></li>
<li><i>7</i><a href="/web/HTML/72283.html" target="_blank">XHTML标签都有一个结束标记</a></li>
<li><i>8</i><a href="/web/HTML/70215.html" target="_blank">纯html+css实现奥运五环的示例代码 游戏攻略</a></li>
<li><i>9</i><a href="/web/HTML/71735.html" target="_blank">HTML 几种特别分割线特效</a></li>
<li><i>10</i><a href="/web/HTML/71815.html" target="_blank">基础 HTML之目录问题(相对路径和绝对路径区别)</a></li>
</ul>
</div>
<div class="widget widget_ad">
<script src=/d/js/acmsd/thea10.js></script>
</div>
<div class="widget widget_previous">
<h4>最近发表</h4>
<ul>
<li><a href="/ITzixun/178187.html">日本雷蛇官网实习生上错价了？游戏本只卖15950日元？</a></li>
<li><a href="/youxi/175574.html">《原神》物归原主又归原主世界任务指南 游戏攻略</a></li>
<li><a href="/youxi/175631.html">《原神》振晶的研究第三天试用角色2000分攻略 游戏攻略</a></li>
<li><a href="/youxi/175559.html">《原神》2.6版全旋曜玉帛点位说明_蒙德 游戏攻略</a></li>
<li><a href="/youxi/175547.html">《原神》2.6版深渊11-1守护镇石技巧 游戏攻略</a></li>
<li><a href="/youxi/175604.html">《原神》神里绫华装备搭配推荐 游戏攻略</a></li>
<li><a href="/youxi/175516.html">《原神》云堇突破材料获取方法 游戏攻略</a></li>
<li><a href="/youxi/175494.html">《原神》世界任务他乡迷失客攻略 游戏攻略</a></li>
<li><a href="/youxi/175497.html">《原神》神里绫华全面培养指南 神里绫华技能详解与出装建议 游戏攻略</a></li>
<li><a href="/youxi/175460.html">《原神》神里绫人平民向大世界配队思路 游戏攻略</a></li>
</ul>
</div>
<div class="widget widget_ad">
<script src=/d/js/acmsd/thea11.js></script>
</div>
<div class="widget widget_tags">
<h4>标签列表</h4>
<ul>
<li class="submenu"><a target="_blank" href="/e/tags/?tagname=%E5%BC%80%E6%94%BE%E4%B8%96%E7%95%8C">开放世界</a></li> <li class="submenu"><a target="_blank" href="/e/tags/?tagname=%E6%B2%99%E7%9B%92">沙盒</a></li> <li class="submenu"><a target="_blank" href="/e/tags/?tagname=win10">win10</a></li> <li class="submenu"><a target="_blank" href="/e/tags/?tagname=3D%E8%AE%BE%E8%AE%A1">3D设计</a></li> <li class="submenu"><a target="_blank" href="/e/tags/?tagname=PS">PS</a></li> <li class="submenu"><a target="_blank" href="/e/tags/?tagname=%E9%AC%BC%E8%B0%B7%E5%85%AB%E8%8D%92">鬼谷八荒</a></li> <li class="submenu"><a target="_blank" href="/e/tags/?tagname=win7">win7</a></li> <li class="submenu"><a target="_blank" href="/e/tags/?tagname=%E6%89%8B%E6%B8%B8">手游</a></li> <li class="submenu"><a target="_blank" href="/e/tags/?tagname=%E5%9B%A2%E9%98%9F%E7%AB%9E%E6%8A%80">团队竞技</a></li> <li class="submenu"><a target="_blank" href="/e/tags/?tagname=%E5%8E%9F%E7%A5%9E">原神</a></li> <li class="submenu"><a target="_blank" href="/e/tags/?tagname=%E4%BA%8C%E6%AC%A1%E5%85%83%E6%B8%B8%E6%88%8F">二次元游戏</a></li> <li class="submenu"><a target="_blank" href="/e/tags/?tagname=%E7%AD%96%E7%95%A5">策略</a></li> <li class="submenu"><a target="_blank" href="/e/tags/?tagname=%E7%94%B5%E8%84%91%E5%B8%B8%E8%AF%86">电脑常识</a></li> <li class="submenu"><a target="_blank" href="/e/tags/?tagname=%E7%8E%8B%E8%80%85%E8%8D%A3%E8%80%80">王者荣耀</a></li> <li class="submenu"><a target="_blank" href="/e/tags/?tagname=%E7%85%A7%E7%89%87%E5%A4%84%E7%90%86">照片处理</a></li> <li class="submenu"><a target="_blank" href="/e/tags/?tagname=MySQL">MySQL</a></li> <li class="submenu"><a target="_blank" href="/e/tags/?tagname=%E5%90%83%E9%B8%A1">吃鸡</a></li> <li class="submenu"><a target="_blank" href="/e/tags/?tagname=%E7%AC%94%E8%AE%B0%E6%9C%AC">笔记本</a></li> <li class="submenu"><a target="_blank" href="/e/tags/?tagname=%E7%BB%9D%E5%9C%B0%E6%B1%82%E7%94%9F%E5%A4%A7%E9%80%83%E6%9D%80">绝地求生大逃杀</a></li> <li class="submenu"><a target="_blank" href="/e/tags/?tagname=%E5%B0%84%E5%87%BB%E7%AB%9E%E4%BA%89">射击竞争</a></li> </ul>
</div>
<div class="widget widget_ad">
<script src=/d/js/acmsd/thea12.js></script>
</div>
</div>
</div>
</div>
<script type="text/javascript">
// JavaScript Document
function goTopEx(){
var obj=document.getElementById("goTopBtn");
function getScrollTop(){
return document.documentElement.scrollTop || document.body.scrollTop;
}
function setScrollTop(value){
if(document.documentElement.scrollTop){
document.documentElement.scrollTop=value;
}else{
document.body.scrollTop=value;
}
}
window.onscroll=function(){getScrollTop()>0?obj.style.display="":obj.style.display="none";
var h=document.body.scrollHeight - getScrollTop() - obj.offsetTop - obj.offsetHeight;
obj.style.bottom=0+"px";
if(h<350){
obj.style.bottom=340+"px";
obj.style.top="auto";
}
}
obj.onclick=function(){
var goTop=setInterval(scrollMove,10);
function scrollMove(){
setScrollTop(getScrollTop()/1.1);
if(getScrollTop()<1)clearInterval(goTop);
}
}
}
</script>
<!--向上 -->
<div id="jz52top" > <span>
<DIV style="DISPLAY: none" id="goTopBtn" ><a title="返回顶部" class="jz52topa" ><b>返回顶部</b></a></DIV>
</span>
<SCRIPT type=text/javascript>goTopEx();</SCRIPT>
<span>
<ul id="navmenu">
<li><a title="QR Code" class="jzqr" ><b>QR Code</b></a>
<ul>
<div id="jzqrn"> <img src="/skin/ecms172/images/weixin.png" width="228" height="228" />
<p>打开手机扫描上面的二维码</p>
</div>
</ul>
</li>
</ul>
</span> </div>
<!--向上完 -->
<!-- 底部广告-->
<!-- 底部广告-->
<!--底部信息 -->
<div class="ft_wp">
<div id="ft" class="wp cl ftddd" >
<div class="ft_info" >
<div class="ft_z1">
<p>潘少俊衡</p>
<h3 class="ft_z_zdxx_zx">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?1cc50873f5e983e8073d99a425b87921";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<span class="pipe"> | </span>
桂ICP备2023010378号-4 </h3>
<h2 class="ft_z_zdxx_zx">
<p style="font-size:12px;">Powered By <a href="https://www.iwyv.com/" title="潘少俊衡" target="_blank">EmpireCMS</a> </p>
</h2>
</div>
<div class="ft_z2">
</div>
<div class="ft_z2">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XFMBHZNTEL"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XFMBHZNTEL');
</script>
<p><a target="_blank" href="https://www.iixiang.com/">爱享小站</a></p>
<p><a target="_blank" href="https://www.sdzdyn.com/">中德益农</a></p>
<p><a target="_blank" href="https://www.guujie.com">谷姐神农</a></p>
<p><a target="_blank" href="https://huanyafeiliao.com/">环亚肥料</a></p>
</div>
<div class="ft_z2">
<p><a target="_blank" href="https://beian.miit.gov.cn/Integrated/index">桂ICP备2023010378号-4</a></p>
<p><a href="https://beian.miit.gov.cn" title="桂公网备 45012202000125号" target="_blank">桂公网备 45012202000125号</a></p>
</div>
<div class="ft_z2">
<p><a target="_blank" href="https://www.iwyv.com/panshaoSEO/1277.html">联系我们</a></p>
</div>
<div class="ft_z2">
<p><a target="_blank" href="https://www.iwyv.com/panshaoSEO/1277.html">商业合作</a></p>
<p><a target="_blank" href="https://www.iwyv.com/panshaoSEO/1277.html">广告投放</a></p>
<p><a target="_blank" href="/tgxz/">投稿须知</a></p>
</div>
<div class="ft_bx"style="left:335px;"> </div>
<div class="ft_bx ft_t1"> </div>
<div class="ft_bx ft_t2"> </div>
<div class="ft_bx ft_t3"> </div>
<div class="ft_bx ft_t4"> </div>
<div class="ft_z3">
<dd> <span><img src="/skin/ecms172/images/weixin.png" width="75" height="72.2" /></span>
<p>
<!-- 引用官方图标 -->
<!-- 引用官方图标百度统计 -->
</p>
<p>使用手机软件扫描微信二维码</p>
<p>关注我们可获取更多热点资讯</p>
<p>感谢潘少俊衡友情技术支持</p>
</dd>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<!--底部信息完 -->
<script src="/skin/ecms172/js/common.min.js" type="text/javascript"></script>
<script></script>
</body>
</html> 
