标记 类型 译名或意义 作 用 备注
文件标记
● 文件声明 让浏览器知道这是 HTML 文件
● 开头 提供文件整体资讯
● 标题 定义文件标题，将显示于浏览顶端 <br><BODY> ● 本文 设计文件格式及内文所在 <br>排版标记 <br><!--注解--> ○ 说明标记 为文件加上说明，但不被显示 <br><P> ○ 段落标记 为字、画、表格等之间留一空白行 <br><BR> ○ 换行标记 令字、画、表格等显示于下一行 <br><HR> ○ 水平线 插入一条水平线 <br><CENTER> ● 居中 令字、画、表格等显示于中间 反对 <br><PRE> ● 预设格式 令文件按照原始码的排列方式显示 <br><DIV> ● 区隔标记 设定字、画、表格等的摆放位置 <br><NOBR> ● 不折行 令文字不因太长而绕行 <br><WBR> ● 建议折行 预设折行部位 <br>字体标记 <br><STRONG> ● 加重语气 产生字体加粗 Bold 的效果 <br><B> ● 粗体标记 产生字体加粗的效果 <br><EM> ● 强调标记 字体出现斜体效果 <br><I> ● 斜体标记 字体出现斜体效果 <br><TT> ● 打字字体 Courier字体，字母宽度相同 <br><U> ● 加上底线 加上底线 反对 <br><H1> ● 一级标题标记 变粗变大加宽，程度与级数反比 <br><H2> ● 二级标题标记 将字体变粗变大加宽 <br><H3> ● 三级标题标记 将字体变粗变大加宽 <br><H4> ● 四级标题标记 将字体变粗变大加宽 <br><H5> ● 五级标题标记 将字体变粗变大加宽 <br><H6> ● 六级标题标记 将字体变粗变大加宽 <br><FONT> ● 字形标记 设定字形、大小、颜色 反对 <br><BASEFONT> ○ 基准字形标记 设定所有字形、大小、颜色 反对 <br><BIG> ● 字体加大 令字体稍为加大 <br><SMALL> ● 字体缩细 令字体稍为缩细 <br><STRIKE> ● 画线删除 为字体加一删除线 反对 <br><CODE> ● 程式码 字体稍为加宽如<TT> <br><KBD> ● 键盘字 字体稍为加宽，单一空白 <br><SAMP> ● 范例 字体稍为加宽如<TT> <br><VAR> ● 变数 斜体效果 <br><CITE> ● 传记引述 斜体效果 <br><BLOCKQUOTE> ● 引述文字区块 缩排字体 <br><DFN> ● 述语定义 斜体效果 <br><ADDRESS> ● 地址标记 斜体效果 <br><SUB> ● 下标字 下标字 <br><SUP> ● 上标字 指数（平方、立方等） <br>清单标记 <br><OL> ● 顺序清单 清单项目将以数字、字母顺序排列 <br><UL> ● 无序清单 清单项目将以圆点排列 <br><LI> ○ 清单项目 每一标记标示一项清单项目 <br><MENU> ● 选单清单 清单项目将以圆点排列，如<UL> 反对 <br><DIR> ● 目录清单 清单项目将以圆点排列，如<UL> 反对 <br><DL> ● 定义清单 清单分两层出现 <br><DT> ○ 定义条目 标示该项定义的标题 <br><DD> ○ 定义内容 标示定义内容 <br>表格标记 <br><TABLE> ● 表格标记 设定该表格的各项参数 <br><CAPTION> ● 表格标题 做成一打通列以填入表格标题 <br><TR> ● 表格列 设定该表格的列 <br><TD> ● 表格栏 设定该表格的栏 <br><TH> ● 表格标头 相等于<TD>，但其内之字体会变粗 <br>表单标记 <br><FORM> ● 表单标记 决定单一表单的运作模式 <br><TEXTAREA> ● 文字区块 提供文字方盒以输入较大量文字 <br><INPUT> ○ 输入标记 决定输入形式 <br><SELECT> ● 选择标记 建立 pop-up 卷动清单 <br><OPTION> ○ 选项 每一标记标示一个选项 <br>图形标记 <br><IMG> ○ 图形标记 用以插入图形及设定图形属性 <br>连结标记 <br><A> ● 连结标记 加入连结 <br><BASE> ○ 基准标记 可将相对 URL 转绝对及指定连结目标 <br>框架标记 <br><FRAMESET> ● 框架设定 设定框架 <br><FRAME> ○ 框窗设定 设定框窗 <br><IFRAME> ○ 页内框架 于网页中间插入框架 IE <br><NOFRAMES> ● 不支援框架 设定当浏览器不支援框架时的提示 <br>影像地图 <br><MAP> ● 影像地图名称 设定影像地图名称 <br><AREA> ○ 连结区域 设定各连结区域 <br>多媒体 <br><BGSOUND> ○ 背景声音 于背景播放声音或音乐 IE <br><EMBED> ○ 多媒体 加入声音、音乐或影像 <br>其他标记 <br><MARQUEE> ● 走动文字 令文字左右走动 IE <br><BLINK> ● 闪烁文字 闪烁文字 NC <br><ISINDEX> ○ 页内寻找器 可输入关键字寻找于该一页 反对 <br><META> ○ 开头定义 让浏览器知道这是 HTML 文件 <br><LINK> ○ 关系定义 定义该文件与其他 URL 的关系 <br>StyleSheet <br><STYLE> ● 样式表 控制网页版面 <br><span> ● 自订标记 独立使用或与样式表同用</p>
<p>以上就是HTML语言剖析之HTML标记一览的内容，更多相关文章请关注PHP中文网（www.php.cn）！ </p>
<p><br></p> </div>
</div>
<div style="height: 25px;">
<div class="wzconBq" style="display: inline-flex;">
<span>相关标签：</span>
<div class="wzcbqd">
<a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/zh/search?word=html标记" target="_blank">html标记</a> </div>
</div>
<div style="display: inline-flex;float: right; color:#333333;">来源：php.cn</div>
</div>
<div class="wzconOtherwz">
<a href="http://www.php.cn/zh/faq/344714.html" title="HTML语言剖析之Html简介">
<span>上一篇：HTML语言剖析之Html简介</span>
</a>
<a href="http://www.php.cn/zh/faq/344717.html" title="HTML语言剖析之文件标记">
<span>下一篇：HTML语言剖析之文件标记</span>
</a>
</div>
<div class="wzconShengming">
<div class="bzsmdiv">本站声明</div>
<div>本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn</div>
</div>
<div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div>
<div class="wzconZzwz">
<div class="wzconZzwztitle">作者最新文章</div>
<ul>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/zh/faq/377601.html">从零开始打造自己的PHP框架的视频资料</a>
</div>
<div>2023-03-15 16:54:01</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/zh/faq/377137.html">PHPMailer如何利用QQ邮箱完成邮件发送功能的实例分析</a>
</div>
<div>2023-03-15 12:26:02</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/zh/faq/376186.html">php中关于IMAP如何收取邮件的方法介绍</a>
</div>
<div>2023-03-14 18:58:01</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/zh/faq/375194.html">php如何快速实现数组去重的实例</a>
</div>
<div>2023-03-14 11:30:01</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/zh/faq/369412.html">html中关于<a>标签的全部属性的使用总结</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/zh/faq/379971.html">php基础知识总结（新手入门必备）</a>
</div>
<div>2023-03-16 15:20:01</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/zh/faq/381607.html">JavaScript中typeof的使用方法介绍</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/zh/faq/382066.html">JavaScript中confirm()方法的使用介绍</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/zh/faq/357705.html">HTML5 Placeholder属性的详情介绍</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/zh/faq/380149.html">ReactJS中表单的单选多选与反选的实现方法</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
</ul>
</div>
<div class="wzconZzwz">
<div class="wzconZzwztitle">最新问题</div>
<div class="wdsyContent">
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="http://www.php.cn/zh/wenda/176360.html" target="_blank" title="CSS 样式未应用于网站" class="wdcdcTitle">CSS 样式未应用于网站</a>
<a href="http://www.php.cn/zh/wenda/176360.html" class="wdcdcCons">我正在使用Bootstrap5制作网站，但index.css属性未应用于index.html。当我将鼠标悬停在服务卡上时，背景应该会发生变化，从而产生过渡效果。应该是从这个到这个。...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> 来自于 2024-04-06 17:12:23</span>
</div>
<div class="wdcdciright flexRow">
<div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div>
<div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>336</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="http://www.php.cn/zh/wenda/176352.html" target="_blank" title="为什么我的 hr 标签设置为白色纯色时是半透明的？" class="wdcdcTitle">为什么我的 hr 标签设置为白色纯色时是半透明的？</a>
<a href="http://www.php.cn/zh/wenda/176352.html" class="wdcdcCons">我有一个html（带有引导程序）和一个CSS，在我的html中我有一个<hr>标签，它有一个类，然后在我的CSS中我有它的边框样式。它是半透明的，你可以看到白色，但它不...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> 来自于 2024-04-06 16:13:26</span>
</div>
<div class="wdcdciright flexRow">
<div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div>
<div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>500</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="http://www.php.cn/zh/wenda/176341.html" target="_blank" title="导航栏上的CSS底部边框" class="wdcdcTitle">导航栏上的CSS底部边框</a>
<a href="http://www.php.cn/zh/wenda/176341.html" class="wdcdcCons">我有一个导航栏，当悬停列表中的任何项目时，我在底部添加了一条红线，但我想将该红线移到标题下方（例如“服务”），知道如何实现此目的？我在codepen中添加了一个小示例，以便您可以轻...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> 来自于 2024-04-06 15:04:41</span>
</div>
<div class="wdcdciright flexRow">
<div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div>
<div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>2</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>347</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="http://www.php.cn/zh/wenda/176275.html" target="_blank" title="NumberInput 鼠标滚轮处理忽略捕获阶段的事件过滤" class="wdcdcTitle">NumberInput 鼠标滚轮处理忽略捕获阶段的事件过滤</a>
<a href="http://www.php.cn/zh/wenda/176275.html" class="wdcdcCons">非常简短的版本：我有点卡住了，不太明白为什么这段代码确实可以拦截和防止鼠标滚轮事件被数字编辑解释以更改数字。我想了解为什么拦截捕获和过滤事件不起作用：HTML代码：<pid=...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> 来自于 2024-04-05 12:21:04</span>
</div>
<div class="wdcdciright flexRow">
<div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div>
<div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1387</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="http://www.php.cn/zh/wenda/176249.html" target="_blank" title="如何从设计生成的数据库表填充 HTML 表格" class="wdcdcTitle">如何从设计生成的数据库表填充 HTML 表格</a>
<a href="http://www.php.cn/zh/wenda/176249.html" class="wdcdcCons">对RubyonRails和devise非常陌生。我目前正在尝试在HTML页面上填写一个表，该表应列出我的数据库(MYSQL)中学生表的所有记录。<tbody><%...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> 来自于 2024-04-05 09:13:39</span>
</div>
<div class="wdcdciright flexRow">
<div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div>
<div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>2491</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
</div>
</div>
<div class="wzconZt" >
<div class="wzczt-title">
<div>相关专题</div>
<a href="http://www.php.cn/zh/faq/zt" target="_blank">更多>
</a>
</div>
<div class="wzcttlist">
<ul>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/zh/faq/kolssmysa"><img src="https://img.php.cn/upload/subject/202407/22/2024072213235870058.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="kol是什么意思啊" /> </a>
<a target="_blank" href="http://www.php.cn/zh/faq/kolssmysa" class="title-a-spanl" title="kol是什么意思啊"><span>kol是什么意思啊</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/zh/faq/xdatadata"><img src="https://img.php.cn/upload/subject/202407/22/2024072213375392097.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="xdata和data的区别" /> </a>
<a target="_blank" href="http://www.php.cn/zh/faq/xdatadata" class="title-a-spanl" title="xdata和data的区别"><span>xdata和data的区别</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/zh/faq/linuxrhsyfind"><img src="https://img.php.cn/upload/subject/202407/22/2024072214043229011.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="linux如何使用find指令查找文件" /> </a>
<a target="_blank" href="http://www.php.cn/zh/faq/linuxrhsyfind" class="title-a-spanl" title="linux如何使用find指令查找文件"><span>linux如何使用find指令查找文件</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/zh/faq/mathlzdcyff"><img src="https://img.php.cn/upload/subject/202407/22/2024072213520346617.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Math类中的常用方法" /> </a>
<a target="_blank" href="http://www.php.cn/zh/faq/mathlzdcyff" class="title-a-spanl" title="Math类中的常用方法"><span>Math类中的常用方法</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/zh/faq/spanbqdzy"><img src="https://img.php.cn/upload/subject/202407/22/2024072213522253642.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="span标签的作用" /> </a>
<a target="_blank" href="http://www.php.cn/zh/faq/spanbqdzy" class="title-a-spanl" title="span标签的作用"><span>span标签的作用</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/zh/faq/dyxhrzbznl"><img src="https://img.php.cn/upload/subject/202407/22/2024072211501677920.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="抖音小火人装扮在哪领" /> </a>
<a target="_blank" href="http://www.php.cn/zh/faq/dyxhrzbznl" class="title-a-spanl" title="抖音小火人装扮在哪领"><span>抖音小火人装扮在哪领</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/zh/faq/wanweiwang"><img src="https://img.php.cn/upload/subject/202407/22/2024072214364740602.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="什么是万维网" /> </a>
<a target="_blank" href="http://www.php.cn/zh/faq/wanweiwang" class="title-a-spanl" title="什么是万维网"><span>什么是万维网</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/zh/faq/rhdkmdfwj"><img src="https://img.php.cn/upload/subject/202407/22/2024072214021336435.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="如何打开mdf文件" /> </a>
<a target="_blank" href="http://www.php.cn/zh/faq/rhdkmdfwj" class="title-a-spanl" title="如何打开mdf文件"><span>如何打开mdf文件</span> </a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="phpwzright">
<div class="wzrOne">
<div class="wzroTitle">热门推荐</div>
<div class="wzroList">
<ul>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="url是什么意思？" href="http://www.php.cn/zh/faq/418772.html">url是什么意思？</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="DOM是什么意思" href="http://www.php.cn/zh/faq/414303.html">DOM是什么意思</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="如何改变图片大小" href="http://www.php.cn/zh/faq/414252.html">如何改变图片大小</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="HTML中如何将字体加粗" href="http://www.php.cn/zh/faq/414520.html">HTML中如何将字体加粗</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="html图片大小如何设置" href="http://www.php.cn/zh/faq/475145.html">html图片大小如何设置</a>
</div>
</li>
</ul>
</div>
</div>
<script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script>
<div class="wzrThree">
<div class="wzrthree-title">
<div>热门教程</div>
<a target="_blank" href="http://www.php.cn/zh/course.html">更多>
</a>
</div>
<div class="wzrthreelist swiper2">
<div class="wzrthreeTab swiper-wrapper">
<div class="check tabdiv swiper-slide" data-id="one">相关教程 <div></div></div>
<div class="tabdiv swiper-slide" data-id="two">热门推荐<div></div></div>
<div class="tabdiv swiper-slide" data-id="three">最新课程<div></div></div>
</div>
<ul class="one">
<li>
<a target="_blank" href="http://www.php.cn/zh/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" href="http://www.php.cn/zh/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a>
<div class="wzrthreerb">
<div>1417662 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="812">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="http://www.php.cn/zh/course/74.html" title="php入门教程之一周学会PHP" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="php入门教程之一周学会PHP"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="php入门教程之一周学会PHP" href="http://www.php.cn/zh/course/74.html">php入门教程之一周学会PHP</a>
<div class="wzrthreerb">
<div>4258770 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="74">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="http://www.php.cn/zh/course/286.html" title="JAVA 初级入门视频教程" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初级入门视频教程"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="JAVA 初级入门视频教程" href="http://www.php.cn/zh/course/286.html">JAVA 初级入门视频教程</a>
<div class="wzrthreerb">
<div>2485289 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="286">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="http://www.php.cn/zh/course/504.html" title="小甲鱼零基础入门学习Python视频教程" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲鱼零基础入门学习Python视频教程"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="小甲鱼零基础入门学习Python视频教程" href="http://www.php.cn/zh/course/504.html">小甲鱼零基础入门学习Python视频教程</a>
<div class="wzrthreerb">
<div>504178 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="504">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="http://www.php.cn/zh/course/2.html" title="PHP 零基础入门教程" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP 零基础入门教程"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="PHP 零基础入门教程" href="http://www.php.cn/zh/course/2.html">PHP 零基础入门教程</a>
<div class="wzrthreerb">
<div>858826 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="2">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
</ul>
<ul class="two" style="display: none;">
<li>
<a target="_blank" href="http://www.php.cn/zh/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" href="http://www.php.cn/zh/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a>
<div class="wzrthreerb">
<div >1417662次学习</div>
<div class="courseICollection" data-id="812">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="http://www.php.cn/zh/course/286.html" title="JAVA 初级入门视频教程" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初级入门视频教程"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="JAVA 初级入门视频教程" href="http://www.php.cn/zh/course/286.html">JAVA 初级入门视频教程</a>
<div class="wzrthreerb">
<div >2485289次学习</div>
<div class="courseICollection" data-id="286">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="http://www.php.cn/zh/course/504.html" title="小甲鱼零基础入门学习Python视频教程" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲鱼零基础入门学习Python视频教程"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="小甲鱼零基础入门学习Python视频教程" href="http://www.php.cn/zh/course/504.html">小甲鱼零基础入门学习Python视频教程</a>
<div class="wzrthreerb">
<div >504178次学习</div>
<div class="courseICollection" data-id="504">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="http://www.php.cn/zh/course/901.html" title="Web前端开发极速入门" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Web前端开发极速入门"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Web前端开发极速入门" href="http://www.php.cn/zh/course/901.html">Web前端开发极速入门</a>
<div class="wzrthreerb">
<div >215354次学习</div>
<div class="courseICollection" data-id="901">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="http://www.php.cn/zh/course/234.html" title="零基础精通 PS 视频教程" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="零基础精通 PS 视频教程"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="零基础精通 PS 视频教程" href="http://www.php.cn/zh/course/234.html">零基础精通 PS 视频教程</a>
<div class="wzrthreerb">
<div >879283次学习</div>
<div class="courseICollection" data-id="234">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
</ul>
<ul class="three" style="display: none;">
<li>
<a target="_blank" href="http://www.php.cn/zh/course/1648.html" title="【web前端】Node.js快速入门" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="【web前端】Node.js快速入门"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="【web前端】Node.js快速入门" href="http://www.php.cn/zh/course/1648.html">【web前端】Node.js快速入门</a>
<div class="wzrthreerb">
<div >6569次学习</div>
<div class="courseICollection" data-id="1648">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="http://www.php.cn/zh/course/1647.html" title="国外Web开发全栈课程全集" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="国外Web开发全栈课程全集"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="国外Web开发全栈课程全集" href="http://www.php.cn/zh/course/1647.html">国外Web开发全栈课程全集</a>
<div class="wzrthreerb">
<div >5111次学习</div>
<div class="courseICollection" data-id="1647">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="http://www.php.cn/zh/course/1646.html" title="Go语言实战之 GraphQL" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go语言实战之 GraphQL"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Go语言实战之 GraphQL" href="http://www.php.cn/zh/course/1646.html">Go语言实战之 GraphQL</a>
<div class="wzrthreerb">
<div >4286次学习</div>
<div class="courseICollection" data-id="1646">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="http://www.php.cn/zh/course/1645.html" title="550W粉丝大佬手把手从零学JavaScript" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W粉丝大佬手把手从零学JavaScript"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="550W粉丝大佬手把手从零学JavaScript" href="http://www.php.cn/zh/course/1645.html">550W粉丝大佬手把手从零学JavaScript</a>
<div class="wzrthreerb">
<div >637次学习</div>
<div class="courseICollection" data-id="1645">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="http://www.php.cn/zh/course/1644.html" title="python大神Mosh，零基础小白6小时完全入门" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="python大神Mosh，零基础小白6小时完全入门"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="python大神Mosh，零基础小白6小时完全入门" href="http://www.php.cn/zh/course/1644.html">python大神Mosh，零基础小白6小时完全入门</a>
<div class="wzrthreerb">
<div >21820次学习</div>
<div class="courseICollection" data-id="1644">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
</ul>
</div>
<script>
var mySwiper = new Swiper('.swiper2', {
autoplay: false,//可选选项，自动滑动
slidesPerView : 'auto',
})
$('.wzrthreeTab>div').click(function(e){
$('.wzrthreeTab>div').removeClass('check')
$(this).addClass('check')
$('.wzrthreelist>ul').css('display','none')
$('.'+e.currentTarget.dataset.id).show()
})
</script>
</div>
<div class="wzrFour">
<div class="wzrfour-title">
<div>最新下载</div>
<a href="http://www.php.cn/zh/xiazai">更多>
</a>
</div>
<script>
$(document).ready(function(){
var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{
speed:1000,
autoplay:{
delay:3500,
disableOnInteraction: false,
},
pagination:{
el:'.sjyx_banSwiperwz .swiper-pagination',
clickable :false,
},
loop:true
})
})
</script>
<div class="wzrfourList swiper3">
<div class="wzrfourlTab swiper-wrapper">
<div class="check swiper-slide" data-id="onef">网站特效 <div></div></div>
<div class="swiper-slide" data-id="twof">网站源码<div></div></div>
<div class="swiper-slide" data-id="threef">网站素材<div></div></div>
<div class="swiper-slide" data-id="fourf">前端模板<div></div></div>
</div>
<ul class="onef">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="jQuery企业留言表单联系代码" href="http://www.php.cn/zh/toolset/js-special-effects/8071">[表单按钮] jQuery企业留言表单联系代码</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="HTML5 MP3音乐盒播放特效" href="http://www.php.cn/zh/toolset/js-special-effects/8070">[播放器特效] HTML5 MP3音乐盒播放特效</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="HTML5炫酷粒子动画导航菜单特效" href="http://www.php.cn/zh/toolset/js-special-effects/8069">[菜单导航] HTML5炫酷粒子动画导航菜单特效</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="jQuery可视化表单拖拽编辑代码" href="http://www.php.cn/zh/toolset/js-special-effects/8068">[表单按钮] jQuery可视化表单拖拽编辑代码</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="VUE.JS仿酷狗音乐播放器代码" href="http://www.php.cn/zh/toolset/js-special-effects/8067">[播放器特效] VUE.JS仿酷狗音乐播放器代码</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="经典html5推箱子小游戏" href="http://www.php.cn/zh/toolset/js-special-effects/8066">[html5特效] 经典html5推箱子小游戏</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="jQuery滚动添加或减少图片特效" href="http://www.php.cn/zh/toolset/js-special-effects/8065">[图片特效] jQuery滚动添加或减少图片特效</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="CSS3个人相册封面悬停放大特效" href="http://www.php.cn/zh/toolset/js-special-effects/8064">[相册特效] CSS3个人相册封面悬停放大特效</a>
</div>
</li>
</ul>
<ul class="twof" style="display:none">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-source-code/8328" title="家居装潢清洁维修服务公司网站模板" target="_blank">[前端模板] 家居装潢清洁维修服务公司网站模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-source-code/8327" title="清新配色个人求职简历引导页模板" target="_blank">[前端模板] 清新配色个人求职简历引导页模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-source-code/8326" title="设计师创意求职简历网页模板" target="_blank">[前端模板] 设计师创意求职简历网页模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-source-code/8325" title="现代工程建筑公司网站模板" target="_blank">[前端模板] 现代工程建筑公司网站模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-source-code/8324" title="教育服务机构响应式HTML5模板" target="_blank">[前端模板] 教育服务机构响应式HTML5模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-source-code/8323" title="网上电子书店商城网站模板" target="_blank">[前端模板] 网上电子书店商城网站模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-source-code/8322" title="IT技术解决互联网公司网站模板" target="_blank">[前端模板] IT技术解决互联网公司网站模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-source-code/8321" title="紫色风格外汇交易服务网站模板" target="_blank">[前端模板] 紫色风格外汇交易服务网站模板</a>
</div>
</li>
</ul>
<ul class="threef" style="display:none">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-materials/3078" target="_blank" title="可爱的夏天元素矢量素材(EPS+PNG)">[PNG素材] 可爱的夏天元素矢量素材(EPS+PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-materials/3077" target="_blank" title="四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)">[PNG素材] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-materials/3076" target="_blank" title="唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)">[banner图] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-materials/3075" target="_blank" title="金色的毕业帽矢量素材(EPS+PNG)">[PNG素材] 金色的毕业帽矢量素材(EPS+PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-materials/3074" target="_blank" title="黑白风格的山脉图标矢量素材(EPS+PNG)">[PNG素材] 黑白风格的山脉图标矢量素材(EPS+PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-materials/3073" target="_blank" title="不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)">[PNG素材] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-materials/3072" target="_blank" title="扁平风格的植树节banner矢量素材(AI+EPS)">[banner图] 扁平风格的植树节banner矢量素材(AI+EPS)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-materials/3071" target="_blank" title="九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)">[PNG素材] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)</a>
</div>
</li>
</ul>
<ul class="fourf" style="display:none">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-source-code/8328" target="_blank" title="家居装潢清洁维修服务公司网站模板">[前端模板] 家居装潢清洁维修服务公司网站模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-source-code/8327" target="_blank" title="清新配色个人求职简历引导页模板">[前端模板] 清新配色个人求职简历引导页模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-source-code/8326" target="_blank" title="设计师创意求职简历网页模板">[前端模板] 设计师创意求职简历网页模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-source-code/8325" target="_blank" title="现代工程建筑公司网站模板">[前端模板] 现代工程建筑公司网站模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-source-code/8324" target="_blank" title="教育服务机构响应式HTML5模板">[前端模板] 教育服务机构响应式HTML5模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-source-code/8323" target="_blank" title="网上电子书店商城网站模板">[前端模板] 网上电子书店商城网站模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-source-code/8322" target="_blank" title="IT技术解决互联网公司网站模板">[前端模板] IT技术解决互联网公司网站模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/zh/toolset/website-source-code/8321" target="_blank" title="紫色风格外汇交易服务网站模板">[前端模板] 紫色风格外汇交易服务网站模板</a>
</div>
</li>
</ul>
</div>
<script>
var mySwiper = new Swiper('.swiper3', {
autoplay: false,//可选选项，自动滑动
slidesPerView : 'auto',
})
$('.wzrfourlTab>div').click(function(e){
$('.wzrfourlTab>div').removeClass('check')
$(this).addClass('check')
$('.wzrfourList>ul').css('display','none')
$('.'+e.currentTarget.dataset.id).show()
})
</script>
</div>
</div>
</div>
<footer>
<div class="footer">
<div class="footertop">
<img src="/static/imghw/logo.png" alt="">
<p>公益在线PHP培训，帮助PHP学习者快速成长！</p>
</div>
<div class="footermid">
<a href="http://www.php.cn/zh/about/us.html">关于我们</a>
<a href="http://www.php.cn/zh/about/disclaimer.html">免责声明</a>
<a href="http://www.php.cn/zh/update/article_0_1.html">Sitemap</a>
</div>
<div class="footerbottom">
<p>
© php.cn All rights reserved
</p>
</div>
</div>
</footer>
<input type="hidden" id="verifycode" value="/captcha.html">
<script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script>
<script src="/static/js/common_new.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js?1731585046"></script>
<script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script>
<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/>
<script type='text/javascript' src='/static/js/viewer.min.js?1'></script>
<script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script>
<script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script>
</body>
</html> 
