在互联网时代，拥有一个专业的网站对于个人品牌或企业来说是至关重要的。而HTML作为构建网页的核心语言之一，了解“HTML网页怎么做”是每个网站开发者必备的技能。中企动力作为一家提供全方位网站建设与数字营销服务的品牌，我们深知HTML的重要性，并将在此分享一些基础知识和步骤，帮助您入门HTML网页制作。
您需要了解HTML的基本原理。HTML（Hyper Text Markup Language）即超文本标记语言，它定义了网页内容的结构和布局。通过使用不同的标签来组织文本、链接、图片等元素，您可以创建丰富的网页内容。
开始动手实践如何做HTML网页：
1. 准备工作
- 安装文本编辑器，如Notepad++或Visual Studio Code。
- 学习基本的HTML标签，如``, `
`, ``, `
`到``, `
`, ``, 等。
2. 创建HTML文件
- 打开您的文本编辑器，新建一个文件并将其保存为`index.html`。
- 编写基本的HTML结构：``声明文档类型，接着包裹上``标签，然后分为`
`和``部分。
3. 设计网页头部
- 在`
`部分添加网页标题，使用`
`标签。</p>
<p>- 可以添加meta信息，指定编码方式，以及视口设置等。</p>
<p>4. 填充网页主体</p>
<p>- 在`<body>`部分添加网站的主要内容，利用标题、段落和链接标签来组织内容。</p>
<p>- 插入图片，使用`<img>`标签，并设置`src`属性指向图片地址。</p>
<p>- 布局排版，通过`<div>`或`<span>`等标签结合CSS样式进行美化。</p>
<p>5. 链接CSS样式表</p>
<p>- 外部CSS样式表可以通过在`<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script>`部分使用`<link>`标签引入。</p>
<p>- 内部样式可直接在`<style>`标签内编写。</p>
<p>6. 验证和测试</p>
<p>- 使用W3C的在线验证工具检验HTML代码的正确性。</p>
<p>- 在不同浏览器上测试网页的显示效果，确保兼容性良好。</p>
<p>7. 发布网页</p>
<p>- 将HTML文件及资源上传至Web服务器。</p>
<p>- 确保服务器配置正确，以便外界可以访问到您的网页。</p>
<p>以上是制作HTML网页的基本流程。中企动力建议在您熟练掌握基本技能后，可以逐步学习更高级的HTML5和CSS3特性，进一步提升网站的交互性和视觉效果。</p>
<p>HTML网页的制作是一个既系统又细节的过程，涉及到的内容远不止上述几点。中企动力始终致力于帮助客户打造符合品牌形象的高质量网站，如果您希望进一步深造或有<a href="?zwz" target="_blank">建站</a>需求，欢迎随时咨询中企动力的专业团队。我们愿意以专业知识和丰富经验，助您一臂之力，让每一个想要“HTML网页怎么做”的人，都能找到满意的答案。</p>
</div>
<p class="tip">注：文章来源于网络，如有侵权请联系客服小姐姐删除。</p>
<p class="next">
<span>下一篇：</span>
<a href="?xxzx/28158.html">中企动力教你如何在手机上创建链接到网页</a>
</p>
<!-- 表单 -->
<form action="/customer/feedback?is_ajax=1" method="post" id="submitFormSpecial" name="submitform">
<input type="hidden" class="log_id" name="log_id" value="" />
<input type="hidden" class="promoteSlug" name="promoteSlug" value="" /> <!-- 常规表单不记入活动 -->
<input type="hidden" class="channelSlug" name="channelSlug" value="" />
<input type="hidden" class="formSlug" name="formSlug" value="" />
<input type="hidden" class="landUrl" name="landUrl" value="" />
<input type="hidden" name="formType" value='' /> <!-- 打开表单按钮 -->
<input type="hidden" name="eventType" value='' /> <!-- 打开表单按钮 -->
<input type="hidden" class="sourceUrl" name="sourceUrl" value="" />
<input type="hidden" other_title="备注" class="other" value="学习中心网站建设学院知识咨询" />
<div class="formBox">
<h3>没有找到您希望了解的内容？</h3>
<h4><span>*</span>请具体描述您想要了解的内容：</h4>
<div style="position: relative;">
<textarea other_title="其他需求"
class="formText required other" maxlength="200" id="" cols="30" rows="10" required_msg="具体描述不能为空"
placeholder="限定最大输入200个字符"
></textarea>
<span class="maxNum">0/200</span>
</div>
<h4><span>*</span>请留下联系方式，以便我们能联络到您：</h4>
<input type="text" name="mobile" class="phone" value="" maxlength="11" placeholder="手机号码" />
<input type="text" class="code verifyInput" name="verify" value="" placeholder="验证码" />
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="code_image" alt="">
<div class="btnBox">
<span class="btna zixunsubmit" >提交问题</span>
<span class="wechat">
<i class="iconfont iconweixin1"></i>
<span>微信咨询专家</span>
<div class="poper">
<img class="qr-img" src="https://a.300.cn/banner/20201209/5fd0705ba8c9b.jpg?20210303221641" alt="">
<p class="qr-tip">扫一扫，添加<span>动力小姐姐</span>微信</p>
</div>
</span>
</div>
</div>
</form>
</div>
<!-- 右侧推荐内容 -->
<div class="linkList">
<h2>相关文章</h2>
<a class="recommended-item" href="?xxzx/86030.html" target="_blank" title="企业如何通过独立站完全掌控促销活动提升市场响应速度">企业如何通过独立站完全掌控促销活动提升市场响应速度</a>
<a class="recommended-item" href="?xxzx/86029.html" target="_blank" title="外贸独立站怎样通过客户行为数据提升复购率与客户终身价值">外贸独立站怎样通过客户行为数据提升复购率与客户终身价值</a>
<a class="recommended-item" href="?xxzx/86028.html" target="_blank" title="独立站如何通过内容输出赢得国际客户信任与品牌认同">独立站如何通过内容输出赢得国际客户信任与品牌认同</a>
<a class="recommended-item" href="?xxzx/86027.html" target="_blank" title="外贸独立站如何通过灵活的定价与促销策略增强全球市场竞争力">外贸独立站如何通过灵活的定价与促销策略增强全球市场竞争力</a>
<a class="recommended-item" href="?xxzx/86026.html" target="_blank" title="外贸独立站如何通过自主掌控产品与促销策略提升利润">外贸独立站如何通过自主掌控产品与促销策略提升利润</a>
<div class="linkSwiper">
<div class="swiper-wrapper ajax_gg_new gg_dldxpcxq" data-slug="dldxpcxq" data-swiper="linkSwiper">
<ggtemplate>
<div class="swiper-slide">
<a url-href="?xxzx/{url}" target="{target}">
<img pic-src="?{pic}" alt="">
</a>
</div>
</ggtemplate>
</div>
<!-- 如果需要分页器 -->
<div class="pagination"></div>
</div>
</div>
</div>
</div>
</div>
<!-- 移动端内容区 -->
<div class="m-wrap hidden-lg">
<div class="powerUniversity-toobar-m">
<a>
<img src="https://s.300.cn/static/v1/images/powerUniversity/logo-m.png" alt="">
</a>
<form id="topBarSerach-m" action="/xxzx/search" method="get">
<div class="inputBox">
<input type="text" placeholder="请输入关键字查找..." id="search-input-m" class="info-search-input" name="wd" value="" />
<i class="iconfont iconsousuo1"></i>
</div>
</form>
</div>
<div class="detailSwiper">
<div class="swiper-wrapper ajax_gg_new gg_dldxmxq" data-slug="dldxmxq" data-swiper="detailSwiper">
<ggtemplate>
<div class="swiper-slide">
<a url-href="?xxzx/{url}" target="{target}">
<img pic-src="?{pic}" alt="">
</a>
</div>
</ggtemplate>
</div>
<!-- 如果需要分页器 -->
<div class="pagination"></div>
</div>
<div class="detailBox">
<h3>掌握HTML网页制作，打造专业网站</h3>
<div class="crumbs">
<a>学习中心</a>
<span>/</span>
<a href="?xxzx/wzjsyy">网站建设学院</a>
</div>
<div class="msg">
<span class="date">2024-09-12</span>
<div class="num" style="display:flex;">
<span class="watch">
<i class="iconfont iconchakan"></i>
<browse class="clickcount-learn-28157" data-type="learn" data-id="28157"></browse>
</span>
<div class="applaud" data-chanid="460" data-id="28157">
<i class="iconfont iconbixin"></i>
<span class="num"><like class="goodcount-learn-28157" data-type="learn" data-id="28157"></like></span>
<p class="add animated">
赞同+1
</p>
</div>
</div>
</div>
<!-- 富文本区域 -->
<div class="ricthText case-content">
<p>在互联网时代，拥有一个专业的网站对于个人品牌或企业来说是至关重要的。而HTML作为构建网页的核心语言之一，了解“HTML网页怎么做”是每个<a href="/" target="_blank">网站开发</a>者必备的技能。<a href="/" target="_blank">中企动力</a>作为一家提供全方位<a href="/" target="_blank">网站建设</a>与<a href="?ztg" target="_blank">数字营销</a>服务的品牌，我们深知HTML的重要性，并将在此分享一些基础知识和步骤，帮助您入门HTML网页制作。</p>
<p>您需要了解HTML的基本原理。HTML（Hyper Text Markup Language）即超文本标记语言，它定义了网页内容的结构和布局。通过使用不同的标签来组织文本、链接、图片等元素，您可以创建丰富的网页内容。</p>
<p>开始动手实践如何做HTML网页：</p>
<p>1. 准备工作</p>
<p>- 安装文本编辑器，如Notepad++或Visual Studio Code。</p><p>- 学习基本的HTML标签，如`<html>`, `<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script>`, `<body>`, `<h1>`到`<h6>`, `<p>`, `<a>`, 等。</p>
<p>2. 创建HTML文件</p>
<p>- 打开您的文本编辑器，新建一个文件并将其保存为`index.html`。</p>
<p>- 编写基本的HTML结构：`<!DOCTYPE html>`声明文档类型，接着包裹上`<html>`标签，然后分为`<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script>`和`<body>`部分。</p>
<p>3. 设计网页头部</p>
<p>- 在`<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script>`部分添加网页标题，使用`<title>`标签。</p>
<p>- 可以添加meta信息，指定编码方式，以及视口设置等。</p>
<p>4. 填充网页主体</p>
<p>- 在`<body>`部分添加网站的主要内容，利用标题、段落和链接标签来组织内容。</p>
<p>- 插入图片，使用`<img>`标签，并设置`src`属性指向图片地址。</p>
<p>- 布局排版，通过`<div>`或`<span>`等标签结合CSS样式进行美化。</p>
<p>5. 链接CSS样式表</p>
<p>- 外部CSS样式表可以通过在`<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script>`部分使用`<link>`标签引入。</p>
<p>- 内部样式可直接在`<style>`标签内编写。</p>
<p>6. 验证和测试</p>
<p>- 使用W3C的在线验证工具检验HTML代码的正确性。</p>
<p>- 在不同浏览器上测试网页的显示效果，确保兼容性良好。</p>
<p>7. 发布网页</p>
<p>- 将HTML文件及资源上传至Web服务器。</p>
<p>- 确保服务器配置正确，以便外界可以访问到您的网页。</p>
<p>以上是制作HTML网页的基本流程。中企动力建议在您熟练掌握基本技能后，可以逐步学习更高级的HTML5和CSS3特性，进一步提升网站的交互性和视觉效果。</p>
<p>HTML网页的制作是一个既系统又细节的过程，涉及到的内容远不止上述几点。中企动力始终致力于帮助客户打造符合品牌形象的高质量网站，如果您希望进一步深造或有<a href="?zwz" target="_blank">建站</a>需求，欢迎随时咨询中企动力的专业团队。我们愿意以专业知识和丰富经验，助您一臂之力，让每一个想要“HTML网页怎么做”的人，都能找到满意的答案。</p>
</div>
<p class="tip">注：文章来源于网络，如有侵权请联系客服小姐姐删除。</p>
<p class="next">
<span>下一篇：</span>
<a href="?xxzx//28158.html">中企动力教你如何在手机上创建链接到网页</a>
</p>
</div>
<!-- 表单 -->
<form action="/customer/feedback?is_ajax=1" method="post" id="submitFormSpecial" name="submitform">
<input type="hidden" class="log_id" name="log_id" value="" />
<input type="hidden" class="promoteSlug" name="promoteSlug" value="" /> <!-- 常规表单不记入活动 -->
<input type="hidden" class="channelSlug" name="channelSlug" value="" />
<input type="hidden" class="formSlug" name="formSlug" value="" />
<input type="hidden" class="landUrl" name="landUrl" value="" />
<input type="hidden" name="formType" value='' /> <!-- 打开表单按钮 -->
<input type="hidden" name="eventType" value='' /> <!-- 打开表单按钮 -->
<input type="hidden" class="sourceUrl" name="sourceUrl" value="" />
<input type="hidden" other_title="备注" class="other" value="学习中心网站建设学院知识咨询" />
<div class="formBox">
<h3>没有找到您希望了解的内容？</h3>
<h4><span>*</span>请具体描述您想要了解的内容：</h4>
<div style="position: relative;">
<textarea other_title="其他需求" class="formText required other" maxlength="200" id="" cols="30" rows="10" required_msg="具体描述不能为空"
placeholder="限定最大输入200个字符"></textarea>
<span class="maxNum">0/200</span>
</div>
<h4><span>*</span>请留下联系方式，以便我们能联络到您：</h4>
<input type="text" name="mobile" class="phone" value="" maxlength='11' placeholder="手机号码" />
<input type="text" class="code verifyInput" name="verify" value="" placeholder="验证码" />
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="code_image" alt="">
<span class="btn1 zixunsubmit" >提交问题</span>
<span class="wechat">
<i class="iconfont iconweixin1"></i>
<span>微信咨询专家</span>
</span>
<div class="poperWrap">
<div class="poper">
<img class="qr-img" src="https://a.300.cn/banner/20201209/5fd0705ba8c9b.jpg?20210303221641" alt="">
<p class="qr-tip">扫一扫，添加<span>动力小姐姐</span>微信</p>
<i class="iconfont iconguanbi11 closePoper"></i>
</div>
</div>
</div>
</form>
</div>
</div>
<input type="hidden" id="articleId" value="28157" />
<input type="hidden" id="channelId" value="460" />
<input type="hidden" id="channelType" value="learn" />
<input type="hidden" id="isDetail" value="1" />
<link rel="stylesheet" href="https://s.300.cn/static/v1/css/components/component-tel.css?202104171" />
<div class="hidden-xs hidden-md hidden-sm">
<div class="ics-tel pc tc">
<!-- 产品页为：获取外贸...报价 -->
<div class="word footer-word"></div>
<div class="tel-inp">
<div class="tel-inp-line">
<div class="contry-code">+86</div>
<input type="text" class="tel-num telNum" value="" placeholder="输入手机号" />
<div class="clear-btn" style="display: none">
x
</div>
</div>
<div class="tel-inp-line _codeLine" style="margin: 0 20px;display: none;">
<input type="text" class="tel-code telCode" value="" placeholder="验证码" />
<div class="clear-code-btn" style="display: none">
x
</div>
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="tel_verify_image" alt="">
</div>
<a class="main-btn" type="button" href="javascript:void(0)">预约生成报价单 </a>
</div>
</div>
</div>
<div class="hidden-lg">
<div class="ics-tel m tc">
<!-- 产品页为：获取外贸...报价 -->
<div class="word footer-word"></div>
<div class="tel-inp">
<div class="tel-inp-line">
<div class="contry-code">+86</div>
<input type="tel" class="tel-num telNum" value="" placeholder="输入手机号" />
<!-- <div class="clear-btn">x</div> -->
</div>
<div class="tel-inp-line _codeLine" style="margin: 0 .2rem;display: none;">
<input type="text" class="tel-code telCode" value="" placeholder="验证码" />
<div class="clear-code-btn" style="display: none">
x
</div>
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="tel_verify_image" alt="">
</div>
<a class="main-btn" type="button" href="javascript:void(0)">预约生成报价单 </a>
</div>
</div>
<form action="/customer/feedback?is_ajax=1" method="post" id="_hiddenFooterForm" style="display: none;">
<input type="hidden" name="is_pop" value="1">
<input type="hidden" class="log_id" name="log_id" value="44a9f2a8-8f34-d24a-e637-e0347eb12b70">
<input type="hidden" class="promoteSlug" name="promoteSlug" value="">
<!-- 常规表单不记入活动 -->
<input type="hidden" class="channelSlug" name="channelSlug" value="">
<input type="hidden" class="formSlug" name="formSlug" value="guanwang">
<input type="hidden" class="landUrl" name="landUrl" value="/">
<input type="hidden" name="formType" value="PC咨询联系浮窗">
<!-- 打开表单按钮 -->
<input type="hidden" name="eventType" value="pc-zixun">
<!-- 打开表单按钮 -->
<input type="hidden" class="sourceUrl" name="sourceUrl" value="">
<input type="hidden" name="baiduSource" value="INTENTION_SOURCE_300_FORM01">
</form>
</div>
<!-- 移动端底部 -->
<!-- 移动端调试工具 -->
<div class="hidden-lg">
<script src="https://s.300.cn/static/v1/libs/js/public.m.js?20230104203054"></script>
<script src="https://s.300.cn/static/v1/libs/js/form.m.js?20230104203054"></script>
<script type="text/javascript" src="https://s.300.cn/static/v1/js/headsearch.js?20230104203054"></script>
<div class="footer m">
<div class="copy-right">
<p>
Copyright ? 1999-2025 中企金年会科技股份有限公司（300.cn）All Rights
Reserved
</p>
<p>京公网安备11030102010293号 京ICP证010249-2</p>
<p>代理域名注册服务机构： 中网金年会（天津）科技有限公司 北京金年会数码信息技术有限公司</p>
</div>
</div>
<script>
$(function(){
$('#footerDialogLabel').click(function(){
$("#footerDialog").stop().fadeIn(300);
})
$('#footerDialog').on('touchmove',function(e){
e.stopPropagation();
e.preventDefault();
})
$('#footerDialog #consultClose').click(function(){
$("#footerDialog").stop().fadeOut(300);
})
$('#footerDialog .verify_image_footer').on('click',function(){$(this).attr('src','/verify/verify?date='+ (+new Date()))})
})
</script>
<!-- 移动端表单弹窗 -->
<div class="footerDialogModalWrap" id="footerDialog">
<form action="/customer/feedback" method="post">
<input type="hidden" class="log_id" name="log_id" value="" />
<input type="hidden" class="promoteSlug" name="promoteSlug" value="" />
<!-- 常规表单不记入活动 -->
<input type="hidden" class="channelSlug" name="channelSlug" value="" />
<input type="hidden" class="formSlug" name="formSlug" value="" />
<input type="hidden" class="landUrl" name="landUrl" value="" />
<input type="hidden" class="formType" name="formType" value="手机站底表单" />
<!-- 打开表单按钮 -->
<input type="hidden" class="eventType" name="eventType" value="m-bottom-form" />
<div class="pop-form-wrap">
<div id="consultClose" class="pop-form-close">
<img src="https://s.300.cn/v3.0/m-branch/images/consult-close.png" alt="">
</div>
<p class="pop-form-title">立即联系我</p>
<div class="pop-form-content">
<div class="pop-form-item">
<input type="text" name="company" placeholder="请输入公司名称">
</div>
<div class="pop-form-item">
<input type="text" name="mobile" placeholder="请输入手机号码">
</div>
<div class="pop-form-item">
<input type="text" name="truename" placeholder="请输入联系人">
</div>
<div class="flex-row pop-form-item">
<input type="text" id="verify" name="verify" class="verifyInput" placeholder="请输入验证码">
<img style="width:auto;height: 8vw;display: inline-block; vertical-align: middle;"
src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="verify_image_footer" data-act=""
alt="">
</div>
<div class="pop-form-btn">
<input type="hidden" name="baiduSource" id="baiduSource"
value="INTENTION_SOURCE_300_FORM02" />
<div id="consultSubmit" class="pop-form-submit consult-submit zixunsubmit">立即提交</div>
</div>
</div>
</div>
</form>
</div>
</div>
<!-- PC端底部 -->
<div class="hidden-xs hidden-md hidden-sm _pc">
<div class="footer">
<div class="footer-topbar">
<div class="main-wrap new-w1200">
<ul class="footer-topbar-content clearfix">
<li class="footer-topbar-item">
<div class="cycle cycle1">
<span class="f28">7</span> x <span class="f28">24</span>
</div>
<div>全国售后支持</div>
</li>
<li class="footer-topbar-item">
<div class="cycle cycle2"><span class="f28">100</span> 倍</div>
<div>故障时长赔付</div>
</li>
<li class="footer-topbar-item">
<div class="cycle cycle3"><span class="f28">26</span> 年</div>
<div>26年行业服务经验</div>
<!-- <div class="cycle cycle3"><span class="f28">25</span> 年</div>
<div>25年行业服务经验</div> -->
</li>
<li class="footer-topbar-item">
<div class="cycle cycle4"><span class="f28">70</span> 家</div>
<div>全国售后支持</div>
</li>
<li class="footer-topbar-item">
<div class="cycle cycle5"><span class="f28">1600</span>+ 名</div>
<div>超千人的设计、研发团队</div>
</li>
<li class="footer-topbar-item">
<div class="cycle cycle6"><span class="f28">150</span> 万</div>
<div>服务企业客户150万家</div>
</li>
</ul>
<div class="line"></div>
</div>
</div>
<div class="footer-body">
<div class="main-wrap footer-content new-w1200">
<div class="clearfix">
<div class="footer-menu">
<a target="_blank" href="?contact.html">联系我们</a><span>|</span>
<a href="?feedback.html" target="_blank">意见反馈</a><span>|</span>
<a href="?aboutus/org.html" target="_blank">全国网点</a><span>|</span> <a
href="?map.html" target="_blank">站点地图</a><span>|</span>
<a href="?aboutus/link.html" target="_blank">友情链接</a><span>|</span>
<a href="https://www.myce.cn/" target="_blank">行业站</a><span>|</span>
<a href="https://mailv.zmail300.cn/webmail/login.php?msg=login&source=300"
target="_blank">邮箱登录</a><span>|</span>
<a href="https://en.300.cn/" target="_blank">English</a><span>|</span>
<a href="http://www.ce-group.cn/" target="_blank">中企集团官网</a>
</div>
<div class="copyright mt10">
Copyright ? 1999-2025 中企金年会科技股份有限公司（300.cn）版权所有
<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11030102010293 "
target="_blank" style="color: #999">京公网安备11030102010293号 </a><a
href="http://beian.miit.gov.cn" target="_blank" style="color: #999">京ICP证010249-2</a><span
style="
display: inline-block;
vertical-align: middle;
margin-left: 10px;
">
<script id="IPv6Script" type="text/javascript"
src="https://ipv6.knet.cn/logo.dll?sn=ES19120636ND144173&w=47"></script>
</span>
</div>
<div class="footer-menu mt10">代理域名注册服务机构： 中网金年会（天津）科技有限公司 北京金年会数码信息技术有限公司</div>
<div class="kx-wrap clearfix">
<div class=" fl">
<div class="fl">
<script id="kXScript_1" type="text/javascript"
src="https://kxlogo.knet.cn/seallogo.dll?sn=2009111300100000738&h=28"></script>
</div>
</div>
</div>
</div>
<div class="footer-tel clearfix">
<i class="iconfont iconshouyedibudianhua fl"></i>
<div class="fl">
<div>
售后服务：<span class="sll-tel">400-660-5555-1</span>
</div>
<!-- <div>
<span class="sll-z9 fr">应急响应专线转 (9)</span>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
<script charset="UTF-8" src="https://s.300.cn/static/v1/libs/js/sensorsdata/sensorsdata.min-1.26.12.js"></script>
<script charset="UTF-8">
function getCookie(name) {
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if (arr = document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
}
var sensors = window['sensorsDataAnalytic201505'];
sensors.init({
server_url: 'https://cdp-event.ceboss.cn/sa?project=production',
heatmap: { scroll_notice_map: 'not_collect' },
use_client_time: true,
show_log: false,
send_type: 'beacon',
});
var productName300cn = ZQDL.util.productName300cn;
var domaintmp = document.domain;
var custId300cn = getCookie('300cn_custId');
domaintmp = domaintmp.replace(/dev-/, '');
domaintmp = domaintmp.replace(/test-/, '');
domaintmp = domaintmp.replace(/pre-/, '');
if(custId300cn){
sensors.login(custId300cn)
}
var str = {
is_login: custId300cn ? true : false,
product_name: productName300cn[domaintmp],
};
if($('#live_carousel_id').val()!=undefined && $('#live_carousel_title').val()!=undefined){
str.live_carousel_id = $('#live_carousel_id').val();
str.live_carousel_title = $('#live_carousel_title').val();
}
sensors.registerPage(str);
/*神策活动埋点数据*/
sensors.register({
ce_hd_slug:getCookie('ce_hd_slug')?getCookie('ce_hd_slug') : 'gz_gz_gz',
});
sensors.quick('autoTrack');
var consoleApiBaseUri = 'https://new-api-console.300.cn';
var shopApiBaseUri = 'https://api-shop.300.cn';
var memberPcBaseUri = 'https://new-console.300.cn';
var portalBuyBaseUri = 'https://portalbuy.300.cn';
var basePcUri = '';
var baseMUri = 'https://m.300.cn';
var baseuriMmemberHome = 'https://h5.300.cn';
</script>
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2627684817413321');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2627684817413321&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- pc -->
<div class="_tool-bar hidden-xs hidden-sm hidden-md">
<a href="https://tb.53kf.com/code/client/10168926/3" class="_tool-oval-info" target="_blank"
style="position: relative;justify-content: center;flex-direction: column;">
<i class="iconfont iconce-zaixianzixun" aria-hidden="true"></i>
<span>在线咨询</span>
</a>
<div class="_tool-bar-bottom">
<div class="wachat-box">
<div class="qrcode-box">
<img class="qrcode-img" src="https://a.300.cn/banner/20201209/5fd0705ba8c9b.jpg?20210303221641" alt="" />
<p class="qrcode-tip">添加<span>动力小姐姐</span>微信</p>
</div>
<i class="iconfont iconce-erweima" aria-hidden="true"></i><span>微信咨询</span>
</div>
<div class="wachat-box phone-box">
<div class="qrcode-box _tool-contact _phoneContent">
<div class="_tool-contact-cell">
<div class="_fl"><i class="iconfont iconce-womenlianxinin" aria-hidden="true"></i></div>
<div class="_fl _tool-contact-type">我们联系您</div>
<div class="clearfix"></div>
<div class="_tool-contact-mobile">
<input type="tel" value="" class="_phoneNumber" autocomplete="off" name="mobile" id="mycall_input"
required="required" placeholder="输入手机号" />
</div>
<div class="_tool-contact-code">
<input type="text" name="verify" id="mycall_verify" autocomplete="off" class="_codeNumber"
placeholder="验证码" />
<div class="_codeImg">
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="verify_image_left" alt="">
</div>
<div class="clearfix"></div>
</div>
<button type="button" class="_tool-submit" id="mycall_submit">免费回拨</button>
<form action="/customer/feedback?is_ajax=1" method="post" id="_hiddenForm" style="display: none;">
<input type="hidden" name="is_pop" value="1">
<input type="hidden" class="log_id" name="log_id" value="44a9f2a8-8f34-d24a-e637-e0347eb12b70">
<input type="hidden" class="promoteSlug" name="promoteSlug" value="">
<!-- 常规表单不记入活动 -->
<input type="hidden" class="channelSlug" name="channelSlug" value="">
<input type="hidden" class="formSlug" name="formSlug" value="guanwang">
<input type="hidden" class="landUrl" name="landUrl" value="/">
<input type="hidden" name="formType" value="PC咨询联系浮窗">
<!-- 打开表单按钮 -->
<input type="hidden" name="eventType" value="pc-zixun">
<!-- 打开表单按钮 -->
<input type="hidden" class="sourceUrl" name="sourceUrl" value="">
<input type="hidden" name="baiduSource" value="INTENTION_SOURCE_300_FORM01">
</form>
</div>
</div>
<i class="iconfont iconce-kefu" aria-hidden="true"></i><span>咨询回电</span>
</div>
</div>
</div>
<div class="_err_Msg"></div>
<!-- m -->
<div class="m-tool-bar hidden-lg">
<a href="?xxzx/tel:400-660-5555" class="m-tool-contact">
<div class="m-tool-i"><i class="iconfont iconshouyedibudianhua"></i></div>
<div class="m-tool-tip">电话沟通</div>
</a>
<div class="m-tool-line"></div>
<a href="https://tb.53kf.com/code/client/10168926/3" class="m-tool-contact">
<div class="m-tool-i"><i class="iconfont iconce-zaixianzixun"></i></div>
<div class="m-tool-tip">在线沟通</div>
</a>
<div class="m-tool-line"></div>
<a href="javascript:void(0)" class="m-tool-contact m-qr-show">
<div class="m-tool-i"><i class="iconfont iconweixin"></i></div>
<div class="m-tool-tip">微信咨询</div>
</a>
<div class="m-qr-mask">
<div class="m-qr-mask-body">
<div class="m-qr-mask-head">微信扫码关注动力小姐姐 <span class="m-qr-close">X</span> </div>
<div class="m-qr-code">
<img src="https://a.300.cn/banner/20201209/5fd0705ba8c9b.jpg?20210308211108" alt="qr">
</div>
</div>
</div>
</div>
<script type="text/javascript" src="https://s.300.cn/static/v1/js/toolbar.js?20230104203054"></script>
<!-- 弹窗 -->
<div class="hd-pop" id="hd_pop">
<div class="hd-pop-wrap" id="hd_pop_wrap">
<div class="hd-pop-content">
<div class="hd-content" id="hd_content"></div>
<div class="hd-pop-close" id="hd_pop_close"></div>
</div>
</div>
</div>
<link rel="stylesheet" href="https://s.300.cn/attach/style/v3.0/home/css/login-pop.css?">
<div class="buy-pop-warning">
<div class="flex-col buy-pop-login">
<div class="flex-col buy-pop-block">
<p class="buy-pop-title">请登录您的帐号：</p>
<a href="?sso/login" class="buy-pop-btn btn-a buy-pop-btn-login home_login pc_home_login">去登录</a>
<a href="https://m.300.cn/sso/login" class="buy-pop-btn btn-a buy-pop-btn-login home_login m_home_login">去登录</a>
</div>
<div class="flex-row buy-pop-block">
<p class="buy-pop-p">如您尚未注册帐号，请先注册</p>
<a href="?reg/register" class="buy-pop-btn btn-b home_reg pc_home_reg">去注册</a>
<a href="https://h5.300.cn/reg/register" class="buy-pop-btn btn-b home_reg m_home_reg">去注册</a>
</div>
<a href="javascript:void(0);" class="buy-pop-close"></a>
</div>
</div>
<script>
/* 判断是否已登录 */
function checkLogin(callback) {
try {
callback(logined)
} catch (error) {
$.ajax({
url: basePcUri + '/sso/islogin?is_ajax=1',
type: 'POST',
dataType: 'jsonp',
data: {},
success: function (data) {
/* console.log(data); */
if (typeof callback === "function") {
callback(data);
}
}
})
}
}
</script>
<script>
ZQDL.util.path = {"shopapi":"api-shop.300.cn","consoleBuy":"https://portalbuy.300.cn","consoleApi":"https://new-api-console.300.cn","console":"https://new-console.300.cn","300cn":"","analytics":{"cnzz":"1260942543","baidu":"6f0f6cbf8573c4abf74207e5f6cf014","qq":"XzgwMDE0NDcwMF8zODA4NzdfODAwMTQ0NzAwXw"},"surl":{"url":"http:\/\/wx.300.cn\/index.php","tenant_id":1,"channel_type":1,"token_id":"ab0d4dfcd4cf0e76825641696088f919","passwordKey":"app#interface!"}};
ZQDL.util.protocol = ("https:" == document.location.protocol) ? " https://" : " http://";
ZQDL.util.zixun = {"tq":{"work":["08:59","17:45"],"no_work":[],"url":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958279","qq":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958279"},"bd":{"work":["17:45","08:59"],"no_work":["00:00","23:59"],"url":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D","qq":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D"},"360":{"work":["17:45","08:59"],"no_work":[],"url":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D","qq":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D"},"tx":{"work":["17:45","08:59"],"no_work":[],"url":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=9246087","qq":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=9246087"},"sg":{"work":["17:45","08:59"],"no_work":[],"url":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D","qq":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D"},"sm":{"work":["17.45","08.59"],"no_work":[],"url":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958280","qq":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958280"},"wy":{"work":["17.45","08.59"],"no_work":[],"url":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958280","qq":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958280"},"baidu_url":"http:\/\/p.qiao.baidu.com\/cps\/chat?siteId=10660374&userId=22490479","qq_url":"http:\/\/wpa.b.qq.com\/cgi\/wpa.php?ln=1&key=XzgwMDE0NDcwMF80NjQ2ODlfODAwMTQ0NzAwXzJf"};
</script>
</body>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?ad721a4a8912aa77ef574a4de1ff8526";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script type="text/javascript">
ZQDL.apps.vistCount.load('https://s.300.cn/plugins/common/js/hm.js', function(){
var visittrack_siteId ="300cn";
var visittrack_url="https://s.300.cn/plugins/common/images/a.png";
var visittrack_memberId = 300;
var usrid= VisitTrack.getSessionValueFlowing();
if(usrid){
ZQDL.cookie.set('userId',usrid);
ZQDL.apps.visitSessionId=usrid;
}
VisitTrack.visittrack_log( visittrack_siteId, visittrack_url, visittrack_memberId);
ZQDL.apps.vistCount.init();
ZQDL.apps.vistCount.initForm();
ZQDL.apps.vistCount.countUrl = visittrack_url;
$('.zixun_count').on('click',function(){ZQDL.apps.vistCount.zixunClick(this);});
$('.visit_count').on('click',function(){ZQDL.apps.vistCount.visitCount(this);});
$('.baidu_call').on('click',function(){ZQDL.apps.vistCount.baiduCallClick(this);});
})
</script>
<!-- 励销云获客代码 -->
<script src='http://visitor.weiwenjia.com/public/js/visitor/index.js?siteId=1748&oid=11651423&signature=Fkld19qGW4yRDHy6ghLO/g==' data-visitor='visitor-identify' ></script>
<!-- 53客服 -->
<script>
(function() {var _53code = document.createElement("script");_53code.src = "https://tb.53kf.com/code/code/10168926/3";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(_53code, s);})();
</script>
<wxhml>
<div class="wx_share_wxhtml">
<input type="hidden" id="wx_sh_appid" value="">
<input type="hidden" id="wx_sh_nonceStr" value="">
<input type="hidden" id="wx_sh_signature" value="">
<input type="hidden" id="wx_sh_timestamp" value="">
</div>
</wxhml>
<input type="hidden" id="global_share_img" value="https://s.300.cn/v4.0/mobile/images/shareimg/ce300.jpg">
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="https://s.300.cn/plugins/common/js/wxhtml.js?20220413171324"></script>
<script>
$(function(){
info.cateList();
$('.formText').on('input',function(){
var msg = $(this).parent().children('.maxNum');
var max = $(this).prop('maxlength')
var curent = $(this).val().length;
msg.text(curent + "/" + max);
})
$('.code_image').on('click',function(){
$(this).prop('src','/verify/verify?'+ (+new Date()))
})
$('.verifyInput').on('click',function(){
$(this).siblings(".code_image").prop('src','/verify/verify?'+ (+new Date()));
})
if ($(".m-wrap").is(':visible')) {
$('.m-wrap .poperWrap').on('touchmove',function(e){
e.stopPropagation()
e.preventDefault()
})
$('.m-wrap .wechat').on('click',function(){
$('.m-wrap .poperWrap').fadeIn()
})
$('.m-wrap .poperWrap .closePoper').on('click', function () {
$('.m-wrap .poperWrap').fadeOut()
})
}
});
</script>
<script src="https://s.300.cn/static/v1/libs/js/jquery-ias.min.js?20230104203054"></script>
</html>
