html文档的基本结构是什么?
发布人：xqq
时间： 2023-10-11 09:27:15
一、html基本结构
，文档声明，位于文档最前面位置。
元素是一个HTML页面的根元素
，元素包含关于文档的元信息
，定义文档元数据，常用来描述当前页面的特性，比如文档字符集 charset=”utf-8″
，元素指定该文档的标题</p><p style="text-indent: 2em;"><body>，元素包含可见页面的所有内容</p><p style="text-indent: 2em;">Html标签名列前茅行是文档声明，第二行“<html>”标签和最后一行“</html>”定义html文档的整体，“<head>”标签和“<body>”标签是它的名列前茅层子元素，“<head>”标签里面负责对网页进行一些设置以及定义标题，设置包括定义网页的编码格式，外链css样式文件和javascript文件等，设置的内容不会显示在网页上，标题的内容会显示在标题栏，“<body>”内编写网页上显示的内容。</p><p style="text-indent: 2em;">一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页。</p><p style="text-indent: 2em;"><strong>延伸阅读：</strong></p><p style="text-indent: 2em;"><strong>二、html编辑方式</strong></p><p style="text-indent: 2em;"><strong>编辑</strong></p><p style="text-indent: 2em;">HTML其实是文本，它需要浏览器的解释，它的编辑器大体可以分为以下几种：</p><p style="text-indent: 2em;">基本文本、文档编辑软件，使用微软自带的记事本或写字板都可以编写，当然，如果你用WPS或Word来编写也可以，不过保存时请使用.htm或.html作为扩展名，这样就方便浏览器认出直接解释执行了。</p><p style="text-indent: 2em;">半所见即所得软件，如：FCK-Editer、E-webediter等在线网页编辑器；尤其推荐：Sublime Text代码编辑器（由Jon Skinner开发，Sublime Text2收费但可以无限期试用）。所见即所得软件，使用较广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，如：AMAYA（出品单位：万维网联盟）；FRONTPAGE（出品单位：微软）；Dreamweaver（出品单位Adobe）。Microsoft Visual Studio（出品公司：微软）：其中所见即所得软件与半所见即所得的软件相比，开发速度更快，效率更高，且直观的表现更强。任何地方进行修改只需要刷新即可显示。缺点是生成的代码结构复杂，不利于大型网站的多人协作和精准定位等高级功能的实现。</p><p style="text-indent: 2em;"><strong>字符集</strong></p><p style="text-indent: 2em;">除了常见的ASCII字符和汉字，HTML还有许多特殊字符，它们一起构成了HTML字符集。有2种情况需要使用特殊字符，一是网页中有其特殊意义的字符，二是键盘上没有的字符。HTML字符可以用一些代码来表示，代码可以有2种表示方式。即字符代码（命名实体）和数字代码（编号实体）。字符代码以“&”符开始，以分号”;”结束，其间是字符名，如®。数字代码也以“&#”符开始，以分号”;”结束，其间是编号，如®。</p><p style="text-indent: 2em;"><strong>数据类型</strong></p><p style="text-indent: 2em;">超文本标记语言定义了多种数据类型的元素内容，如脚本数据和样式表的数据，和众多类型的属性值，包括ID、名称、URI、数字、长度单位、语言、媒体描述符、颜色、字符编码、日期和时间等。所有这些数据类型都是专业的字符数据。</p><p style="text-indent: 2em;">以上就是关于html的内容希望对大家有帮助。</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">
刘同学 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 class="c_page_bottom">
<a href="http://xa.mobiletrain.org/ganhuo/204634.html" target="_blank" class="c_page_bottom_item">
<div class="c_page_bottom_item_up">
<img src="/tywzt/ty44.jpg" alt="" />
</div>
<div class="c_page_bottom_item_txt">
<p><i class="icon icon-xiajiantou arrowLeft"></i>上一篇</p>
<span>lte和5g有什么区别?</span>
</div>
</a>
<a href="http://xa.mobiletrain.org/ganhuo/204705.html" target="_blank" class="c_page_bottom_item">
<div class="c_page_bottom_item_next">
<img src="/tywzt/ty37.jpg" alt="" />
</div>
<div class="c_page_bottom_item_txt">
<p>下一篇<i class="icon icon-xiajiantou"></i></p>
<span>现代计算机的多级存储体系是什么?</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://xa.mobiletrain.org/ganhuo/205477.html" target="_blank">
<div class="article-item-pic">
<img src="/tywzt/tongyong8.jpg" alt="" />
</div>
<div class="article-item-info">
<h4>类拦截和方法拦截有哪些区别?</h4>
<span
><i class="ypfont yp-shijian"></i>
2023-10-11 </span>
</div>
</a>
<a class="" href="http://xa.mobiletrain.org/ganhuo/205297.html" target="_blank">
<div class="article-item-pic">
<img src="/tywzt/ty42.jpg" alt="" />
</div>
<div class="article-item-info">
<h4>tar包和jar包和war包的区别?</h4>
<span
><i class="ypfont yp-shijian"></i>
2023-10-11 </span>
</div>
</a>
<a class="" href="http://xa.mobiletrain.org/ganhuo/204864.html" target="_blank">
<div class="article-item-pic">
<img src="/tywzt/ty39.jpg" alt="" />
</div>
<div class="article-item-info">
<h4>测试方案怎么写?</h4>
<span
><i class="ypfont yp-shijian"></i>
2023-10-11 </span>
</div>
</a>
</div>
</div>
<div class="article-right">
<h3>最新文章<i>NEW</i></h3>
<div class="article-item">
<a class="" href="http://xa.mobiletrain.org/ganhuo/205577.html" target="_blank">
<div class="article-item-pic">
<img src="/tywzt/ty32.jpg" alt="" />
</div>
<div class="article-item-info">
<h4>SQL中的 in 与 not in 有什么区别?</h4>
<span
><i class="ypfont yp-shijian"></i>
2023-10-11 </span>
</div>
</a>
<a class="" href="http://xa.mobiletrain.org/ganhuo/205421.html" target="_blank">
<div class="article-item-pic">
<img src="/tywzt/tongyong4.jpg" alt="" />
</div>
<div class="article-item-info">
<h4>开启飞行模式断网和通过直接关闭wifi来断网有哪些区别?</h4>
<span
><i class="ypfont yp-shijian"></i>
2023-10-11 </span>
</div>
</a>
<a class="" href="http://xa.mobiletrain.org/ganhuo/205382.html" target="_blank">
<div class="article-item-pic">
<img src="/tywzt/tongyong14.jpg" alt="" />
</div>
<div class="article-item-info">
<h4>ips和led屏幕区别?</h4>
<span
><i class="ypfont yp-shijian"></i>
2023-10-11 </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://xa.mobiletrain.org/ganhuo/205652.html" target="_blank" class="art-item">
<div class="art-item-img">
<img src="/tywzt/ty39.jpg" alt="" />
</div>
<div class="art-item-info">
<h4>Wolfram语言所谓的 Knowledge-based language 与其他编程语言有什么区别?</h4>
<p>
一、Wolfram语言所谓的 Knowledge-based language 与其他编程语言的区别Wolfram语言所谓的 Knowledge-based language 与其他编程语言的区别是它<span
>详情>></span
>
</p>
<span>2023-10-11 22:45:40</span>
</div>
</a>
<a href="http://xa.mobiletrain.org/ganhuo/205533.html" target="_blank" class="art-item">
<div class="art-item-img">
<img src="/tywzt/ty69.jpg" alt="" />
</div>
<div class="art-item-info">
<h4>嵌入式工控机与普通工控机有哪些区别?</h4>
<p>
一、嵌入式工控机与普通工控机的区别嵌入式工控机和普通工控机都是用于工业控制和自动化的设备，但两者之间存在以下区别：1、外观和尺寸不同嵌...<span
>详情>></span
>
</p>
<span>2023-10-11 21:06:52</span>
</div>
</a>
<a href="http://xa.mobiletrain.org/ganhuo/205503.html" target="_blank" class="art-item">
<div class="art-item-img">
<img src="/tywzt/ty61.jpg" alt="" />
</div>
<div class="art-item-info">
<h4>JavaScript中null和undefined的区别?</h4>
<p>
一、JavaScript中null和undefined的区别1、null是js的关键字，表示空值；undefined不是js的关键字，它是一个全局变量2、null是Object的一个特殊...<span
>详情>></span
>
</p>
<span>2023-10-11 20:46:50</span>
</div>
</a>
<a href="http://xa.mobiletrain.org/ganhuo/205448.html" target="_blank" class="art-item">
<div class="art-item-img">
<img src="/tywzt/ty42.jpg" alt="" />
</div>
<div class="art-item-info">
<h4>SQL数据库与ACESS数据库有哪些区别?</h4>
<p>
一、SQL数据库与ACESS数据库的区别1、类型不同SQL数据库通常是关系型数据库，而Access数据库是一种桌面数据库。2、应用范围不同SQL数据库适用于...<span
>详情>></span
>
</p>
<span>2023-10-11 19:59:44</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://xa.mobiletrain.org/ganhuo/205652.html" target="_blank">
<div class="ypfont yp-zhiding"></div>
<p>Wolfram语言所谓的 Knowledge-based language 与其他编程语言有什么区别?</p>
<span class="a11">沸</span
> </a>
<a href="http://xa.mobiletrain.org/ganhuo/205613.html" target="_blank">
<div class="ypfont yp-1"></div>
<p>VB和Java有什么区别?</p>
<span class="a21">热</span
> </a>
<a href="http://xa.mobiletrain.org/ganhuo/205577.html" target="_blank">
<div class="ypfont yp-2"></div>
<p>SQL中的 in 与 not in 有什么区别?</p>
<span class="a31">热</span
> </a>
<a href="http://xa.mobiletrain.org/ganhuo/205533.html" target="_blank">
<div class="ypfont yp-3"></div>
<p>嵌入式工控机与普通工控机有哪些区别?</p>
<span class="a41">新</span
> </a>
<a href="http://xa.mobiletrain.org/ganhuo/205503.html" target="_blank">
<div class="a5">
4 </div>
<p>JavaScript中null和undefined的区别?</p>
</a>
<a href="http://xa.mobiletrain.org/ganhuo/205477.html" target="_blank">
<div class="a6">
5 </div>
<p>类拦截和方法拦截有哪些区别?</p>
</a>
<a href="http://xa.mobiletrain.org/ganhuo/205448.html" target="_blank">
<div class="a7">
6 </div>
<p>SQL数据库与ACESS数据库有哪些区别?</p>
</a>
<a href="http://xa.mobiletrain.org/ganhuo/205421.html" target="_blank">
<div class="a8">
7 </div>
<p>开启飞行模式断网和通过直接关闭wifi来断网有哪些区别?</p>
</a>
<a href="http://xa.mobiletrain.org/ganhuo/205382.html" target="_blank">
<div class="a9">
8 </div>
<p>ips和led屏幕区别?</p>
</a>
<a href="http://xa.mobiletrain.org/ganhuo/205334.html" target="_blank">
<div class="a10">
9 </div>
<p>开发塞班软件跟开发苹果软件有哪些区别?</p>
</a>
<a href="http://xa.mobiletrain.org/ganhuo/205297.html" target="_blank">
<div class="a11">
10 </div>
<p>tar包和jar包和war包的区别?</p>
</a>
<a href="http://xa.mobiletrain.org/ganhuo/205258.html" target="_blank">
<div class="a12">
11 </div>
<p>ibatis和mybatis有什么区别?</p>
</a>
<a href="http://xa.mobiletrain.org/ganhuo/205229.html" target="_blank">
<div class="a13">
12 </div>
<p>java的jdk和jre有什么区别?</p>
</a>
<a href="http://xa.mobiletrain.org/ganhuo/205195.html" target="_blank">
<div class="a14">
13 </div>
<p>C#和JAVA有哪些区别?</p>
</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://xa.mobiletrain.org/info/158283.html" target="_blank">
<div class="img-box">
<img src="/tywzt/ty42.jpg" alt="" />
</div>
<h3>西安如何选择Java培训机构</h3>
</a>
<a href="http://xa.mobiletrain.org/info/158280.html" target="_blank">
<div class="img-box">
<img src="/tywzt/ty37.jpg" alt="" />
</div>
<h3>西安怎么选择靠谱的Java培训机构</h3>
</a>
<a href="http://xa.mobiletrain.org/info/158277.html" target="_blank">
<div class="img-box">
<img src="/tywzt/tongyong5.jpg" alt="" />
</div>
<h3>西安如何选择靠谱的Java培训机构</h3>
</a>
<a href="http://xa.mobiletrain.org/info/158273.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://xa.mobiletrain.org/ganhuo/205652.html"
target="_blank"
><div class="active-item_1Em2h">
<img
class="active-item-img_3i_Tx"
src="/tywzt/ty39.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">Wolfram语言所谓的 Knowledge-based language 与其他编程语言有什么区别?</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">Wolfram语言所谓的 Knowledge-based language 与其他编程语言有什么区别?</div>
</div>
<div class="c-text hot-state_NdlbW"></div></div
></a>
<a class="item-wrap_2oCLZ" href="http://xa.mobiletrain.org/ganhuo/205613.html" target="_blank"
><div class="active-item_1Em2h">
<img
class="active-item-img_3i_Tx"
src="/tywzt/ty49.jpg"
alt=""
/>
<div class="sign-index_mtI7K">1</div>
<div class="content-pos_1fT0H">
<div class="name_2Px2N">VB和Java有什么区别?</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">VB和Java有什么区别?</div>
</div>
<div class="c-text hot-state_NdlbW hothothot2">热</div>
</div>
</a>
<a class="item-wrap_2oCLZ" href="http://xa.mobiletrain.org/ganhuo/205577.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">2</div>
<div class="content-pos_1fT0H">
<div class="name_2Px2N">SQL中的 in 与 not in 有什么区别?</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">SQL中的 in 与 not in 有什么区别?</div>
</div>
<div class="c-text hot-state_NdlbW hothothot3">热</div>
</div>
</a>
<a class="item-wrap_2oCLZ" href="http://xa.mobiletrain.org/ganhuo/205533.html" target="_blank"
><div class="active-item_1Em2h">
<img
class="active-item-img_3i_Tx"
src="/tywzt/ty69.jpg"
alt=""
/>
<div class="sign-index_mtI7K">3</div>
<div class="content-pos_1fT0H">
<div class="name_2Px2N">嵌入式工控机与普通工控机有哪些区别?</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">嵌入式工控机与普通工控机有哪些区别?</div>
</div>
<div class="c-text hot-state_NdlbW hothothot4">热</div>
</div>
</a>
<a class="item-wrap_2oCLZ" href="http://xa.mobiletrain.org/ganhuo/205503.html" target="_blank"
><div class="active-item_1Em2h">
<img
class="active-item-img_3i_Tx"
src="/tywzt/ty61.jpg"
alt=""
/>
<div class="sign-index_mtI7K">4</div>
<div class="content-pos_1fT0H">
<div class="name_2Px2N">JavaScript中null和undefined的区别?</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">JavaScript中null和undefined的区别?</div>
</div>
<div class="c-text hot-state_NdlbW hothothot5">热</div>
</div>
</a>
<a class="item-wrap_2oCLZ" href="http://xa.mobiletrain.org/ganhuo/205477.html" target="_blank"
><div class="active-item_1Em2h">
<img
class="active-item-img_3i_Tx"
src="/tywzt/tongyong8.jpg"
alt=""
/>
<div class="sign-index_mtI7K">5</div>
<div class="content-pos_1fT0H">
<div class="name_2Px2N">类拦截和方法拦截有哪些区别?</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">类拦截和方法拦截有哪些区别?</div>
</div>
<div class="c-text hot-state_NdlbW hothothot6">热</div>
</div>
</a>
<a class="item-wrap_2oCLZ" href="http://xa.mobiletrain.org/ganhuo/205448.html" target="_blank"
><div class="active-item_1Em2h">
<img
class="active-item-img_3i_Tx"
src="/tywzt/ty42.jpg"
alt=""
/>
<div class="sign-index_mtI7K">6</div>
<div class="content-pos_1fT0H">
<div class="name_2Px2N">SQL数据库与ACESS数据库有哪些区别?</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">SQL数据库与ACESS数据库有哪些区别?</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://xa.mobiletrain.org/wenda/186872.html" target="_blank">
<h3>
<i class="bjiconfont bjicon-wenda3"></i>张同学在线提问
</h3>
<h4>python处理json文件中某个符合条件的值</h4>
<p>
Python的列表推导式是一种简洁的方式来筛选JS...<span>详情</span>
</p>
</a>
<a href="http://xa.mobiletrain.org/wenda/185042.html" target="_blank">
<h3>
<i class="bjiconfont bjicon-wenda3"></i>刘同学在线提问
</h3>
<h4>java的垃圾回收机制以及如何影响内存管理</h4>
<p>
在Java中，垃圾回收(GarbageCollection)是一...<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-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="/js/jquery.min.js"></script>
<script src="/js/swiper4.5.0.min.js"></script>
<script src="/js/common1.js?t=1697035572"></script>
<script src="/js/mo_pc_city_con.js?t=1697035572"></script>
</body>
</html>
