深入浅出的HTML网站开发，从基础到实践，深入浅出的HTML网站开发，从基础到实践指南，深入浅出的HTML网站开发，从基础到实践指南
作者：网络 浏览： 发布日期：2025-05-12
[导读]:深入浅出地讲解了HTML网站开发的基础知识和实践 *** ，文章从基本的语法入手，逐步介绍了HTML元素、标签使用、样式设置以及如何创建交互式网页等内容，还详细探讨了CSS和JavaScript在网页设计中的应用，以及如何利用它们来实现更复杂的功能，通过实例演示，读者可以更好地理解这些概念，并在实际...
深入浅出地讲解了HTML网站开发的基础知识和实践 *** ，文章从基本的语法入手，逐步介绍了HTML元素、标签使用、样式设置以及如何创建交互式网页等内容，还详细探讨了CSS和J*aScript在网页设计中的应用，以及如何利用它们来实现更复杂的功能，通过实例演示，读者可以更好地理解这些概念，并在实际项目中加以应用，整篇文章逻辑清晰，语言通俗易懂，适合初学者和有一定经验的开发者阅读学习。
- 将“深入浅出的HTML网站开发”改为“深入浅出的HTML网页开发”
- 将“深入浅出的HTML网站开发”中“一书”的表述改为“一本”,使其更加准确。
- 在“正文”中添加了“HTML网站的布局与样式”、“创建HTML网站的 *** ”、“学习资源推荐”等小标题,以便于读者更好地理解和学习。
以下是经过修改后的内容：
《深入浅出的HTML网页开发》是一本由资深开发者编写、旨在帮助读者掌握HTML网页开发技能的书籍，通过详细讲解HTML的基础知识和各种应用技巧，本书旨在从基础开始逐步深入理解并掌握网页设计与 *** 的精髓，书中还提供了大量的实例分析和实际操作指南，使得学习过程既有趣又有用,能够有效地提升读者的编程能力和解决问题的能力。
HTML简介
HTML的含义
HTML（HyperText Markup Language）是超文本标记语言，是一种用于描述网页结构的语言，通常采用文本形式存储，并通过浏览器显示为页面上的文字、图片等内容。
网站基本组成
HTML网站的主要组成部分
HTML网站主要由三部分构成：头部、主体和脚本，头部包含网站的信息元数据，如
标签用于设置网站标题；<meta>标签用来描述网站；<header>标签定义了页面的顶部区域，主体则是网页的主要内容，通过或标签来组织和划分不同的区域，如果需要添加动画效果或其他特殊功能，则可使用<script>标签实现。</p>
<h2>HTML网站的布局与样式</h2>
<h3>网页布局的重要性</h3>
<p>良好的网页布局对于吸引用户的注意力至关重要，通过CSS（Cascading Style Sheets）可以帮助你控制网页的样式，包括字体大小、颜色、背景图片等，J*aScript（一种脚本语言）也适用于增强网页的交互性和动态性。</p>
<h2>创建HTML网站的 *** </h2>
<h3>步骤 1: 打开文档窗口</h3>
<p>点击“文件”菜单中的“新建”选项，然后选择“空白网页”,点击确定即可。</p>
<h3>步骤 2: 编写HTML代码</h3>
<p>进入编辑器后，开始输入你的代码，遵循提供的示例格式,按需编写HTML结构。</p>
<h3>步骤 3: 使用CSS美化网页</h3>
<p>通过CSS控制网页样式，例如调整字体大小、颜色以及背景图片，同样,你也可以利用J*aScript增加网页的交互性和动态性。</p>
<h2>学习资源推荐</h2>
<p>为了进一步深入理解HTML,以下是一些建议的书籍：</p>
<ul>
<li>"HTML5 for Web Developers" 作者：Jon Duckett</li>
<li>"Web Development with HTML, CSS and J*aScript" 作者：Joe Hackett</li>
<li>"The Complete Internet Developer" 作者：Mark Pilgrim</li>
</ul>
<p>希望这些建议能帮助你在网页设计的道路上走得更远！</p>
<!-- 详情页标签输出开始 -->
<div class="xqbq" style="display:none;height:0;overflow: hidden;font-size: 0;">
<p><br>
# <a href="/tags/382.html" target="_blank" >网页设计</a>
# <a href="/tags/2514.html" target="_blank" >是一种</a>
# <a href="/tags/4577.html" target="_blank" >网站开发</a>
# <a href="/tags/5659.html" target="_blank" >更好地</a>
# <a href="/tags/6510.html" target="_blank" >则是</a>
# <a href="/tags/34616.html" target="_blank" >你也</a>
# <a href="/tags/47025.html" target="_blank" >等内容</a>
# <a href="/tags/53693.html" target="_blank" >交互性</a>
# <a href="/tags/72550.html" target="_blank" >本书</a>
# <a href="/tags/164133.html" target="_blank" >深入浅出</a>
# <a href="/tags/322011.html" target="_blank" >从基础到实践</a>
# <a href="/tags/481135.html" target="_blank" >网站建设教学视频</a>
# <a href="/tags/518693.html" target="_blank" >石排网站seo推广</a>
# <a href="/tags/573192.html" target="_blank" >厦门网站建设原创企业</a>
# <a href="/tags/610522.html" target="_blank" >科普网站建设</a>
# <a href="/tags/622504.html" target="_blank" >早教网站建设工作方案</a>
# <a href="/tags/711702.html" target="_blank" >电商平台推广营销方案</a>
# <a href="/tags/992148.html" target="_blank" >学生餐桌营销推广方案</a>
# <a href="/tags/1172954.html" target="_blank" >创意营销推广方案策划</a>
# <a href="/tags/1484995.html" target="_blank" >桐乡网络推广营销</a>
# <a href="/tags/1570805.html" target="_blank" >武汉团购网站建设哪家好</a>
# <a href="/tags/1639034.html" target="_blank" >淘宝用什么营销推广</a>
# <a href="/tags/1829663.html" target="_blank" >降重网站建设游戏</a>
# <a href="/tags/1858986.html" target="_blank" >京东有什么网站是推广的</a>
# <a href="/tags/2161508.html" target="_blank" >营销推广方案包包怎么写</a>
# <a href="/tags/2279943.html" target="_blank" >线上如何营销推广餐饮产品</a>
# <a href="/tags/2338899.html" target="_blank" >小程序推广视频素材网站</a>
# <a href="/tags/2475853.html" target="_blank" >拼多多流量推广网站有哪些</a>
# <a href="/tags/2538978.html" target="_blank" >龙南本地网站建设平台</a>
# <a href="/tags/2912001.html" target="_blank" >深入浅出的HTML网站开发</a>
# <a href="/tags/2912004.html" target="_blank" >从基础到实践指南</a>
# <a href="/tags/2912007.html" target="_blank" >活动的营销推广方案</a>
# <a href="/tags/2912008.html" target="_blank" >速卖通营销和推广哪个好</a>
</p>
</div>
<!-- 详情页标签输出结束 -->
<!-- 相关栏目开始 -->
<div class="xglm" style="display:none;height:0;overflow: hidden;font-size: 0;">
<p><br>相关栏目：
【<a href='/www/' class=''>
网络资讯 </a>】
【<a href='/wltg/' class='on'>
网络推广 </a>】
【<a href='/jsjc/' class=''>
技术教程 </a>】
【<a href='/wangluoyouhua/' class=''>
网络优化 </a>】
【<a href='/ai/' class=''>
AI营销 </a>】
【<a href='/rjbc/' class=''>
软件编程 </a>】
【<a href='/wangzhanjishu/' class=''>
网站技术 </a>】
【<a href='/tuokeyinliu/' class=''>
拓客引流 </a>】
【<a href='/hao/' class=''>
网址导航 </a>】
</p>
</div>
<!-- 相关栏目结束 -->
<!-- 随机文章输出开始 -->
<div class="sjwz" style="display:none;height:0;overflow: hidden;font-size: 0;">
<p><br>相关推荐：
<a href='/news/1668.html'>广告模式有什么好处？广告计费的方式是什么？</a>
<a href='/news/3996.html'>优化,什么是网站建设的关键词</a>
<a href='/news/4233.html'>长春网站SEO优化策略，提升网站排名，助力企业在线发展，长春网站SEO优化攻略，高效提升排名，驱动企业在线增长</a>
<a href='/news/3855.html'>岳阳网站 *** ，打造专业形象，助力企业腾飞，岳阳企业网站定制，塑造专业品牌形象，助力企业飞跃发展，岳阳企业网站定制，塑造专业品牌，助力飞跃发展</a>
<a href='/news/4665.html'>探索未知，如何在新浪SEO分析中找到你的声音,seo 站群系统</a>
<a href='/news/1493.html'>SEO刷：让你的网站一夜之间登顶搜索引擎！,抖音店铺营销推广</a>
<a href='/news/4589.html'>探索椒江SEO秘境，免费课程背后的深度解析与实战策略,seo教学视频排名前十</a>
<a href='/news/1708.html'>SEO导流：如何通过精准优化实现网站流量大爆发,新手seo最新资讯网站</a>
<a href='/news/4992.html'>苏州抖音SEO排名软件，助力企业数字营销的利器,兰州网站推广行者seo07</a>
<a href='/news/4313.html'>德州专业SEO平台，引领搜索引擎优化新潮流,放心关键词排名团队</a>
<a href='/news/3916.html'>免费SEO网站诊断，揭秘网站优化中的秘密武器，免费SEO网站诊断，解锁网站优化神秘武器</a>
<a href='/news/4244.html'>优化,开封抖音关键词排名方法</a>
<a href='/news/1459.html'>SEO元素-提升网站排名的核心要素,郑州建站网站优化排名</a>
<a href='/news/5795.html'>抚顺优化SEO，让您的网站在搜索引擎中脱颖而出,番禺网站优化推广公司</a>
<a href='/news/6077.html'>探索西安SEO的奥秘，如何让您的网站在搜索引擎中脱颖而出,实体怎么推广营销</a>
<a href='/news/1488.html'>掌握了这6种免费的主流网络推广方法，引流获客不再是问题！</a>
<a href='/news/1431.html'>怎么辨别哪些教程是有用的不是骗人的？</a>
<a href='/news/5326.html'>抖音SEO营销，打造爆款内容的秘诀,医疗网站怎样推广的好</a>
<a href='/news/5405.html'>火星探险之旅，自媒体营销的新篇章,即墨区外贸网站建设</a>
<a href='/news/6089.html'>商业网站模板，打造个性化企业形象的利器，个性化企业形象打造，商业网站模板的神奇力量</a>
<a href='/news/5049.html'>汕头网站 *** ，打造个性化品牌，助力企业腾飞，个性化定制服务，汕头网站 *** 助企业品牌腾飞</a>
<a href='/news/3896.html'>SEO优化，如何让我的网站在搜索引擎中脱颖而出？,谷歌seo前景排名</a>
<a href='/news/3985.html'>江门网站优化，提升网站流量，助力企业腾飞，江门企业网站流量优化，助力业务腾飞新高度</a>
<a href='/news/4505.html'>自媒体营销，打造个人品牌的黄金策略,十堰网站网络推广公司</a>
<a href='/news/4711.html'>自媒体营销，如何让内容成为你的利器,梅州seo厂家</a>
<a href='/news/3954.html'>揭秘成功的自媒体人，如何我用内容打造个人品牌？,荆州关键词排名哪里有</a>
<a href='/news/1616.html'>SEO地位：如何提升你的网站排名与曝光度，抢占市场先机,太仓网站建设制作费用</a>
<a href='/news/5558.html'>揭秘陕西SEO优化背后的真相，如何高效提升品牌曝光度？,苏州网站建设广告词语</a>
<a href='/news/1497.html'>SEO利用：让你的网站快速登顶，获取更多流量与客户！,深圳汽车营销推广招聘会</a>
<a href='/news/3230.html'>无锡网站 *** ，打造个性化企业网站，助力企业腾飞，无锡专业网站定制，塑造企业品牌新形象，无锡专业网站定制，助力企业品牌形象升级</a>
<a href='/news/3604.html'>广州建网站，打造企业数字化转型的强力引擎，广州企业数字化转型新引擎，建站赋能未来，广州企业数字化转型新引擎，建站赋能未来之路</a>
<a href='/news/3822.html'>株洲做网站，专业团队打造高品质网站，助力企业腾飞，株洲企业网站定制，专业团队铸就品质飞跃，株洲企业网站定制，专业团队助力品质飞跃，腾飞启航</a>
<a href='/news/3156.html'>衡阳SEO优化之旅，如何让有为太极成为搜索引擎的新宠？,洗衣店营销推广渠道</a>
<a href='/news/5543.html'>镇江网站推广，助力企业拓展市场，提升品牌影响力，镇江企业网站推广新篇章，市场拓展与品牌增值双管齐下</a>
<a href='/news/3561.html'>阜新SEO推广效果，探索数字营销的新境界,杨浦seo排名费用</a>
<a href='/news/3548.html'>探索SEO优化设计的奥秘，提升企业网站在搜索引擎中的排名,seo 搜索技巧</a>
<a href='/news/4525.html'>山东网站优化公司，助力企业提升 *** 竞争力，抢占市场先机，山东专业网站优化服务，助力企业抢占 *** 市场制高点</a>
<a href='/news/3377.html'>探索未知，自我成长之旅的深刻洞察,网络营销推广方法例子</a>
<a href='/news/5659.html'>宁波网站建设公司，打造企业互联网转型的强力助手，宁波专业网站建设，助力企业互联网转型升级</a>
<a href='/news/3960.html'>从零开始，全面解析如何做网站，零基础入门，网站建设全攻略</a>
<a href='/news/5451.html'>甘肃网站建设，助力企业互联网转型，开启数字经济发展新篇章，甘肃网站建设，推动企业互联网转型，引领数字经济新里程，甘肃网站建设，赋能企业互联网转型，领跑数字经济新时代</a>
<a href='/news/3367.html'>探索火星旅游的奥秘与可能性,钓鱼活动文案网站推广</a>
<a href='/news/3443.html'>探索SEO秘籍，如何通过关键词优化提升网站流量,京东招聘营销推广</a>
<a href='/news/4127.html'>赣州网站建设，助力企业互联网转型的关键一步，赣州企业互联网转型新引擎，专业网站建设助力腾飞，赣州企业互联网转型新引擎，专业网站建设助力腾飞</a>
<a href='/news/1629.html'>从社交APP的九大流派分析做好社交app推广运营的关键！</a>
<a href='/news/3826.html'>海口网站建设，打造企业互联网新名片，海口企业互联网新名片，专业网站建设服务，海口企业互联网新名片——专业网站建设服务，助力企业 *** 形象升级</a>
<a href='/news/1681.html'>SEO子-为你的网站注入流量的秘密武器,目录结构 seo</a>
<a href='/news/1591.html'>SEO基础知识解析：如何提升网站排名，助力企业成长,手机响应式网站建设方案</a>
<a href='/news/4345.html'>网站运营模式，创新与变革的驱动力，网站运营模式创新，驱动变革的新动力</a>
<a href='/news/4249.html'>深度解析SEO网站诊断，优化策略与问题排查指南，SEO网站诊断与优化策略深度解析指南</a>
</p>
</div>
<!-- 随机文章输出结束 -->
</div>
<div class="xzhBox"> </div>
<div class="skip"> <div class="fl"> <a href="/news/446710.html">揭秘设计精良的网站，用户体验的典范，设计卓越，体验至上，揭秘</a> </div>
<div class="fr"> <a href="/news/446728.html">服务网站策划书撰写指南，如何撰写专业且有效的服务网站策划书，</a> </div>
</div>
<div class="guide_bot"> 免责声明：转载请注明出处：http://m.hclxt.cn/news/446720.html</div>
</div>
<div class="maylike">
<h3>猜你喜欢</h3>
<ul>
<li><a title="SaaS 公司成长阶段的营销方案：四个核" href="/news/441602.html">SaaS 公司成长阶段的营销方案：四个核</a></li>
<li><a title="深圳中小企业网络营销培训通知：基于微信的" href="/news/441590.html">深圳中小企业网络营销培训通知：基于微信的</a></li>
<li><a title="微型打印机官网建设要点：打造美观大气、布" href="/news/441579.html">微型打印机官网建设要点：打造美观大气、布</a></li>
<li><a title="营销型网站制作策划：满足用户需求与 SE" href="/news/441569.html">营销型网站制作策划：满足用户需求与 SE</a></li>
<li><a title="全网营销整合时代已来，创业者如何让网站和" href="/news/441556.html">全网营销整合时代已来，创业者如何让网站和</a></li>
<li><a title="2025 年 5 月 7 日访问量 17" href="/news/441544.html">2025 年 5 月 7 日访问量 17</a></li>
<li><a title="国家消毒液备案查询官网及国产非特殊化妆品" href="/news/441532.html">国家消毒液备案查询官网及国产非特殊化妆品</a></li>
<li><a title="百度推广与 seo 优化：网络推广的热门" href="/news/441518.html">百度推广与 seo 优化：网络推广的热门</a></li>
<li><a title="新手必知：网站优化过程中容易进入的误区有" href="/news/441501.html">新手必知：网站优化过程中容易进入的误区有</a></li>
<li><a title="网站 SEO 优化虽难，但搜索引擎依然强" href="/news/441489.html">网站 SEO 优化虽难，但搜索引擎依然强</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footop_bar">
<div class="containe">
<div class="ewm">
<div class="img"><img src="/uploads/allimg/20260110/1-26011022304IO.png">
<p>扫一扫高效沟通</p>
</div>
</div>
<img src="/template/31895/pc/skin/images/g09.png" class="y15">
<div class="word"> <strong>多一份参考总有益处</strong>
<p>免费领取<span>网站策划</span>和<span>SEO优化</span>策划方案</p>
</div>
<div class="btns"><a id="zxbdan" href="javascript:void(0);" class="btn">立即领取</a> </div>
</div>
</div>
<div id="footer">
<div class="containe">
<div class="flogo">
<p> <strong>400-7654-355</strong> 公司地址：九江市都昌县温州产业园内1栋401号 <br>
邮箱地址：915688610@qq.com</p>
</div>
<div class="fotnav"> <dl>
<dt><a href="/about/">关于我们</a></dt>
</dl>
<dl>
<dt><a href="/case/">网站案例</a></dt>
<dd><a href="/biaozhunxingqiyezhan/" title="标准型企业站">标准型企业站</a></dd>
<dd><a href="/yingxiaoxingqiyezhan/" title="营销型企业站">营销型企业站</a></dd>
<dd><a href="/pinpaixingqiyezhan/" title="品牌型企业站">品牌型企业站</a></dd>
<dd><a href="/shangchengwangzhan/" title="商城网站">商城网站</a></dd>
<dd><a href="/xingyemenhuwangzhan/" title="行业门户网站">行业门户网站</a></dd>
</dl>
<dl>
<dt><a href="/product/">推广方案</a></dt>
<dd><a href="/zhanqunxitongfangan/" title="站群系统方案">站群系统方案</a></dd>
<dd><a href="/jiamengliansuofangan/" title="加盟连锁方案">加盟连锁方案</a></dd>
<dd><a href="/zhengfuwangzhanfangan/" title="政府网站方案">政府网站方案</a></dd>
<dd><a href="/xuexiaowangzhanfangan/" title="学校网站方案">学校网站方案</a></dd>
</dl>
<dl>
<dt><a href="/seo/">SEO优化</a></dt>
</dl>
<dl>
<dt><a href="/news/">新闻动态</a></dt>
<dd><a href="/www/" title="网络资讯">网络资讯</a></dd>
<dd><a href="/wltg/" title="网络推广">网络推广</a></dd>
<dd><a href="/jsjc/" title="技术教程">技术教程</a></dd>
<dd><a href="/wangluoyouhua/" title="网络优化">网络优化</a></dd>
<dd><a href="/ai/" title="AI营销">AI营销</a></dd>
<dd><a href="/rjbc/" title="软件编程">软件编程</a></dd>
<dd><a href="/wangzhanjishu/" title="网站技术">网站技术</a></dd>
<dd><a href="/tuokeyinliu/" title="拓客引流">拓客引流</a></dd>
<dd><a href="/hao/" title="网址导航">网址导航</a></dd>
</dl>
<dl>
<dt><a href="/contact/">联系我们</a></dt>
</dl>
</div>
</div>
</div>
<div class="copyright">
<div class="containe">
<div class="con">© <script>document.write( new Date().getFullYear() );</script> 乐享信息·互联网推广营销服务商 版权所有 <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">赣ICP备2024033502号</a><div style="display:none">
<a href="http://shjed.com">乐享信息</a>
<a href="http://www.shjed.com">乐享信息</a>
<a href="http://m.shjed.com">乐享信息</a>
<a href="http://jing-feng.com.cn">乐享信息</a>
<a href="http://www.jing-feng.com.cn">乐享信息</a>
<a href="http://m.jing-feng.com.cn">乐享信息</a>
<a href="http://xlvm.cn">乐享信息</a>
<a href="http://www.xlvm.cn">乐享信息</a>
<a href="http://m.xlvm.cn">乐享信息</a>
<a href="http://lexweb.cn">乐享信息</a>
<a href="http://www.lexweb.cn">乐享信息</a>
<a href="http://m.lexweb.cn">乐享信息</a>
<a href="http://hclxt.cn">乐享信息</a>
<a href="http://www.hclxt.cn">乐享信息</a>
<a href="http://m.hclxt.cn">乐享信息</a>
</div></div>
<!-- 友情链接外链开始 -->
<div class="yqljwl" style="display:none;height:0;overflow: hidden;font-size: 0;">友情链接：
<br>
</div>
<!-- 友情链接外链结束 -->
<!-- 通用统计代码 -->
<div class="tytjdm" style="display:none;height:0;overflow: hidden;font-size: 0;">
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"3LOts1Z6G9mqhKAu",ck:"3LOts1Z6G9mqhKAu"})</script>
</div>
<!-- 通用统计代码 -->
<span id="WzLinks" style="display:none"></span>
<script language="javascript" type="text/javascript" src="//cdn.wzlink.top/wzlinks.js"></script>
</div>
</div>
<div id="toolbar">
<ul>
<li class="toggleSidebar"> <a class="fa fa-bars fa-lg"> <span>菜单</span> </a> </li>
<li> <a href="/case/" class="fa fa-cubes fa-lg"> <span>案例</span> </a> </li>
<li> <a href="tel:400-7654-355" class="fa fa-phone-square fa-lg"> <span>拨号</span> </a> </li>
<li> <a href="[sort:link]" target="_blank" class="fa fa-map-marker fa-lg"> <span>联系</span> </a> </li>
</ul>
</div>
<!--尾部结束-->
<div class="sidebarWrapper">
<div class="overlay toggleSidebar"></div>
<nav class="sidebar">
<div class="profilebox"> <img src="/uploads/allimg/20260216/1-2602161321462a.png" alt="首页" class="avatar">
<h2 class="title"></h2>
<div class="button"> <a href="/"> <i class="icon fa fa-home"></i> </a> </div>
</div>
<div class="sidebarGroup">
<ul class="sidebarMenu">
<li><a href="/">网站首页</a></li>
<li><a href="/about/">关于我们</a></li>
<li><a href="/case/">网站案例</a></li>
<li><a href="/product/">推广方案</a></li>
<li><a href="/seo/">SEO优化</a></li>
<li><a href="/news/">新闻动态</a></li>
<li><a href="/contact/">联系我们</a></li>
</ul>
</div>
</nav>
</div>
<div class="right_side flow">
<ul>
<li> <a href="tel:400-7654-355">
<div class="sidebox"><i class="iconfont icon-yunhujiaozhongxin"></i>400-7654-355</div>
</a> </li>
<li>
<div class="wx"><i class="iconfont icon-weixin"></i>
<div class="wx_code"><img src="/uploads/allimg/20260110/1-26011022304IO.png"></div>
</div>
</li>
<li>
<div class="sidetop" id="sidetop"><a><i class="iconfont icon-huidaodingbu"></i></a></div>
</li>
</ul>
</div>
<div id="dialogBg"></div>
<div class="lyonline"> <i class="iconfont icon-youjian"></i> <i class="iconfont icon-guanbidanchuang"></i> </div>
<div id="lytable">
<div class="top1"><i class="iconfont icon-shenfengaozhi"></i></div>
<div class="title">请填写下方表单，我们会尽快与您联系</div>
<div class="formFrame"> <form method="POST" action="/index.php?m=home&c=Lists&a=gbook_submit&lang=cn" enctype="multipart/form-data" onsubmit="return submitab3c7df15321292dad3fde534bd948db(this);" >
<input type="text" class="ui-input" name="attr_26" autocomplete="off" placeholder="称呼" id="attr_26">
<input type="text" class="ui-input" name="attr_27" autocomplete="off" minlength="11" placeholder="手机" id="attr_27">
<textarea name="attr_29" cols="30" rows="3" class="ui-textarea" autocomplete="off" placeholder="内容"></textarea>
<input type="submit" value="提交" class="tijiao">
<input type="hidden" name="gourl" id="gourl_ab3c7df15321292dad3fde534bd948db" value="http%3A%2F%2Fm.hclxt.cn%2Fnews%2F446720.html" /><input type="hidden" name="typeid" value="1" /><input type="hidden" name="__token__ab3c7df15321292dad3fde534bd948db" id="ab3c7df15321292dad3fde534bd948db" value="" /><input type="hidden" name="form_type" value="1" /><script type="text/javascript">
function submitab3c7df15321292dad3fde534bd948db(elements)
{
if (document.getElementById('gourl_ab3c7df15321292dad3fde534bd948db')) {
document.getElementById('gourl_ab3c7df15321292dad3fde534bd948db').value = encodeURIComponent(window.location.href);
}
var x = elements;
for (var i=0;i<x.length;i++) {
if(x[i].name == 'attr_27' && x[i].value.length == 0){
alert('手机不能为空！');
return false;
}
if(x[i].name == 'attr_27' && !(/^1[3-9]\d{9}$/.test( x[i].value)) && x[i].value.length > 0){
alert('手机格式不正确！！');
return false;
}
}
elements.submit();
}
function ey_fleshVerify_1772935908(id)
{
var token = id.replace(/verify_/g, '__token__');
var src = "/index.php?m=api&c=Ajax&a=vertify&type=guestbook&lang=cn&token="+token;
src += "&r="+ Math.floor(Math.random()*100);
document.getElementById(id).src = src;
}
function f945cdc2dc6d1ac5e57abb84c256aedf9()
{
var ajax = new XMLHttpRequest();
ajax.open("post", "/index.php?m=api&c=Ajax&a=get_token", true);
ajax.setRequestHeader("X-Requested-With","XMLHttpRequest");
ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
ajax.send("name=__token__ab3c7df15321292dad3fde534bd948db");
ajax.onreadystatechange = function () {
if (ajax.readyState==4 && ajax.status==200) {
document.getElementById("ab3c7df15321292dad3fde534bd948db").value = ajax.responseText;
document.getElementById("gourl_ab3c7df15321292dad3fde534bd948db").value = encodeURIComponent(window.location.href);
}
}
}
f945cdc2dc6d1ac5e57abb84c256aedf9();
function getNext1598839807(id,name,level) {
var input = document.getElementById('attr_'+name);
var first = document.getElementById('first_id_'+name);
var second = document.getElementById('second_id_'+name);
var third = document.getElementById('third_id_'+name);
var findex ='', fvalue = '',sindex = '',svalue = '',tindex = '',tvalue = '',value='';
if (level == 1){
if (second) {
second.style.display = 'none';
second.innerHTML = '';
}
if (third) {
third.style.display = 'none';
third.innerHTML = '';
}
findex = first.selectedIndex;
fvalue = first.options[findex].value;
input.value = fvalue;
value = fvalue;
} else if (level == 2){
if (third) {
third.style.display = 'none';
third.innerHTML = '';
}
findex = first.selectedIndex;
fvalue = first.options[findex].value;
sindex = second.selectedIndex;
svalue = second.options[sindex].value;
if (svalue) {
input.value = fvalue+','+svalue;
value = svalue;
}else{
input.value = fvalue;
}
} else if (level == 3){
findex = first.selectedIndex;
fvalue = first.options[findex].value;
sindex = second.selectedIndex;
svalue = second.options[sindex].value;
tindex = third.selectedIndex;
tvalue = third.options[tindex].value;
if (tvalue) {
input.value = fvalue+','+svalue+','+tvalue;
value = tvalue;
}else{
input.value = fvalue+','+svalue;
}
}
if (value) {
if(document.getElementById(id))
{
document.getElementById(id).options.add(new Option('请选择',''));
var ajax = new XMLHttpRequest();
ajax.open("post", "/index.php?m=api&c=Ajax&a=get_region", true);
ajax.setRequestHeader("X-Requested-With","XMLHttpRequest");
ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
ajax.send("pid="+value);
ajax.onreadystatechange = function () {
if (ajax.readyState==4 && ajax.status==200) {
var data = JSON.parse(ajax.responseText).data;
if (data) {
data.forEach(function(item) {
document.getElementById(id).options.add(new Option(item.name,item.id));
document.getElementById(id).style.display = "block";
});
}
}
}
}
}
}
</script> </form>
</div>
<div class="subtxt">感谢您的咨询，我们会尽快给您回复！</div>
</div>
<script language="javascript" type="text/javascript" src="/template/31895/pc/skin/js/jquery-3.7.0.min.js"></script>
<script language="javascript" type="text/javascript" src="/template/31895/pc/skin/js/aos.js"></script>
<script language="javascript" type="text/javascript" src="/template/31895/pc/skin/js/common.js"></script>
<script language="javascript" type="text/javascript" src="/template/31895/pc/skin/js/tab.js"></script>
<script>
$(function(){
$(".right_side ul li").hover(function(){
$(this).find(".sidebox").stop().animate({"width":"160px"},200)
},function(){
$(this).find(".sidebox").stop().animate({"width":"60px"},200)
});
});
$('#sidetop').click(function () {
$('body,html').animate({
scrollTop: 0
}, 600);
return false;
})
// 弹出框
var w, h, className;
function getSrceenWH() {
w = $(window).width();
h = $(window).height();
$('#dialogBg').width(w).height(h);
}
window.onresize = function () {
getSrceenWH();
}
$(window).resize();
function showlog(){
className = $(this).attr('class');
$('#dialogBg').fadeIn(300);
$('#dialog').removeAttr('class').addClass('animated ' + className + '').fadeIn();
}
$(function () {
getSrceenWH();
$('.right_side a.sign').click(function () { showlog(); });
});
$(document).ready(function () {
$('.claseDialogBtn').click(function () {
$('#dialogBg').fadeOut(300, function () {
$('#dialog').addClass('bounceOutUp').fadeOut();
});
});
$(".lyonline").click(function(){
$(this).toggleClass("act");
$("#lytable").toggle(500);
})
$("#zxbdan").click(function(){$('.lyonline').trigger("click");});
})
</script>
</body>
</html> 
400-7654-355 