HTML、CSS、JavaScript分别实现什么功能?

来源：千锋教育

发布人：xqq

时间： 2023-10-20 20:36:39

一、HTML、CSS、JavaScript分别实现什么功能

1、HTML（超文本标记语言，Hypertext Markup Language）

HTML 是一种用于描述网页结构的标记语言。它主要负责定义网页的基本骨架和内容。HTML 代码由一系列的标签（tag）组成，这些标签用于描述网页中的各种元素，例如段落、标题、列表、图片、链接等。以下是 HTML 的主要功能：

网页结构：HTML 通过标签定义了网页的结构和层次。例如，

、

和

等标签描述了网页的主要部分和组织方式。网页内容：HTML 用于展示网页的文本、图像、视频等内容。例如，

、

–
、、和等标签定义了各种类型的内容元素。超链接：HTML 使用标签创建超链接，实现网页之间的跳转和资源的引用。超链接是 Web 的基石，它使得 Web 成为一个互联的网络。表单和输入：HTML 提供了
、、</code>、<code><button></code> 等标签，以收集和提交用户数据。<p style="text-indent: 2em;"><strong>2、CSS（层叠样式表，Cascading Style Sheets）</strong></p><p style="text-indent: 2em;">CSS 是一种用于描述网页样式的语言，它负责定义网页的布局、颜色、字体、边距等视觉样式。CSS 可以将样式与 HTML 内容分离，使得网页更易于维护和设计。以下是 CSS 的主要功能：</p>布局：CSS 控制网页元素的位置和排列方式。例如，使用 Flexbox、Grid 和定位（positioning）等布局模型对元素进行对齐、排列和定位。样式：CSS 设定元素的颜色、字体、背景、边框等样式。例如，<code>color</code>、<code>font-family</code>、<code>background-image</code> 和 <code>border-radius</code> 等属性定义了元素的视觉效果。响应式设计：CSS 通过媒体查询（media query）实现响应式设计，使得网页能够根据不同设备和屏幕尺寸自适应显示。动画和过渡：CSS 提供了动画（animation）和过渡（transition）功能，以实现平滑的视觉效果和交互动画。<p style="text-indent: 2em;"><strong>3、JavaScript（JS）</strong></p><p style="text-indent: 2em;">JavaScript 是一种用于实现网页交互的脚本语言。它可以运行在浏览器端，使得网页具有丰富的交互功能和动态效果。与 HTML 和 CSS 分别负责网页的结构和样式不同，JavaScript 主要关注网页的行为和逻辑。以下是 JavaScript 的主要功能：</p>DOM 操作：JavaScript 可以操作文档对象模型（DOM），实现对网页元素的增加、删除、修改等操作。这使得网页能够根据用户操作或其他条件动态地改变内容和结构。事件处理：JavaScript 可以监听和处理网页事件，例如点击、滚动、输入等。通过处理这些事件，可以实现用户与网页的交互，例如展开菜单、弹出对话框等。数据处理：JavaScript 可以处理数据，例如获取用户输入、计算结果、验证数据等。这使得网页具有处理和响应用户数据的能力。异步请求：JavaScript 可以发起异步请求，实现与服务器的数据交换。这使得网页能够在不刷新页面的情况下更新数据，提高用户体验。例如，通过 AJAX（Asynchronous JavaScript and XML）或 Fetch API 获取数据、提交表单等。动画效果：虽然 CSS 可以实现一定程度的动画效果，但 JavaScript 提供了更强大和灵活的动画控制能力。例如，使用 <code>requestAnimationFrame</code> 实现高性能动画、利用第三方库（如 GreenSock、Three.js 等）创建复杂的动画和视觉效果。<p style="text-indent: 2em;"><strong>延伸阅读1：什么是JavaScript</strong></p><p style="text-indent: 2em;">JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。</p><p style="text-indent: 2em;">JavaScript在1995年由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。</p> <div class="con-left-bottom"> 声明：本站稿件版权均属千锋教育所有，未经许可不得擅自转载。 </div>  <div class="left-form" style="display: none;"> <div class="left-form-left"> <h3>10年以上业内强师集结，手把手带你蜕变精英</h3> <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> <h4>请您保持通讯畅通，专属学习老师24小时内将与您1V1沟通</h4> <div class="list-submit seo-submit"> 免费领取<br /><i class="ypfont yp-dianjitianjia"></i> </div> </div> <div class="left-form-right"> <h3>今日已有<span>369</span>人领取成功</h3> <div class="swiper-container swiper-phone swiper-no-swiping"> <div class="swiper-wrapper"> <div class="swiper-slide"> 刘同学 1382860 刚刚成功领取 </div> <div class="swiper-slide"> 王同学 1312015 刚刚成功领取 </div> <div class="swiper-slide"> 张同学 1334652 刚刚成功领取 </div> <div class="swiper-slide"> 李同学 1358607 刚刚成功领取 </div> <div class="swiper-slide"> 杨同学 1325667 刚刚成功领取 </div> <div class="swiper-slide"> 岳同学 1346652 刚刚成功领取 </div> <div class="swiper-slide"> 梁同学 1572950 刚刚成功领取 </div> <div class="swiper-slide"> 刘同学 1891015 刚刚成功领取 </div> <div class="swiper-slide"> 张同学 1554678 刚刚成功领取 </div> <div class="swiper-slide"> 邹同学 1392907 刚刚成功领取 </div> <div class="swiper-slide"> 董同学 1382867 刚刚成功领取 </div> <div class="swiper-slide"> 周同学 1363602 刚刚成功领取 </div> </div> </div> </div> </div> <div class="c_page_bottom"> <a href="http://jn.mobiletrain.org/ganhuo/217382.html" target="_blank" class="c_page_bottom_item"> <div class="c_page_bottom_item_up"> <img src="/tywzt/ty35.jpg" alt="" /> </div> <div class="c_page_bottom_item_txt"> <p><i class="icon icon-xiajiantou arrowLeft"></i>上一篇</p> <span>公司管理者的角色定位是什么?</span> </div> </a> <a href="http://jn.mobiletrain.org/ganhuo/217419.html" target="_blank" class="c_page_bottom_item"> <div class="c_page_bottom_item_next"> <img src="/tywzt/ty36.jpg" alt="" /> </div> <div class="c_page_bottom_item_txt"> <p>下一篇<i class="icon icon-xiajiantou"></i></p> <span>Python内置函数有哪些?</span> </div> </a> </div> </div> <a href="javascript:;" onclick="open53_pc()" class="left-ad"> <img src="/imgs2022/form-ad.jpg" alt="" /></a> <div class="article"> <div class="article-left"> <h3 class="">猜你喜欢<i>LIKE</i></h3> <div class="article-item"> <a class="" href="http://jn.mobiletrain.org/ganhuo/217506.html" target="_blank"> <div class="article-item-pic"> <img src="/tywzt/ty65.jpg" alt="" /> </div> <div class="article-item-info"> <h4>程序员都上什么网站?</h4> <span ><i class="ypfont yp-shijian"></i> 2023-10-20 </span> </div> </a> <a class="" href="http://jn.mobiletrain.org/ganhuo/217489.html" target="_blank"> <div class="article-item-pic"> <img src="/tywzt/ty31.jpg" alt="" /> </div> <div class="article-item-info"> <h4>#!/usr/bin/env python有什么用?</h4> <span ><i class="ypfont yp-shijian"></i> 2023-10-20 </span> </div> </a> <a class="" href="http://jn.mobiletrain.org/ganhuo/217399.html" target="_blank"> <div class="article-item-pic"> <img src="/tywzt/tongyong2.jpg" alt="" /> </div> <div class="article-item-info"> <h4>HTML、CSS、JavaScript分别实现什么功能?</h4> <span ><i class="ypfont yp-shijian"></i> 2023-10-20 </span> </div> </a> </div> </div> <div class="article-right"> <h3>最新文章<i>NEW</i></h3> <div class="article-item"> <a class="" href="http://jn.mobiletrain.org/ganhuo/217295.html" target="_blank"> <div class="article-item-pic"> <img src="/tywzt/ty56.jpg" alt="" /> </div> <div class="article-item-info"> <h4>mysql 不加条件查询速度挺快，加上过滤条件就特别慢是为什么?</h4> <span ><i class="ypfont yp-shijian"></i> 2023-10-20 </span> </div> </a> <a class="" href="http://jn.mobiletrain.org/ganhuo/217085.html" target="_blank"> <div class="article-item-pic"> <img src="/tywzt/ty36.jpg" alt="" /> </div> <div class="article-item-info"> <h4>什么是Web前端，有什么好的学习方法?</h4> <span ><i class="ypfont yp-shijian"></i> 2023-10-20 </span> </div> </a> <a class="" href="http://jn.mobiletrain.org/ganhuo/217026.html" target="_blank"> <div class="article-item-pic"> <img src="/tywzt/ty69.jpg" alt="" /> </div> <div class="article-item-info"> <h4>哪种工具可以替代PB做数据库开发?</h4> <span ><i class="ypfont yp-shijian"></i> 2023-10-20 </span> </div> </a> </div> </div> </div> <div class="article-hot"> <div class="article-tit-box"> <h3 class="art-tit"> 相关推荐<span class="art-hot">HOT</span> </h3> <a href="javascript:;" onclick="open53_pc()">更多>></a> </div> <div class="art-con"> <a href="http://jn.mobiletrain.org/ganhuo/217468.html" target="_blank" class="art-item"> <div class="art-item-img"> <img src="/tywzt/ty32.jpg" alt="" /> </div> <div class="art-item-info"> <h4>什么是webpack?</h4> <p> 一、webpack的概念 webpack 是代码编译工具，有入口、出口、loader 和插件。webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。...<span >详情>></span > </p> <span>2023-10-20 22:17:55</span> </div> </a> <a href="http://jn.mobiletrain.org/ganhuo/217382.html" target="_blank" class="art-item"> <div class="art-item-img"> <img src="/tywzt/ty35.jpg" alt="" /> </div> <div class="art-item-info"> <h4>公司管理者的角色定位是什么?</h4> <p> 1、业务指挥者管理者处于工作最前线，企业的工作任务，都要分解落实到各个部门甚至班组。通过管理者的正确指挥，才能得以实现。管理者的指挥作...<span >详情>></span > </p> <span>2023-10-20 20:14:29</span> </div> </a> <a href="http://jn.mobiletrain.org/ganhuo/217358.html" target="_blank" class="art-item"> <div class="art-item-img"> <img src="/tywzt/ty44.jpg" alt="" /> </div> <div class="art-item-info"> <h4>trello干什么的?</h4> <p> 一、创建任务列表Trello的核心功能是帮助用户创建任务列表。您可以创建一个新的“看板”，然后将任务分配到各个列表中。例如，在一个应用程序开...<span >详情>></span > </p> <span>2023-10-20 19:40:39</span> </div> </a> <a href="http://jn.mobiletrain.org/ganhuo/217313.html" target="_blank" class="art-item"> <div class="art-item-img"> <img src="/tywzt/ty49.jpg" alt="" /> </div> <div class="art-item-info"> <h4>MySQL分表后怎么查询效率高?</h4> <p> 一、MySQL分表后提高查询效率的方法1、查询路由根据分表规则将查询路由到特定的分表，只查询所需的分表，避免全表扫描。这可以通过应用程序或数...<span >详情>></span > </p> <span>2023-10-20 18:35:22</span> </div> </a> </div> </div> </div> <div class="con-right" id="fixTop"> <div class="con-right-rywd"> <h3 class="rywd-tit"> <i class="bjiconfont bjicon-weinituijian"></i>热门推荐 </h3> <div class="swiper3"> <a href="http://jn.mobiletrain.org/ganhuo/217530.html" target="_blank"> <div class="ypfont yp-zhiding"></div> <p>node是什么?</p> <span class="a11"> 沸 </span> </a> <a href="http://jn.mobiletrain.org/ganhuo/217506.html" target="_blank"> <div class="ypfont yp-1"></div> <p>程序员都上什么网站?</p> <span class="a21"> 热 </span> </a> <a href="http://jn.mobiletrain.org/ganhuo/217489.html" target="_blank"> <div class="ypfont yp-2"></div> <p>#!/usr/bin/env python有什么用?</p> <span class="a31"> 热 </span> </a> <a href="http://jn.mobiletrain.org/ganhuo/217468.html" target="_blank"> <div class="ypfont yp-3"></div> <p>什么是webpack?</p> <span class="a41"> 新 </span> </a> <a href="http://jn.mobiletrain.org/ganhuo/217441.html" target="_blank"> <div class="a5"> 4 </div> <p>什么是模块化编程什么是module?</p> <span class="a51"> </span> </a> <a href="http://jn.mobiletrain.org/ganhuo/217419.html" target="_blank"> <div class="a6"> 5 </div> <p>Python内置函数有哪些?</p> <span class="a61"> </span> </a> <a href="http://jn.mobiletrain.org/ganhuo/217399.html" target="_blank"> <div class="a7"> 6 </div> <p>HTML、CSS、JavaScript分别实现什么功能?</p> <span class="a71"> </span> </a> <a href="http://jn.mobiletrain.org/ganhuo/217382.html" target="_blank"> <div class="a8"> 7 </div> <p>公司管理者的角色定位是什么?</p> <span class="a81"> </span> </a> <a href="http://jn.mobiletrain.org/ganhuo/217358.html" target="_blank"> <div class="a9"> 8 </div> <p>trello干什么的?</p> <span class="a91"> </span> </a> <a href="http://jn.mobiletrain.org/ganhuo/217337.html" target="_blank"> <div class="a10"> 9 </div> <p>ddl文件用什么软件打开?</p> <span class="a101"> </span> </a> <a href="http://jn.mobiletrain.org/ganhuo/217313.html" target="_blank"> <div class="a11"> 10 </div> <p>MySQL分表后怎么查询效率高?</p> <span class="a111"> </span> </a> <a href="http://jn.mobiletrain.org/ganhuo/217295.html" target="_blank"> <div class="a12"> 11 </div> <p>mysql 不加条件查询速度挺快，加上过滤条件就特别慢是为什么?</p> <span class="a121"> </span> </a> <a href="http://jn.mobiletrain.org/ganhuo/217277.html" target="_blank"> <div class="a13"> 12 </div> <p>Mybatis中，resultMap collection的应用场景是什么样子的?</p> <span class="a131"> </span> </a> <a href="http://jn.mobiletrain.org/ganhuo/217258.html" target="_blank"> <div class="a14"> 13 </div> <p>endnote9的online search没有数据库选项是怎么回事?</p> <span class="a141"> </span> </a> </div> </div>  <div class="con-right-rywd"> <h3 class="tk-tit"> <a class="left" href="/info/" target="_blank" ><i class="bjiconfont bjicon-hangyezixun"></i>行业资讯</a > <a href="/info/" target="_blank">更多>></a> </h3> <div class="hangyezixun"> <a href="http://jn.mobiletrain.org/info/216927.html" target="_blank"> <div class="img-box"> <img src="/2023/1020/1697770278970.png" alt="" /> </div> <h3>千锋教育PMP考试喜报！满屏好消...</h3> </a> <a href="http://jn.mobiletrain.org/info/216812.html" target="_blank"> <div class="img-box"> <img src="/2023/1020/1697762883744.png" alt="" /> </div> <h3>可评职称！各地PMP证书奖励政策</h3> </a> <a href="http://jn.mobiletrain.org/info/158322.html" target="_blank"> <div class="img-box"> <img src="/tywzt/ty62.jpg" alt="" /> </div> <h3>济南怎样选择java培训机构</h3> </a> <a href="http://jn.mobiletrain.org/info/158312.html" target="_blank"> <div class="img-box"> <img src="/tywzt/ty62.jpg" alt="" /> </div> <h3>济南如何选择Java培训机构</h3> </a> </div> </div>  <div class="con-right-rywd"> <h3 class="tk-tit"> <a class="left" href="/ganhuo/" target="_blank" ><i class="bjiconfont bjicon-fabujishu"></i>技术干货</a > <a href="javascript:;"></a> </h3> <div class="list_1EDla"> <a class="item-wrap_2oCLZ active" href="http://jn.mobiletrain.org/ganhuo/217530.html" target="_blank" ><div class="active-item_1Em2h"> <img class="active-item-img_3i_Tx" src="/tywzt/ty31.jpg" alt="" /> <div class="sign-index_mtI7K c-index-bg0"> <i class="bjiconfont bjicon-zhiding"></i> </div> <div class="content-pos_1fT0H"> <div class="name_2Px2N">node是什么?</div> </div> <div class="c-text hot-state_NdlbW"></div> </div> <div class="normal_1fQqB"> <div class="index_k2hIU c-index-single-hot1"> <i class="bjiconfont bjicon-zhiding"></i> </div> <div class="content-wrap_1RisM"> <div class="name_2Px2N">node是什么?</div> </div> <div class="c-text hot-state_NdlbW"></div></div ></a> <a class="item-wrap_2oCLZ" href="http://jn.mobiletrain.org/ganhuo/217506.html" target="_blank" ><div class="active-item_1Em2h"> <img class="active-item-img_3i_Tx" src="/tywzt/ty65.jpg" alt="" /> <div class="sign-index_mtI7K">1</div> <div class="content-pos_1fT0H"> <div class="name_2Px2N">程序员都上什么网站?</div> </div> <div class="c-text hot-state_NdlbW hothothot2">热</div> </div> <div class="normal_1fQqB"> <div class="index_k2hIU a12">1</div> <div class="content-wrap_1RisM"> <div class="name_2Px2N">程序员都上什么网站?</div> </div> <div class="c-text hot-state_NdlbW hothothot2">热</div> </div> </a> <a class="item-wrap_2oCLZ" href="http://jn.mobiletrain.org/ganhuo/217489.html" target="_blank" ><div class="active-item_1Em2h"> <img class="active-item-img_3i_Tx" src="/tywzt/ty31.jpg" alt="" /> <div class="sign-index_mtI7K">2</div> <div class="content-pos_1fT0H"> <div class="name_2Px2N">#!/usr/bin/env python有什么用?</div> </div> <div class="c-text hot-state_NdlbW hothothot3">热</div> </div> <div class="normal_1fQqB"> <div class="index_k2hIU a13">2</div> <div class="content-wrap_1RisM"> <div class="name_2Px2N">#!/usr/bin/env python有什么用?</div> </div> <div class="c-text hot-state_NdlbW hothothot3">热</div> </div> </a> <a class="item-wrap_2oCLZ" href="http://jn.mobiletrain.org/ganhuo/217468.html" target="_blank" ><div class="active-item_1Em2h"> <img class="active-item-img_3i_Tx" src="/tywzt/ty32.jpg" alt="" /> <div class="sign-index_mtI7K">3</div> <div class="content-pos_1fT0H"> <div class="name_2Px2N">什么是webpack?</div> </div> <div class="c-text hot-state_NdlbW hothothot4">热</div> </div> <div class="normal_1fQqB"> <div class="index_k2hIU a14">3</div> <div class="content-wrap_1RisM"> <div class="name_2Px2N">什么是webpack?</div> </div> <div class="c-text hot-state_NdlbW hothothot4">热</div> </div> </a> <a class="item-wrap_2oCLZ" href="http://jn.mobiletrain.org/ganhuo/217441.html" target="_blank" ><div class="active-item_1Em2h"> <img class="active-item-img_3i_Tx" src="/tywzt/ty68.jpg" alt="" /> <div class="sign-index_mtI7K">4</div> <div class="content-pos_1fT0H"> <div class="name_2Px2N">什么是模块化编程什么是module?</div> </div> <div class="c-text hot-state_NdlbW hothothot5">热</div> </div> <div class="normal_1fQqB"> <div class="index_k2hIU a15">4</div> <div class="content-wrap_1RisM"> <div class="name_2Px2N">什么是模块化编程什么是module?</div> </div> <div class="c-text hot-state_NdlbW hothothot5">热</div> </div> </a> <a class="item-wrap_2oCLZ" href="http://jn.mobiletrain.org/ganhuo/217419.html" target="_blank" ><div class="active-item_1Em2h"> <img class="active-item-img_3i_Tx" src="/tywzt/ty36.jpg" alt="" /> <div class="sign-index_mtI7K">5</div> <div class="content-pos_1fT0H"> <div class="name_2Px2N">Python内置函数有哪些?</div> </div> <div class="c-text hot-state_NdlbW hothothot6">热</div> </div> <div class="normal_1fQqB"> <div class="index_k2hIU a16">5</div> <div class="content-wrap_1RisM"> <div class="name_2Px2N">Python内置函数有哪些?</div> </div> <div class="c-text hot-state_NdlbW hothothot6">热</div> </div> </a> <a class="item-wrap_2oCLZ" href="http://jn.mobiletrain.org/ganhuo/217399.html" target="_blank" ><div class="active-item_1Em2h"> <img class="active-item-img_3i_Tx" src="/tywzt/tongyong2.jpg" alt="" /> <div class="sign-index_mtI7K">6</div> <div class="content-pos_1fT0H"> <div class="name_2Px2N">HTML、CSS、JavaScript分别实现什么功能?</div> </div> <div class="c-text hot-state_NdlbW hothothot7">热</div> </div> <div class="normal_1fQqB"> <div class="index_k2hIU a17">6</div> <div class="content-wrap_1RisM"> <div class="name_2Px2N">HTML、CSS、JavaScript分别实现什么功能?</div> </div> <div class="c-text hot-state_NdlbW hothothot7">热</div> </div> </a> </div> </div>  <div class="con-right-rywd"> <h3 class="tk-tit"> <a class="left" href="/wenda/" target="_blank" ><i class="bjiconfont bjicon-licaiwenda"></i>技术问答</a > <a href="javascript:;" onclick="open53_pc()" >在线提问>></a > </h3> <div class="ans-ques"> <a href="http://jn.mobiletrain.org/wenda/214320.html" target="_blank"> <h3> <i class="bjiconfont bjicon-wenda3"></i> 张同学在线提问 </h3> <h4>unity编辑器在哪里修改</h4> <p> 除了基本的修改操作，Unity编辑器还提供了许...<span>详情</span> </p> </a> <a href="http://jn.mobiletrain.org/wenda/212474.html" target="_blank"> <h3> <i class="bjiconfont bjicon-wenda3"></i> 刘同学在线提问 </h3> <h4>linux创建多个子目录如何操作</h4> <p> 可以使用循环结构来批量创建子目录。以下是使...<span>详情</span> </p> </a> </div> </div>  <div class="con-right-rywd"> <h3 class="tk-tit"> <a class="left" href="javascript:;" onclick="open53_pc()" ><i class="bjiconfont bjicon-shiziduiwu1"></i>师资团队</a ><a href="javascript:;" onclick="open53_pc()">更多>></a> </h3> <div class="swiper-container swiper-teach"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="javascript:;" onclick="open53_pc()" class="teach-item" > <div class="teach-left"> <img src="/2022/0629/1656491710218.png" alt="" /> </div> <div class="teach-right"> <h3> <i class="ypfont yp-jiaoshizigezheng"></i>陆神 </h3> <p> <span>原去哪儿网高级架构师</span> </p> <p><span>北京大学计算机系毕业</span></p> <span>HTML5学科教研总监</span> </div> </a> </div> <div class="swiper-slide"> <a href="javascript:;" onclick="open53_pc()" class="teach-item" > <div class="teach-left"> <img src="/2022/0629/1656491687542.png" alt="" /> </div> <div class="teach-right"> <h3> <i class="ypfont yp-jiaoshizigezheng"></i>千锋威哥 </h3> <p> <span>OCP认证专家</span> </p> <p><span>15年以上开发经验</span></p> <span>Java学科首席技术官</span> </div> </a> </div> <div class="swiper-slide"> <a href="javascript:;" onclick="open53_pc()" class="teach-item" > <div class="teach-left"> <img src="/2022/0629/1656491754593.png" alt="" /> </div> <div class="teach-right"> <h3> <i class="ypfont yp-jiaoshizigezheng"></i>宋宋 </h3> <p> <span>原阿里后端架构师</span> </p> <p><span>北京邮电大学硕士</span></p> <span>Python学科首席技术官</span> </div> </a> </div> <div class="swiper-slide"> <a href="javascript:;" onclick="open53_pc()" class="teach-item" > <div class="teach-left"> <img src="/2022/0928/1664347229983.png" alt="" /> </div> <div class="teach-right"> <h3> <i class="ypfont yp-jiaoshizigezheng"></i>卢老师 </h3> <p> <span>北京大学博士后</span> </p> <p><span>北京科技大学博士</span></p> <span>人工智能学科总监</span> </div> </a> </div> <div class="swiper-slide"> <a href="javascript:;" onclick="open53_pc()" class="teach-item" > <div class="teach-left"> <img src="/2022/0407/1649309313781.png" alt="" /> </div> <div class="teach-right"> <h3> <i class="ypfont yp-jiaoshizigezheng"></i>索尔 </h3> <p> <span>原阿里后端架构师</span> </p> <p><span>浙工大计算机系毕业</span></p> <span>Java学科高级讲师</span> </div> </a> </div> <div class="swiper-slide"> <a href="javascript:;" onclick="open53_pc()" class="teach-item" > <div class="teach-left"> <img src="/2022/0629/1656491588909.png" alt="" /> </div> <div class="teach-right"> <h3> <i class="ypfont yp-jiaoshizigezheng"></i>jackfrued </h3> <p> <span>曾任职华为成都研究所</span> </p> <p><span>计算机应用技术博士</span></p> <span>Python学科教学主管</span> </div> </a> </div> </div> </div> </div>  <div class="con-right-rywd idkstd"> <h3 class="tk-tit"> <a class="left" href="javascript:;" onclick="open53_pc()" ><i class="ypfont yp-rocket-full"></i>快速通道</a > <a href="javascript:;" onclick="open53_pc()">更多>></a> </h3> <ul class="kstd"> <li> <h3>课程介绍</h3> <a href="javascript:;" onclick="open53_pc()">点击获取大纲</a> </li> <li> <h3>就业前景</h3> <a href="javascript:;" onclick="open53_pc()">查看就业薪资</a> </li> <li> <h3>学习费用</h3> <a href="javascript:;" onclick="open53_pc()">了解课程价格</a> </li> <li> <h3>优惠活动</h3> <a href="javascript:;" onclick="open53_pc()">领取优惠券</a> </li> <li> <h3>学习资源</h3> <a href="javascript:;" onclick="open53_pc()">领3000G教程</a> </li> <li> <h3>师资团队</h3> <a href="javascript:;" onclick="open53_pc()">了解师资团队</a> </li> <li> <h3>实战项目</h3> <a href="javascript:;" onclick="open53_pc()">获取项目源码</a> </li> <li> <h3>开班地区</h3> <a href="javascript:;" onclick="open53_pc()">查看来校路线</a> </li> </ul> </div> </div> </div> </div>  <div class="kbxx base"> <h4 class="kbxx-tit"> <span>最新开班信息</span> <a href="javascript:;" onclick="open53_pc()">更多>></a> </h4> <ul class="kbxx-con"></ul> </div>  <div class="wyrs base"> <h4 class="kbxx-tit"> <span>网友热搜</span> <a href="javascript:;" onclick="open53_pc()">更多>></a> </h4> <div class="wyrs-con"> <a href="javascript:;" onclick="open53_pc()">IT行业年龄有限制吗</a> <a href="javascript:;" onclick="open53_pc()">女生学IT</a> <a href="javascript:;" onclick="open53_pc()">Java薪资待遇</a> <a href="javascript:;" onclick="open53_pc()">零基础Web培训</a> <a href="javascript:;" onclick="open53_pc()">Python就业</a> <a href="javascript:;" onclick="open53_pc()">如何学UI设计</a> <a href="javascript:;" onclick="open53_pc()">大数据学习路线</a> <a href="javascript:;" onclick="open53_pc()" style="margin-right: 0" >java培训学费</a > <a href="javascript:;" onclick="open53_pc()"> 软件测试培训</a> <a href="javascript:;" onclick="open53_pc()">转行学Linux</a> <a href="javascript:;" onclick="open53_pc()">网络安全基础知识</a> <a href="javascript:;" onclick="open53_pc()">网络营销培训</a> <a href="javascript:;" onclick="open53_pc()">unity培训</a> <a href="javascript:;" onclick="open53_pc()">30岁还能学it吗</a> <a href="javascript:;" onclick="open53_pc()">大数据技术学什么</a> <a href="javascript:;" onclick="open53_pc()" style="margin-right: 0" >python培训费</a > </div> </div> </div> <style> .edu-footer { padding-top: 60px; background: #0467fb url(/wzt/foot-bg.png) no-repeat; background-size: 100% 100%; box-sizing: border-box; } .edu-footer .base { display: flex; height: 210px; } .edu-footer .base .con-left { width: 306px; border-right: 1px solid rgba(255, 255, 255, 0.2); color: #fff; height: 178px; } .edu-footer .base .con-left .edu-footer-logo { width: 221px; } .edu-footer .base .con-left .edu-footer-sologan { margin: 12px 0 26px 0; font-size: 16px; line-height: 16px; letter-spacing: 0.5em; } .edu-footer .base .con-left .edu-footer-phoneNumber { font-size: 25px; height: 23px; line-height: 23px; } .edu-footer .base .con-left .edu-footer-phoneNumber .icon { font-size: 26px; margin-right: 8px; } .edu-footer .base .con-left .edu-footer-phoneNumber a { width: 130px; height: 30px; border-radius: 4px; border: solid 1px #ffffff; display: block; color: #ffffff; font-size: 14px; line-height: 30px; text-align: center; margin-left: 36px; margin-top: 10px; } .edu-footer .base .con-left .edu-footer-phoneNumber a:hover { background: #fff; color: #326cf6; } .edu-footer .base .con-right { width: 803px; display: flex; padding-left: 67px; } .edu-footer .base .con-right .edu-footer-about-links { display: flex; } .edu-footer .base .con-right .edu-footer-about-links .list { margin-right: 65px; text-align: center; } .edu-footer .base .con-right .edu-footer-about-links .list:last-of-type { margin-right: 58px; } .edu-footer .base .con-right .edu-footer-about-links .list h4 { margin-bottom: 30px; line-height: 20px; font-size: 20px; font-weight: 600; color: #ffffff; white-space: nowrap; } .edu-footer .base .con-right .edu-footer-about-links .list ul li { height: 31px; line-height: 31px; } .edu-footer .base .con-right .edu-footer-about-links .list ul li a { color: #fff; font-size: 14px; } .edu-footer .base .con-right .edu-footer-about-links .list ul li a:hover { text-decoration: underline; } .edu-footer .base .con-right .qrcode-box { width: 191px; color: #fff; text-align: center; } .edu-footer .base .con-right .qrcode-box .qrcode { margin: auto; width: 135px; height: 135px; background: #ffffff; border-radius: 30px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } .edu-footer .base .con-right .qrcode-box .qrcode img { width: 118px; height: 118px; } .edu-footer .base .con-right .qrcode-box h4 { white-space: nowrap; margin: 16px 0 7px 0; line-height: 16px; font-size: 14px; font-weight: normal; color: #ffffff; } .edu-footer .base .con-right .qrcode-box h4 span { font-size: 14px; } .edu-footer .base .con-right .qrcode-box p { font-size: 14px; } </style> <div class="edu-footer"> <div class="base"> <div class="con-left"> <img src="/wzt/new-logo-white.png" alt="" 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"> <h4>关于千锋</h4> <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" rel="nofollow" target="_blank" >联系我们</a > </li> <li> <a href="http://www.mobiletrain.org/qynx/" target="_blank" rel="nofollow" >企业服务</a > </li> <li> <a href="/sitemap.html" target="_blank">网站地图</a> </li> </ul> </div> <div class="list1 list"> <h4>新闻资讯</h4> <ul> <li> <a href="/news/" target="_blank">千锋动态</a> </li> <li> <a href="/info/" target="_blank"> 行业资讯 </a> </li> <li> <a href="/smzp/" target="_blank">上门招聘</a> </li> <li> <a href="/jiuye/" target="_blank">职场就业</a> </li> </ul> </div> <div class="list1 list"> <h4>热点话题</h4> <ul> <li> <a href="/ganhuo/" target="_blank">IT技术干货 </a> </li> <li> <a href="/wenda/" target="_blank">IT技术问答</a> </li> <li> <a href="/peixun/" target="_blank">IT培训机构</a> </li> <li> <a href="/lingjichu/" target="_blank">零基础学IT</a> </li> </ul> </div> </div> <div class="qrcode-box"> <div class="qrcode flex-center"> <img src="/wzt/qr-code-new.png" alt="千锋教育" /> </div> <h4>千锋学习站 | <span>随时随地免费学</span></h4> </div> <div class="qrcode-box"> <div class="qrcode flex-center"> <img src="/wzt/qr-code-new2.png" alt="千锋教育" /> </div> <h4>扫一扫进入千锋手机站</h4> </div> </div> </div> </div> <div class="footer-link"> <div class="copyright"> <p class="copyright-p"> Copyright 2011-2024 <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="/js/jquery.min.js"></script> <script src="/js/swiper4.5.0.min.js"></script> <script src="/js/common1.js?t=1697817113"></script> <script src="/js/mo_pc_city_con.js?t=1697817113"></script> </body> </html>