VSCode是一款功能强大的代码编辑器，它提供了丰富的扩展和功能，使得开发者可以更高效地编写代码。在VSCode中设置HTML模板非常简单，下面我将为你详细介绍操作步骤。
打开VSCode并创建一个HTML文件。你可以通过点击菜单栏的"文件"，然后选择"新建文件"，再选择"HTML"来创建一个空白的HTML文件。
接下来，你可以在HTML文件中输入以下代码作为基本的HTML模板：
My HTML Page
在这个基本的HTML模板中，我们有一个</span>标签用于设置网页的标题，以及<span style="color:#C7254E;background: #F9F2F4;"><body></span>标签用于编写网页的内容。</p>
如果你想要添加CSS样式或者JavaScript代码，可以在<span style="color:#C7254E;background: #F9F2F4;"><head></span>标签中使用<span style="color:#C7254E;background: #F9F2F4;"><style></span>标签或者<span style="color:#C7254E;background: #F9F2F4;"><script></span>标签来引入相应的代码。
例如，如果你想要添加CSS样式，可以在<span style="color:#C7254E;background: #F9F2F4;"><head></span>标签中添加以下代码：
<p style="text-indent: 2em;"><style></p>
<p style="text-indent: 2em;"> /* CSS样式代码 */</p>
<p style="text-indent: 2em;"></style></p>
<p style="text-indent: 2em;">如果你想要添加JavaScript代码，可以在<span style="color:#C7254E;background: #F9F2F4;"><body></span>标签中添加以下代码：</p>
<p style="text-indent: 2em;"><script></p>
<p style="text-indent: 2em;"> // JavaScript代码</p>
<p style="text-indent: 2em;"></script></p>
<p style="text-indent: 2em;">当你完成了对HTML模板的设置，你可以保存文件并将其命名为你想要的名称，以<span style="color:#C7254E;background: #F9F2F4;">.html</span>作为文件扩展名。</p>
<p style="text-indent: 2em;">总结一下，设置HTML模板的操作步骤如下：</p>
<p style="text-indent: 2em;">1. 打开VSCode并创建一个HTML文件。</p>
<p style="text-indent: 2em;">2. 输入基本的HTML模板代码。</p>
<p style="text-indent: 2em;">3. 根据需要添加CSS样式或JavaScript代码。</p>
<p style="text-indent: 2em;">4. 保存文件并命名为你想要的名称，以<span style="color:#C7254E;background: #F9F2F4;">.html</span>作为文件扩展名。</p>
<p style="text-indent: 2em;">希望以上内容能够帮助你成功设置HTML模板。如果你还有其他问题，欢迎继续提问！</p>
<p style="text-indent: 2em;">千锋教育拥有多年<a href="http://www.mobiletrain.org/" target="_blank"><a href="http://www.mobiletrain.org/" target="_blank">IT培训</a></a>服务经验，开设<a href="http://www.mobiletrain.org/java/" target="_blank"><a href="http://www.mobiletrain.org/java/" target="_blank">Java培训</a></a>、<a href="http://www.mobiletrain.org/page/html5.html" target="_blank"><a href="http://www.mobiletrain.org/page/html5.html" target="_blank">web前端培训</a></a>、<a href="http://www.mobiletrain.org/big_data/" target="_blank"><a href="http://www.mobiletrain.org/big_data/" target="_blank">大数据培训</a></a>，<a href="http://www.mobiletrain.org/page/python/" target="_blank"><a href="http://www.mobiletrain.org/page/python/" target="_blank">python培训</a></a>、<a href="http://www.mobiletrain.org/page/software/" target="_blank"><a href="http://www.mobiletrain.org/page/software/" target="_blank">软件测试培训</a></a>等课程，采用全程面授高品质、高体验教学模式，拥有国内一体化教学管理及学员服务，想获取更多IT技术干货请关注千锋教育<a href="http://www.mobiletrain.org/" target="_blank"><a href="http://www.mobiletrain.org/" target="_blank">IT培训机构</a></a>官网。</p></div>
<div class="tag-wrap" style="margin: 30px auto 0;width: 810px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;">
<span class="tag-label" style="font-size: 16px; line-height: 22px;margin-right: 6px;">tags:</span> <a id="tag_click" target="_blank" style="display: inline-block" href="http://www.mobiletrain.org/tag-0-1.html">vscode设置html模版</a>
</div>
<div class="con-left-bottom">
声明：本站稿件版权均属千锋教育所有，未经许可不得擅自转载。
</div>
<div class="left-form">
<div class="left-form-left">
<div class="h3">10年以上业内强师集结，手把手带你蜕变精英</div>
<div class="list-form-item">
<i class="ypfont yp-name"></i>
<input type="text" placeholder="您的姓名" name="realname" id="realname" autocomplete="off" />
</div>
<div class="list-form-item list-form-item2">
<i class="ypfont yp-shouji"></i>
<input type="text" placeholder="您的电话" name="realphone" id="phone" autocomplete="off" />
</div>
<div class="h4">请您保持通讯畅通，专属学习老师24小时内将与您1V1沟通</div>
<div class="list-submit">
免费领取<br /><i class="ypfont yp-dianjitianjia"></i>
</div>
</div>
<div class="left-form-right">
<div class="h3">今日已有<span>369</span>人领取成功</div>
<div class="swiper-container swiper-phone swiper-no-swiping">
<div class="swiper-wrapper">
<div class="swiper-slide">
刘同学 138****2860 刚刚成功领取
</div>
<div class="swiper-slide">
王同学 131****2015 刚刚成功领取
</div>
<div class="swiper-slide">
张同学 133****4652 刚刚成功领取
</div>
<div class="swiper-slide">
李同学 135****8607 刚刚成功领取
</div>
<div class="swiper-slide">
杨同学 132****5667 刚刚成功领取
</div>
<div class="swiper-slide">
岳同学 134****6652 刚刚成功领取
</div>
<div class="swiper-slide">
梁同学 157****2950 刚刚成功领取
</div>
<div class="swiper-slide">
刘同学 189****1015 刚刚成功领取
</div>
<div class="swiper-slide">
张同学 155****4678 刚刚成功领取
</div>
<div class="swiper-slide">
邹同学 139****2907 刚刚成功领取
</div>
<div class="swiper-slide">
董同学 138****2867 刚刚成功领取
</div>
<div class="swiper-slide">
周同学 136****3602 刚刚成功领取
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c_page_bottom">
<div class="c_page_bottom_item">
<div class="c_page_bottom_item_up"></div>
<p>上一篇</p>
<a href="http://www.mobiletrain.org/about/BBS/139553.html" title="139555" target="_blank">vue3bootstrap怎么操作</a>
</div>
<div class="c_page_bottom_item">
<div class="c_page_bottom_item_next"></div>
<p>下一篇</p>
<a href="http://www.mobiletrain.org/about/BBS/139556.html" target="_blank" title="139555">vscode制作node镜像怎么操作</a>
</div>
</div>
<div class="left-ad">
<a href="javascript:;" onclick="open53_pc()" rel="nofollow" class="left-ad-btn">
免费打包获取<i class="ypfont yp-dianjitianjia"></i>
</a>
</div>
<!-- <div class="article">
<div class="article-left">
<h3 class="art-tit">猜你喜欢<span>LIKE</span></h3>
<div class="art-con">
<a href="http://www.mobiletrain.org/zcjy/linux/136992.html" target="_blank" class="art-item">
<div class="art-item-img">
<img src="/2023/0428/1682660765277.png" alt="" />
</div>
<div class="art-item-info">
<h4>云计算技术就业前景以及发展方向怎样？</h4>
<span>
<i class="ypfont yp-shijian"></i>
2023-08-07 </span>
</div>
</a>
<a href="http://www.mobiletrain.org/zcjy/html5/136991.html" target="_blank" class="art-item">
<div class="art-item-img">
<img src="/2023/0428/1682660577662.png" alt="" />
</div>
<div class="art-item-info">
<h4>HTML5开发就业前景以及发展方向怎样？</h4>
<span>
<i class="ypfont yp-shijian"></i>
2023-08-07 </span>
</div>
</a>
<a href="http://www.mobiletrain.org/zcjy/bigdata/136903.html" target="_blank" class="art-item">
<div class="art-item-img">
<img src="/2023/0428/1682660971839.png" alt="" />
</div>
<div class="art-item-info">
<h4>大数据数据分析目前就业前景如何？</h4>
<span>
<i class="ypfont yp-shijian"></i>
2023-08-07 </span>
</div>
</a>
</div>
</div>
<div class="article-right">
<h3 class="art-tit">最新文章<span>NEW</span></h3>
<div class="art-con">
<a href="http://www.mobiletrain.org/about/BBS/211432.html" target="_blank" class="art-item">
<div class="art-item-img">
<img src="/tywzt/tongyong14.jpg" alt="" />
</div>
<div class="art-item-info">
<h4>如何进行Open Graph优化?</h4>
<span>
<i class="ypfont yp-shijian"></i>
2023-10-16 </span>
</div>
</a>
<a href="http://www.mobiletrain.org/about/BBS/211414.html" target="_blank" class="art-item">
<div class="art-item-img">
<img src="/tywzt/ty63.jpg" alt="" />
</div>
<div class="art-item-info">
<h4>gitlab怎么添加密钥?</h4>
<span>
<i class="ypfont yp-shijian"></i>
2023-10-16 </span>
</div>
</a>
<a href="http://www.mobiletrain.org/about/BBS/211374.html" target="_blank" class="art-item">
<div class="art-item-img">
<img src="/tywzt/ty44.jpg" alt="" />
</div>
<div class="art-item-info">
<h4>canvas有哪些特点?</h4>
<span>
<i class="ypfont yp-shijian"></i>
2023-10-16 </span>
</div>
</a>
</div>
</div>
</div> -->
<div class="article article-hot" style="margin-top: 20px">
<div class="article-tit-box">
<div class="art-tit h3">
相关推荐<span class="art-hot">HOT</span>
</div>
<!-- <a href="javascript:;" onclick="open53_pc()">更多>></a> -->
</div>
<div class="art-con">
<a href="http://www.mobiletrain.org/about/BBS/211439.html" target="_blank" class="art-item">
<div class="art-item-img">
<img src="/tywzt/ty61.jpg" alt="" />
</div>
<div class="art-item-info">
<div class="h4">如何编译GitHub上项目?</div>
<p>
1.克隆项目首先，您需要找到GitHub上的项目。在项目的GitHub页面上，您将找到一个绿色的”Code”按钮。点击它，然后复制项目的URL。...<span>详情>></span>
</p>
<span>2023-10-16 15:42:01</span>
</div>
</a>
<a href="http://www.mobiletrain.org/about/BBS/211423.html" target="_blank" class="art-item">
<div class="art-item-img">
<img src="/tywzt/ty43.jpg" alt="" />
</div>
<div class="art-item-info">
<div class="h4">如何进行A/B测试?</div>
<p>
一、明确测试目标，确定核心指标开始A/B测试前，你首先要明确测试的目的。是否你希望提高点击率、增加注册数还是优化转化率？根据目标，确定具...<span>详情>></span>
</p>
<span>2023-10-16 15:32:47</span>
</div>
</a>
<a href="http://www.mobiletrain.org/about/BBS/211404.html" target="_blank" class="art-item">
<div class="art-item-img">
<img src="/tywzt/ty66.jpg" alt="" />
</div>
<div class="art-item-info">
<div class="h4">c语言字符怎么转化为数字?</div>
<p>
1.理解ASCII码在C语言中，每个字符都与一个ASCII码值相关联。ASCII码是一种用于表示字符的标准编码系统，它将字符映射到整数值。例如，大写字母...<span>详情>></span>
</p>
<span>2023-10-16 15:21:23</span>
</div>
</a>
<a href="http://www.mobiletrain.org/about/BBS/211381.html" target="_blank" class="art-item">
<div class="art-item-img">
<img src="/tywzt/ty60.jpg" alt="" />
</div>
<div class="art-item-info">
<div class="h4">分布式数据库系统有哪些特点?</div>
<p>
一、数据分布分布式数据库系统的首要特点之一是数据分布。数据通常存储在多个节点或服务器上，而不是集中存储在单一地点。这种分布式存储方式可...<span>详情>></span>
</p>
<span>2023-10-16 15:06:37</span>
</div>
</a>
<a href="http://www.mobiletrain.org/about/BBS/211368.html" target="_blank" class="art-item">
<div class="art-item-img">
<img src="/tywzt/tongyong7.jpg" alt="" />
</div>
<div class="art-item-info">
<div class="h4">如何进行时区处理?</div>
<p>
一、理解全球时区的基本概念时区是一个复杂而有序的系统。地球被划分为24个时区，每个时区大约代表一个小时。不过，由于政治、经济等因素，实际...<span>详情>></span>
</p>
<span>2023-10-16 14:54:03</span>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="con-right">
<div class="con-right-rywd">
<div class="rywd-tit h3">
<i class="ypfont yp-weinituijian"></i>热门推荐
</div>
<div class="swiper3">
<a href="http://www.mobiletrain.org/about/BBS/211461.html" target="_blank">
<div class="ypfont yp-zhiding"></div>
<p>终端设备是什么意思?</p>
<span class="a11">沸</span>
</a>
<a href="http://www.mobiletrain.org/about/BBS/211458.html" target="_blank">
<div class="ypfont yp-1"></div>
<p>thinkphp3.2中的常见错误和解决方法是什么?</p>
<span class="a21">热</span>
</a>
<a href="http://www.mobiletrain.org/about/BBS/211455.html" target="_blank">
<div class="ypfont yp-2"></div>
<p>如何使用Git放弃修改?</p>
<span class="a31">热</span>
</a>
<a href="http://www.mobiletrain.org/about/BBS/211451.html" target="_blank">
<div class="ypfont yp-3"></div>
<p>bak文件是啥?</p>
<span class="a41">新</span>
</a>
<a href="http://www.mobiletrain.org/about/BBS/211448.html" target="_blank">
<div class="a5">
4 </div>
<p>什么是vue框架?</p>
</a>
<a href="http://www.mobiletrain.org/about/BBS/211443.html" target="_blank">
<div class="a6">
5 </div>
<p>如何从Github上获取代码并运行?</p>
</a>
<a href="http://www.mobiletrain.org/about/BBS/211439.html" target="_blank">
<div class="a7">
6 </div>
<p>如何编译GitHub上项目?</p>
</a>
<a href="http://www.mobiletrain.org/about/BBS/211434.html" target="_blank">
<div class="a8">
7 </div>
<p>如何进行Twitter Card集成?</p>
</a>
<a href="http://www.mobiletrain.org/about/BBS/211432.html" target="_blank">
<div class="a9">
8 </div>
<p>如何进行Open Graph优化?</p>
</a>
<a href="http://www.mobiletrain.org/about/BBS/211428.html" target="_blank">
<div class="a10">
9 </div>
<p>oracle怎么查询数据数量?</p>
</a>
</div>
<!-- <div class="swiper-button-prev swiper-button-prev3">
<i class="indexfont index-youjiantou-copy"></i>
</div>
<div class="swiper-button-next swiper-button-next3">
<i class="ypfont yp-huanyipi"></i>换一批
</div> -->
</div>
<!-- 面试题库 -->
<a href="javascript:;" rel="nofollow" onclick="open53_pc()" class="right-ad">
<img src="/images/right-ad.jpg" alt="" /></a>
<!-- 技术干货 -->
<div class="con-right-rywd">
<div class="tk-tit h3">
<a class="left" href="http://www.mobiletrain.org/about/BBS/" target="_blank"><i class="ypfont yp-fabujishu" ></i>技术干货</a>
<a href="http://www.mobiletrain.org/about/BBS/" target="_blank">更多>></a>
</div>
<div class="swiper2 ">
<a href="http://www.mobiletrain.org/about/BBS/258998.html" class="swiper-slide" target="_blank">
<div class="img-box">
<img
src="http://www.mobiletrain.org//tywzt/ty33.jpg"
alt=""
/>
</div>
<div>
<div class="h3">如何实现服务器负载均衡</div>
<p>2023-12-06</p>
</div>
</a>
<a href="http://www.mobiletrain.org/about/BBS/258997.html" class="swiper-slide" target="_blank">
<div class="img-box">
<img
src="http://www.mobiletrain.org//tywzt/tongyong12.jpg"
alt=""
/>
</div>
<div>
<div class="h3">linux有哪些优势和劣势</div>
<p>2023-12-06</p>
</div>
</a>
<a href="http://www.mobiletrain.org/about/BBS/258996.html" class="swiper-slide" target="_blank">
<div class="img-box">
<img
src="http://www.mobiletrain.org//tywzt/ty64.jpg"
alt=""
/>
</div>
<div>
<div class="h3">linux需要驱动吗</div>
<p>2023-12-06</p>
</div>
</a>
<a href="http://www.mobiletrain.org/about/BBS/258995.html" class="swiper-slide" target="_blank">
<div class="img-box">
<img
src="http://www.mobiletrain.org//tywzt/tongyong7.jpg"
alt=""
/>
</div>
<div>
<div class="h3">android与linux的区别</div>
<p>2023-12-06</p>
</div>
</a>
<a href="http://www.mobiletrain.org/about/BBS/258994.html" class="swiper-slide" target="_blank">
<div class="img-box">
<img
src="http://www.mobiletrain.org//tywzt/ty64.jpg"
alt=""
/>
</div>
<div>
<div class="h3">如何搭建基于容器的深度学习环境</div>
<p>2023-12-06</p>
</div>
</a>
</div>
</div>
<!-- 职场就业 -->
<div class="con-right-rywd">
<div class="tk-tit h3">
<a class="left" href="http://www.mobiletrain.org/zcjy/" target="_blank"><i class="ypfont yp-minzhengtubiao1-46" ></i>职场就业</a>
<a href="http://www.mobiletrain.org/zcjy/" target="_blank">更多>></a>
</div>
<div class="swiper2 ">
<a href="http://www.mobiletrain.org/zcjy/wlaq/259025.html" class="swiper-slide zcjy" target="_blank">
<div class="img-box">
<img
src="http://www.mobiletrain.org//tywzt/ty41.jpg"
alt=""
/>
</div>
<div>
<div class="h3">网络安全软件开发的就业前景</div>
<p>2023-12-09</p>
</div>
</a>
<a href="http://www.mobiletrain.org/zcjy/python/259024.html" class="swiper-slide zcjy" target="_blank">
<div class="img-box">
<img
src="http://www.mobiletrain.org//tywzt/tongyong6.jpg"
alt=""
/>
</div>
<div>
<div class="h3">学会python工程师后的就业前景</div>
<p>2023-12-09</p>
</div>
</a>
<a href="http://www.mobiletrain.org/zcjy/java/259023.html" class="swiper-slide zcjy" target="_blank">
<div class="img-box">
<img
src="http://www.mobiletrain.org//tywzt/tongyong2.jpg"
alt=""
/>
</div>
<div>
<div class="h3">学会java工程师后的就业前景</div>
<p>2023-12-09</p>
</div>
</a>
<a href="http://www.mobiletrain.org/zcjy/linux/136992.html" class="swiper-slide zcjy" target="_blank">
<div class="img-box">
<img
src="http://www.mobiletrain.org//2023/0428/1682660765277.png"
alt=""
/>
</div>
<div>
<div class="h3">云计算技术就业前景以及发展方向怎样？</div>
<p>2023-08-07</p>
</div>
</a>
</div>
</div>
<!-- 快速通道 -->
<div class="con-right-rywd">
<div class="rywd-tit h3">
<i class="ypfont yp-weinituijian"></i>快速通道</div>
<ul class="kstd">
<li>
<div class="h3">培训机构</div>
<a href="http://www.mobiletrain.org/training/" target="_blank">了解培训相关</a>
</li>
<li>
<div class="h3">就业前景</div>
<a href="http://www.mobiletrain.org/zcjy/" target="_blank">查看就业前景</a>
</li>
<li>
<div class="h3">培训门槛</div>
<a href="http://www.mobiletrain.org/ljc/" target="_blank">了解学习门槛</a>
</li>
<li>
<div class="h3">应聘面试</div>
<a href="http://www.mobiletrain.org/interview/" target="_blank">常见面试考题</a>
</li>
<li>
<div class="h3">就业服务</div>
<a href="http://www.mobiletrain.org/employ/" target="_blank" rel="nofollow">毕业推荐就业</a>
</li>
<li>
<div class="h3">师资团队</div>
<a href="http://www.mobiletrain.org/teachers/" target="_blank" rel="nofollow">了解师资团队</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<link rel="stylesheet" href="/css/css3451.css">
<div class="edu-footer">
<div class="base">
<div class="con-left">
<img src="http://www.mobiletrain.org/images_index/new-logo-white.png" class="edu-footer-logo" />
<p class="edu-footer-sologan">初心至善 匠心育人</p>
<p class="edu-footer-phoneNumber">
<i class="icon icon-dianhua1"></i>400-811-9990
<a href="javascript:;" onclick="open53_pc()" rel="nofollow">24小时在线咨询</a>
</p>
</div>
<div class="con-right">
<div class="edu-footer-about-links">
<div class="list1 list">
<div class="h4">关于千锋</div>
<ul>
<li>
<a href="http://www.mobiletrain.org/about/" target="_blank" rel="nofollow">千锋简介</a>
</li>
<li>
<a href="http://www.mobiletrain.org/about/contact.html" target="_blank" rel="nofollow">联系我们</a>
</li>
<li>
<a href="http://www.mobiletrain.org/qynx/" target="_blank" rel="nofollow">企业服务</a>
</li>
<li>
<a href="http://www.mobiletrain.org/topic/fygy.html" target="_blank" rel="nofollow">锋益公益</a>
</li>
</ul>
</div>
<div class="list1 list">
<div class="h4">学习资源</div>
<ul>
<li>
<a href="http://prj.qfedu.com/" target="_blank" rel="nofollow">项目库</a>
</li>
<li>
<a href="http://www.mobiletrain.org/open/" target="_blank" rel="nofollow">公开课</a>
</li>
<li>
<a href="http://video.mobiletrain.org/" target="_blank" rel="nofollow">视频教程</a>
</li>
<!-- <li>
<a href="http://www.mobiletrain.org/book/index.html?type=1" target="_blank" rel="nofollow">原创丛书</a>
</li> -->
</ul>
</div>
<div class="list1 list">
<div class="h4">服务指南</div>
<ul>
<li>
<a href="javascript:;" onclick="open53_pc()" rel="nofollow">报名咨询</a>
</li>
<li>
<a href="javascript:;" onclick="open53_pc()" rel="nofollow">校区分布</a>
</li>
<li>
<a href="http://www.mobiletrain.org/sitemap.html" target="_blank" rel="nofollow">网站地图</a>
</li>
<li>
<a href="http://www.mobiletrain.org/privacyPolicy.html" target="_blank" rel="nofollow">隐私声明</a>
</li>
</ul>
</div>
</div>
<div class="qrcode-box">
<div class="qrcode flex-center">
<img src="/wzt/qr-code-new.png" alt="千锋教育" />
</div>
<div class="h4">千锋学习站 | <span>随时随地免费学</span></div>
</div>
<div class="qrcode-box">
<div class="qrcode flex-center">
<img src="http://www.mobiletrain.org/images_index/qr-code-new2.png" alt="千锋教育" />
</div>
<div class="h4">扫一扫进入千锋手机站</div>
</div>
</div>
</div>
</div>
<div class="footer-link">
<div class="base">
<div class="links-tab">
<span class="active">热门课程</span>
<!-- <span>热点话题</span> -->
<!-- <span>学习线路图</span> -->
<!-- <span>千锋全国</span> -->
</div>
<div class="links-a active">
<!-- 编辑配置cms -->
<a href="http://www.mobiletrain.org/" target="_blank">IT培训</a>
<a href="http://java.mobiletrain.org/" target="_blank">java培训</a>
<a href="http://www.mobiletrain.org/special/harmonyos.html" target="_blank">鸿蒙开发培训</a>
<a href="http://www.mobiletrain.org/special/emb.html" target="_blank">嵌入式培训</a>
<a href="http://www.mobiletrain.org/special/python.html" target="_blank">python培训</a>
<a href="http://www.mobiletrain.org/special/ui.html" target="_blank">UI培训</a>
<a href="http://www.mobiletrain.org/special/test.html" target="_blank">软件测试培训</a>
<a href="http://www.mobiletrain.org/special/linux.html" target="_blank">云计算培训</a>
<a href="http://www.mobiletrain.org/special/bigdata.html" target="_blank">大数据培训</a>
<a href="http://www.mobiletrain.org/special/wlw.html" target="_blank">物联网培训</a>
<a href="http://www.mobiletrain.org/special/wlw.html" target="_blank">游戏开发培训</a>
<a href="http://www.mobiletrain.org/special/qmt.html" target="_blank">全媒体运营培训</a>
<a href="http://www.mobiletrain.org/special/ysjj.html" target="_blank">影视剪辑培训</a>
<a href="http://www.mobiletrain.org/special/wlaq.html" target="_blank">网络安全培训</a>
</div>
<!-- <div class="links-a"> -->
<!-- 编辑配置cms3490 -->
<!-- </div> -->
<!-- <div class="links-a">
编辑配置cms 3442
</div> -->
<!-- <div class="links-a"> -->
<!-- 编辑配置cms3443 -->
<!-- </div> -->
</div>
<div class="copyright">
<p class="copyright-p">
Copyright 2011-2025
<a href="javascript:;" rel="nofollow" title="千锋互联">北京千锋互联科技有限公司</a>
<a href="https://beian.miit.gov.cn/" rel="nofollow">
京ICP备12003911号-3
</a>
<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802035719" rel="nofollow"
style="display: inline-block;text-decoration: none;height: 20px;line-height: 20px;">
<img src="/wzt/beian.png" />京公网安备 11010802030320号
</a>
</p>
<p>千锋教育 运营主体：北京千锋互联科技有限公司，属具备计算机技术培训资质的教育培训机构。</p>
</div>
</div>
<script src="http://www.mobiletrain.org/js/jquery.min.js"></script>
<script src="http://www.mobiletrain.org/js/swiper4.5.0.min.js"></script>
<script src="http://www.mobiletrain.org/js/common1.js?111"></script>
<script src="/js/highlight.min.js"></script>
<script>
hljs.highlightAll();
</script>
<script>
$(document).ready(function () {
var href = $("#tag_click").attr("href");
if (href && href.indexOf("-0-") != -1) {
var tag_code = $("#tag_click").html();
$.ajax({
url: "http://app.mobiletrain.org/tags.php",
type: "get",
dataType: "json",
data: { tag_code: tag_code },
success: function (data) {
$("#tag_click").attr(
"href",
"http://www.mobiletrain.org/tag-" + data + "-1.html"
);
},
});
}
});
if (
location.href.indexOf("/about/info/") > -1 ||
location.href.indexOf("/about/news/") > -1
) {
document
.getElementsByClassName("topicactive")[0]
.classList.remove("topicactive");
document
.getElementsByClassName("interviewactive")[0]
.classList.remove("interviewactive");
} else if (location.href.indexOf("/interview/") > -1) {
document
.getElementsByClassName("topicactive")[0]
.classList.remove("topicactive");
document
.getElementsByClassName("xwzxactive")[0]
.classList.remove("xwzxactive");
} else {
document
.getElementsByClassName("xwzxactive")[0]
.classList.remove("xwzxactive");
document
.getElementsByClassName("interviewactive")[0]
.classList.remove("interviewactive");
}
new Swiper(".swiper1", {
loop: true,
autoplay: true,
pagination: {
el: ".swiper-pagination1",
},
});
// new Swiper(".swiper3", {
// slidesPerView: 14,
// slidesPerGroup: 14,
// spaceBetween: 20,
// loop: true,
// direction: "vertical",
// // navigation: {
// // nextEl: ".swiper-button-next3",
// // prevEl: ".swiper-button-prev3",
// // },
// });
// new Swiper(".swiper4", {
// slidesPerView: 6,
// slidesPerGroup: 6,
// spaceBetween: 21,
// loop: true,
// direction: "vertical",
// navigation: {
// nextEl: ".swiper-button-next4",
// prevEl: ".swiper-button-prev4",
// },
// });
// new Swiper(".swiper-phone", {
// slidesPerView: 4,
// autoplay: true,
// spaceBetween: 0,
// loop: true,
// direction: "vertical",
// });
// $(".select_txt,.selet_open").hover(function (event) {
// $(".option").hide();
// $(this).siblings(".option").show();
// $(".select_box").removeClass("uiChooseActiveS");
// $(this).parent(".select_box").addClass("uiChooseActiveS");
// });
// $(document).click(function (event) {
// var eo = $(event.target);
// if (
// $(".select_box").is(":visible") &&
// eo.attr("class") != "option" &&
// !eo.parent(".option").length
// )
// $(".option").hide();
// $(".select_box").removeClass("uiChooseActiveS");
// });
// $(".option a").click(function () {
// var value = $(this).text();
// $(this).parent().siblings(".select_txt").text(value);
// $(".select_value").val(value);
// $(".option").hide();
// $(".select_box").removeClass("uiChooseActiveS");
// });
// $(".option").each(function (d) {
// var optionSize = 6;
// var optionLiHeight = $(".option a").height();
// var optionVarS = $(this).find("a").length - 2;
// console.log(optionVarS, optionSize);
// if (optionVarS > optionSize) {
// var optionSheight = 175;
// $(this).height(optionSheight);
// } else {
// var optionLiTal = optionVarS * optionLiHeight;
// $(this).height(optionLiTal);
// }
// });
// $(".option,.uiChooseTable,.mod_select ").mouseleave(function () {
// $(".select_box").removeClass("uiChooseActiveS");
// $(".option").hide();
// });
// $(".option a").each(function () {
// $(this).html("第" + $(this).text() + "页");
// });
new Swiper(".swiper-news", {
autoplay: true,
loop: true,
direction: "vertical",
});
$(".footer-link .links-tab span").click(function () {
$(this).addClass("active").siblings().removeClass("active");
$(".footer-link .links-a").removeClass("active");
$(".footer-link .links-a").eq($(this).index()).addClass("active");
});
// 开班信息模块
function kbxx () {
// var courseId =
// arguments.length > 0 && arguments[0] !== undefined
// ? arguments[0]
// : 13;
var cityId = arguments[0] !== undefined ? arguments[0] : 10;
$.ajax({
url: "https://owzsapi.qfedu.com/v1/api/openApiRestController/getAllClass?type=1",
type: "GET",
success: function success (res) {
var r = "";
var curTime = new Date().getTime();
var filterArr = res.data.filter(function (v) {
return v.cityId == cityId;
});
console.log(filterArr);
filterArr.reverse().forEach(function (v, idx) {
// 最大条数
if (idx > 14) return;
// 判断时间
var timeMode = "预约占座";
var kbTime = new Date(v.beginTime).getTime();
// 一个月
if (kbTime - curTime > 2592000000) {
timeMode = "预约占座";
}
if (kbTime - curTime > 0 && kbTime - curTime < 2642268030) {
timeMode = "即将报满";
}
if (kbTime - curTime < 0) {
timeMode = "爆满开班";
}
r +=
"<li class='swiper-slide'>\n <a href='javascript:;' rel='nofollow' onclick='open53_pc()'>\n <span>" +
(v.name.replace(v.cityName, "").split("班")[0] + "班") +
"</span>\n <span>" +
v.beginTime +
"</span>\n <span data-mode='" +
(timeMode === "即将报满"
? 0
: timeMode === "爆满开班"
? 2
: 1) +
"'>" +
timeMode +
" " +
(timeMode === "即将报满" ? "" : "") +
"</span>\n </a>\n </li>";
});
$(".des-right-classes .swiper-wrapper").html(r);
new Swiper(".swiper6", {
slidesPerView: 5,
slidesPerGroup: 5,
spaceBetween: 10,
loop: true,
autoplay: true,
direction: "vertical",
});
},
});
}
kbxx(10);
$(".kbxx_showXq_btn").click(function () {
$(".kbxx_showXq_box").css("display", "block");
});
$(".kbxx_showXq_box ul li").click(function () {
kbxx($(this).data("cityid"));
$(".choose-xq").html($(this).context.innerText);
$(".kbxx_showXq_box").css("display", "none");
});
/******************表单提交start********************/
// (function () {
// var timer = setInterval(function () {
// if (window.$) {
// clearInterval(timer);
// $(".list-submit").click(function () {
// var params = {
// name: $("#realname").val(),
// phone: $("#phone").val(),
// };
// var phReg = /^[\u4e00-\u9fa5a-zA-Z0-9-]{2,20}$/;
// var nameReg = /^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]8$/;
// // if (!nameReg.test($("#realname").val())) {
// // alert("请正确输入姓名");
// // return;
// // }
// if (!phReg.test($("#phone").val())) {
// alert("请正确输入手机号");
// return;
// }
// $.ajax({
// type: "POST",
// contentType: "application/json",
// url:
// "http://api-newzs.1000phone.net//v1/api/seoFormController/add",
// data: JSON.stringify(params),
// success: function success(res) {
// alert(res.msg);
// },
// });
// });
// }
// }, 1000);
// })();
/******************表单提交end********************/
console.log($(".content-left-box-child").height());
console.log($(".content-right-box-child").height());
if (
$(".content-left-box-child").height() >
$(".content-right-box-child").height()
) {
$(".content-right-box-child").addClass("sticky");
} else if (
$(".content-left-box-child").height() <
$(".content-right-box-child").height()
) {
$(".content-left-box-child").addClass("sticky");
}
// var bot =
// $(".con-right-rywd").offset().top +
// $(".con-right-rywd").outerHeight() -
// $(window).height() +
// 30;
// console.log(bot);
// var left = $("#fixTop").offset().left;
// $(document).scroll(function () {
// var scroH = $(document).scrollTop();
// var footTop = $(".edu-footer").offset().top - $(window).height();
// if (scroH > bot) {
// $("#fixTop").addClass("rig_fixed");
// $("#fixTop").css({ left: left });
// if (scroH > footTop) {
// $("#fixTop").addClass("rig_bottom");
// $("#fixTop").css({ left: "909px" });
// } else {
// $("#fixTop").removeClass("rig_bottom");
// // $("#fixTop").css({ left: "auto" });
// }
// } else {
// $("#fixTop").removeClass("rig_fixed");
// $("#fixTop").removeClass("rig_bottom");
// // $("#fixTop").css({ left: "auto" });
// }
// });
</script>
</body>
</html>
