登录  /  注册
HTML里面的文本标签_html/css_WEB-ITnose
php中文网
发布: 2016-06-24 11:40:26
原创
709人浏览过

下面就是重要的标签:     创建一个HTML文档,是网页源代码的开始符和结束符,每一个网页的源代码必定是以这两个标签开始和结束.    
设置文档标题和其它在网页中不显示的信息 设置文档的标题

最大的标题
登录后复制
预先格式化文本 下划线 黑体字 斜体字 打字机风格的字体 引用,通常是斜体 强调文本(通常是斜体加黑体) 加重文本(通常是斜体加黑体) 设置字体大小从1到7,颜色使用名字或RGB的十六进制值 基准字体标记 字体加大 字体缩小 加删除线 程式码 键盘字 范例 变量
向右缩排 述语定义
地址标记 上标字 下标字 ... 固定宽度字体(在文件中空白、换行、定位功能有效) ...</plaintext>固定宽度字体 (不执行标记符号) <listing>...</listing> 固定宽度小字体 <font color=00ff00>...</font>字体颜色 <font size=1>...</font>最小字体 <font style ='font-size:100 px'>...</font>无限增大============================〈格式标志〉============================<p></p> 创建一个段落 <p align=""> 将段落按左、中、右对齐  <br>换行 插入一个回车换行符<blockquote></blockquote> 从两边缩进文本<dl></dl> 定义列表<dt> 放在每个定义术语词前<dd> 放在每个定义之前<ol></ol> 创建一个标有数字的列表<ul></ul> 创建一个标有圆点的列表<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,若 在<ul></ul>之间则每个列表项加上一个圆点    <div align=""></div> 用来排版大块HTML段落,也用于格式化表<menu> 选项清单<DIR> 目录清单<nobr></nobr> 强行不换行<hr size='9' width='80%' color='ff0000'>水平线(设定宽度)<center></center> 水平居中=====================〈链接标志表格标志〉=============================<a href="URL"></a> 创建超文本链接<a href="mailtEMAIL"></a> 创建自动发送电子邮件的链接<a name="name"></a> 创建位于文档内部的书签<a href="#name"></a> 创建指向位于文档内部书签的链接<base> 文档中不能被该站点辨识的其它所有链接源的URL<link> 定义一个链接和源之间的相互关系=================== 链接标记注解:========================◆target="..."决定链接源在什么地方显示(用户自定义的名 字,_blank,_parent,_self,_top◆rel="..."发送链接的类型◆rev="..."保存链接的类型◆accesskey="..." 指定该元素的热键◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly◆coord="..." 使用像素或者长度百分比来定义形状的尺寸◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使 用tab键使元素获得焦点)==================== 表格标记注解:=====================<table></table> 创建一个表格 <tr></tr> 表格中的每一行<td></td> 表格中一行中的每一个格子<th></th> 设置表格头:通常是黑体居中文字<table cellspacing=""> 设置表格格子之间空间的大小<table border=""> 设置边框的宽度<table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小<table width=""> 设置表格的宽度。用绝对像素值或总宽度的百分比<table align=""> 设置表格格子的水平对齐方式(left,center,right,justify)<tr align=""> 设置表格格子的水平对齐方式(left,center,right,justify)<tr valign=""> 设置表格格子的垂直对齐方式(baseline,bottom,middle,top)<td colspan=""> 设置一个表格格子跨占的列数(缺省值为1)  <td rowspan=""> 设置一个表格格子跨占的行数(缺省值为1)  <td nowrap> 禁止表格格子内的内容自动断行<caption></caption> 表格的标题<colgroup></colgroup> 定义多个列为一组列<TABLE></TABLE> 创建一个表格 <THEAD></THEAD> 定义表格的页眉<COL> 定义一个列组中的列,以便对它们能够同时设置有关属性<TBODY></TBODY> 定义一个表格的实体<TFOOT></TFOOT> 定义一个表格的页脚</pre> <p class="sycode"> <p>版权声明:本文为博主原创文章,未经博主允许不得转载。</p> </p> </p> </div> </div> <div class="phpwzggBox" style="width: 1380px; margin: 20px auto;"> <script type="text/javascript" src="https://sw.php.cn/hezuo/43cc2463da342d2af2696436bd2d05f4.html" ></script> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>相关标签:</span> <div class="wzcbqd"> <a href="//m.sbmmt.com/search?word=html里面的文本标签" target="_blank">HTML里面的文本标签</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">来源:php中文网</div> </div> <div class="wzconOtherwz"> <a href="//m.sbmmt.com/faq/273005.html"> <span>上一篇:百度地图秘钥ak的获取_html/css_WEB-ITnose</span> </a> <a href="//m.sbmmt.com/faq/273008.html"> <span>下一篇:浅谈 css3 box盒子模型以及box-flex的使用_html/css_WEB-ITnose</span> </a> </div> <div class="wzconShengming"> <img src="/static/images/images/benzhanshengming.png" /> <div>本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn</div> </div> <!-- php-pc-文章-底部 --> <div class="_i58xe4g22p" style="margin-top:20px;"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6878810", container: "_i58xe4g22p", async: true }); </script> <div class="wzconZzwz"> <div class="wzconZzwztitle">作者最新文章</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/542142.html">显示git文件夹隐藏文件</a> </div> <div>2023-05-17 11:37:07</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/524288.html">如何用Java反编译字节码文件?</a> </div> <div>2023-04-22 14:40:08</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/519921.html">java代码块的执行顺序实例分析</a> </div> <div>2023-04-18 12:07:03</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/516437.html">毫末智行CEO顾维灏:城市场景中MANA面临的六大挑战与全新升级</a> </div> <div>2023-04-14 11:58:02</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/510000.html">利用人工智能解决石油和天然气排放挑战</a> </div> <div>2023-04-08 17:51:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/413460.html">PHP怎么统计字符串中指定字符出现的次数</a> </div> <div>2023-04-04 13:42:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/505912.html">人工智能如何为数据中心团队带来新的日常工作</a> </div> <div>2023-03-31 20:38:31</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/505911.html">2023年值得关注的技术趋势</a> </div> <div>2023-03-31 20:38:29</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/401010.html">PHP中多态的两个实现重载与覆盖</a> </div> <div>2023-03-29 20:34:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/396695.html">thinkphp最新官网视频教程</a> </div> <div>2023-03-26 14:08:02</div> </li> </ul> </div> <div class="wzconZt" style="display: none;"> <div class="wzczt-title"> <div>相关专题</div> <a href="#">更多> </a> </div> <div class="wzcttlist"> <ul> <li> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕!中国开源未来发展峰会“问道 AI 分论坛”即将开幕! PHP Composer教程 PHP Composer教程 </span> </a> </li> <li class="ul-li-two"> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕!中国开源未来发展峰会“问道 AI 分论坛”即将开幕! PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> <li class="ul-li-three"> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕!中国开源未来发展峰会“问道 AI 分论坛”即将开幕! PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> <li> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕!中国开源未来发展峰会“问道 AI 分论坛”即将开幕! PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> <li> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕!中国开源未来发展峰会“问道 AI 分论坛”即将开幕! PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> <li class="ul-li-two"> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕!中国开源未来发展峰会“问道 AI 分论坛”即将开幕! PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> <li class="ul-li-three"> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕!中国开源未来发展峰会“问道 AI 分论坛”即将开幕! PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> <li> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕!中国开源未来发展峰会“问道 AI 分论坛”即将开幕! PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> </ul> </div> </div> <div class="wzcongg"><script type="text/javascript" src="https://sw.php.cn/hezuo/7236a960e9805fe5337a40a36e76376b.html" ></script></div> </div> </div> <div class="phpwzright"> <script type="text/javascript" src="https://sw.php.cn/hezuo/7d4897500e1f8454c8cecc43e5d92949.html?yimen" ></script> <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;" href="//m.sbmmt.com/faq/513778.html">分享8个令人震惊的HTML技巧</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/477384.html">html的width是什么意思</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/501587.html">聊聊前端里一个奇怪的水平滚动条</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/471738.html">html文件怎么创建</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/471100.html">HTML中怎么设置为email链接</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/471386.html">html中块级元素是什么</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/471123.html">HTML5里面class属性是什么</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/470671.html">html中mate是单标签吗</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/471120.html">border在html中是什么意思</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/471125.html">html中h1是什么意思</a> </div> </li> </ul> </div> </div> <div class="wzrTwo"> <script type="text/javascript" src="https://sw.php.cn/hezuo/3b9658c68b4a51ac91d4414a910efa45.html" ></script> </div> <div class="wzrTwo"> <script type="text/javascript" src="https://sw.php.cn/hezuo/08af4bd5aaa6c69c3f76add681d83973.html" ></script> </div> <div class="wzrThree"> <div class="wzrthree-title"> <div>热门教程</div> <a target="_blank" href="//m.sbmmt.com/k.html">更多> </a> </div> <div class="wzrthreelist"> <div class="wzrthreeTab"> <div class="check tabdiv" data-id="one">相关教程 <div></div></div> <div class="tabdiv" data-id="two">热门推荐<div></div></div> <div class="tabdiv" data-id="three">最新课程<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="//m.sbmmt.com/course/1264.html" title="快速上手React基础" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/015/611f73781f76e233.jpg" alt="快速上手React基础"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1264.html">快速上手React基础</a> <div class="wzrthreerb"> <div >77606次学习</div> <a class="courseICollection" data-id="1264"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/1265.html" title="React商城后台项目实战" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/015/611f7384e21af831.jpg" alt="React商城后台项目实战"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1265.html">React商城后台项目实战</a> <div class="wzrthreerb"> <div >38421次学习</div> <a class="courseICollection" data-id="1265"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="//m.sbmmt.com/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" href="//m.sbmmt.com/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> <div class="wzrthreerb"> <div >1311653次学习</div> <a class="courseICollection" data-id="812"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/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" href="//m.sbmmt.com/course/286.html">JAVA 初级入门视频教程</a> <div class="wzrthreerb"> <div >1912800次学习</div> <a class="courseICollection" data-id="286"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/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" href="//m.sbmmt.com/course/504.html">小甲鱼零基础入门学习Python视频教程</a> <div class="wzrthreerb"> <div >449775次学习</div> <a class="courseICollection" data-id="504"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/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" href="//m.sbmmt.com/course/234.html">零基础精通 PS 视频教程</a> <div class="wzrthreerb"> <div >743247次学习</div> <a class="courseICollection" data-id="234"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/857.html" title="开发微信小程序视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253fe6a7eeb8282.png" alt="开发微信小程序视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/857.html">开发微信小程序视频教程</a> <div class="wzrthreerb"> <div >231802次学习</div> <a class="courseICollection" data-id="857"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="//m.sbmmt.com/course/1562.html" title="保姆级Python免费入门课程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/647d836f873ba136.png" alt="保姆级Python免费入门课程"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1562.html">保姆级Python免费入门课程</a> <div class="wzrthreerb"> <div >2537次学习</div> <a class="courseICollection" data-id="1562"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/1561.html" title="2小时学会Python玩转Excel,实现高效率办公自动化" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6474399387198246.png" alt="2小时学会Python玩转Excel,实现高效率办公自动化"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1561.html">2小时学会Python玩转Excel,实现高效率办公自动化</a> <div class="wzrthreerb"> <div >3111次学习</div> <a class="courseICollection" data-id="1561"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/1560.html" title="10个Python完整小项目教你爬虫+数据分析+数据可视化" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/646ad88941109929.png" alt="10个Python完整小项目教你爬虫+数据分析+数据可视化"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1560.html">10个Python完整小项目教你爬虫+数据分析+数据可视化</a> <div class="wzrthreerb"> <div >2473次学习</div> <a class="courseICollection" data-id="1560"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/1559.html" title="Python爬虫全套教程完整版" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64647831c929e681.png" alt="Python爬虫全套教程完整版"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1559.html">Python爬虫全套教程完整版</a> <div class="wzrthreerb"> <div >42325次学习</div> <a class="courseICollection" data-id="1559"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/1558.html" title="RunnerGo从入门到精通" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6461bf1a464c1119.png" alt="RunnerGo从入门到精通"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1558.html">RunnerGo从入门到精通</a> <div class="wzrthreerb"> <div >5023次学习</div> <a class="courseICollection" data-id="1558"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> </ul> </div> <script> $('.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="//m.sbmmt.com/xiazai">更多> </a> </div> <div class="swiper-container sjyx_banSwiperwz"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <a href="//m.sbmmt.com/xiazai/code/8024" target="_blank" title="电视手机折扣商城网站模板"> <img src="https://img.php.cn/upload/webcode/000/000/018/168774660598925.jpg?x-oss-process=image/resize,m_fill,h_220,w_335" onerror="this.onerror='';this.src='/static/images/moren/morentu.png'" alt="电视手机折扣商城网站模板"> </a> </li> <li class="swiper-slide"> <a href="//m.sbmmt.com/xiazai/code/8023" target="_blank" title="创新IT解决方案公司网站模板"> <img src="https://img.php.cn/upload/webcode/000/000/001/168774660557258.jpg?x-oss-process=image/resize,m_fill,h_220,w_335" onerror="this.onerror='';this.src='/static/images/moren/morentu.png'" alt="创新IT解决方案公司网站模板"> </a> </li> <li class="swiper-slide"> <a href="//m.sbmmt.com/xiazai/code/8021" target="_blank" title="冰激凌甜品美食网站模板"> <img src="https://img.php.cn/upload/webcode/000/000/009/168765840528840.jpg?x-oss-process=image/resize,m_fill,h_220,w_335" onerror="this.onerror='';this.src='/static/images/moren/morentu.png'" alt="冰激凌甜品美食网站模板"> </a> </li> <div class="clear"></div> </ul> <div class="swiper-pagination"></div> </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"> <div class="wzrfourlTab"> <div class="check" data-id="onef">网站特效 <div></div></div> <div class="" data-id="twof">网站源码<div></div></div> <div class="" data-id="threef">网站素材<div></div></div> <div class="" 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="//m.sbmmt.com/xiazai/js/7862">[焦点幻灯] jQuery百叶窗风格图片切换代码</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery仿京东首页广告图片切换" href="//m.sbmmt.com/xiazai/js/7861">[焦点幻灯] jQuery仿京东首页广告图片切换</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery无缝轮播插件" href="//m.sbmmt.com/xiazai/js/7860">[焦点幻灯] jQuery无缝轮播插件</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery自适应三屏滚动代码" href="//m.sbmmt.com/xiazai/js/7859">[焦点幻灯] jQuery自适应三屏滚动代码</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery仿今日头条图片轮播代码" href="//m.sbmmt.com/xiazai/js/7858">[焦点幻灯] jQuery仿今日头条图片轮播代码</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery爆炸切换效果焦点图" href="//m.sbmmt.com/xiazai/js/7857">[焦点幻灯] jQuery爆炸切换效果焦点图</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery仿魅族大图轮播幻灯片特效" href="//m.sbmmt.com/xiazai/js/7856">[焦点幻灯] jQuery仿魅族大图轮播幻灯片特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery自适应焦点图片切换特效" href="//m.sbmmt.com/xiazai/js/7855">[焦点幻灯] jQuery自适应焦点图片切换特效</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7647" title="有机果蔬供应商网页模板 Bootstrap5" target="_blank">[Bootstrap模板] 有机果蔬供应商网页模板 Bootstrap5</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7646" title="Bootstrap3多功能数据信息后台管理响应式网页模板-Novus" target="_blank">[后端模板] Bootstrap3多功能数据信息后台管理响应式网页模板-Novus</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7645" title="房产资源服务平台网页模板 Bootstrap5" target="_blank">[Bootstrap模板] 房产资源服务平台网页模板 Bootstrap5</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7644" title="简约简历资料网页模板 Bootstrap4" target="_blank">[Bootstrap模板] 简约简历资料网页模板 Bootstrap4</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7639" title="bootstrap响应式宽屏图书教育网站模板-DREAMLIFE" target="_blank">[Bootstrap模板] bootstrap响应式宽屏图书教育网站模板-DREAMLIFE</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7634" title="MAC风格响应式蓝色企业CMS后台管理系统模版" target="_blank">[后端模板] MAC风格响应式蓝色企业CMS后台管理系统模版</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7632" title="响应式渐变大气后台管理系统网站模板-usinessbox" target="_blank">[后端模板] 响应式渐变大气后台管理系统网站模板-usinessbox</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7629" title="响应式蔬菜水果商店网站模板-Organio" target="_blank">[Bootstrap模板] 响应式蔬菜水果商店网站模板-Organio</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2620" target="_blank" title="趴在金元宝和橘子上的兔子设计兔年新年快乐banner矢量素材(EPS)">[网站素材] 趴在金元宝和橘子上的兔子设计兔年新年快乐banner矢量素材(EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2619" target="_blank" title="拿着金元宝的财神爷设计新年迎财神banner矢量素材(EPS)">[网站素材] 拿着金元宝的财神爷设计新年迎财神banner矢量素材(EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2618" target="_blank" title="燃放的鞭炮设计2023兔年新年快乐banner矢量素材(EPS)">[网站素材] 燃放的鞭炮设计2023兔年新年快乐banner矢量素材(EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2617" target="_blank" title="六个扁平风格的春节元素矢量素材(EPS+PNG)">[网站素材] 六个扁平风格的春节元素矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2616" target="_blank" title="趴在金元宝上的兔子设计兔年新年快乐banner矢量素材(EPS)">[网站素材] 趴在金元宝上的兔子设计兔年新年快乐banner矢量素材(EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2615" target="_blank" title="兔子金元宝橘子等设计兔年春节banner矢量素材(EPS)">[网站素材] 兔子金元宝橘子等设计兔年春节banner矢量素材(EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2614" target="_blank" title="坐在金元宝和橘子中的兔子设计2023兔年春节快乐banner矢量素材(EPS)">[网站素材] 坐在金元宝和橘子中的兔子设计2023兔年春节快乐banner矢量素材(EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2613" target="_blank" title="12个手绘风格的星星矢量素材(AI+EPS+PNG)">[网站素材] 12个手绘风格的星星矢量素材(AI+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="//m.sbmmt.com/xiazai/code/8024" target="_blank" title="电视手机折扣商城网站模板">[前端模板] 电视手机折扣商城网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8023" target="_blank" title="创新IT解决方案公司网站模板">[前端模板] 创新IT解决方案公司网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8021" target="_blank" title="冰激凌甜品美食网站模板">[前端模板] 冰激凌甜品美食网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8020" target="_blank" title="专业理财顾问服务公司网站模板">[前端模板] 专业理财顾问服务公司网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8019" target="_blank" title="HTML5现代商务公司宣传网站模板">[前端模板] HTML5现代商务公司宣传网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8018" target="_blank" title="职业生涯规划服务公司网站模板">[前端模板] 职业生涯规划服务公司网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8017" target="_blank" title="蓝色极简风格律师事务所网站模板">[前端模板] 蓝色极简风格律师事务所网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8016" target="_blank" title="汉堡披萨快餐美食网站模板">[前端模板] 汉堡披萨快餐美食网站模板</a> </div> </li> </ul> </div> <script> $('.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> <!--主体 end--> <!--底部--> <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a href="//m.sbmmt.com/about/us.html" rel="nofollow" target="_blank" title="关于我们" class="cBlack">关于我们</a> <a href="//m.sbmmt.com/about/disclaimer.html" rel="nofollow" target="_blank" title="免责申明" class="cBlack">免责申明</a> <a href="javascript:;" rel="nofollow" onclick="advice_data(99999999,'意见反馈')" title="意见反馈" class="cBlack">意见反馈</a> <a href="//m.sbmmt.com/teacher.html" rel="nofollow" target="_blank" title="讲师合作" class="cBlack">讲师合作</a> <a href="//m.sbmmt.com/blog/detail/20304.html" rel="nofollow" target="_blank" title="广告合作" class="cBlack">广告合作</a> <!--<a href="javascript:;" target="_blank" title="其他合作" class="cBlack">其他合作</a>--> <a href="//m.sbmmt.com/update/article_0_1.html" target="_blank" title="最新文章列表" class="cBlack">技术文章</a> <div class="clear"></div> </dt> <dd class="cont1">php中文网:公益在线php培训,帮助PHP学习者快速成长!</dd> <dd class="cont2"> <span class="ylwTopBox"> <a href="javascript:;" class="cBlack"><b class="icon1"></b>关注服务号</a> <em style="display:none;" class="ylwTopSub"> <p>微信扫码<br/>关注PHP中文网服务号</p> <img src="/static/images/examples/text16.png"/> </em> </span> <span class="ylwTopBox"> <a href="tencent://message/?uin=27220243&Site=m.sbmmt.com&Menu=yes" target="_blank" class="cBlack"><b class="icon2"></b>技术交流群</a> <em style="display:none;" class="ylwTopSub"> <p>QQ扫码<br/>加入技术交流群</p> <img src="/static/images/examples/text18.png"/> </em> </span> <div class="clear"></div> </dd> </dl> <div class="ylwTopBox phpAppBox" style="top: 0px; right: 20px;"> <div class="phpAppTitle"><a href="//m.sbmmt.com/app/" style="color:#cccccc;">app下载</a></div> <div class="phpAppSub ylwTopSub" style="display: none;"> <img src="//m.sbmmt.com/static/images/examples/text14.png"/> <p>扫描下载App</p> </div> </div> </div> <div class="phpFootRight"> <div class="phpFootMsg"> <span><img src="/static/images/examples/text17.png"/></span> <dl> <dt>PHP中文网订阅号</dt> <dd>每天精选资源文章推送</dd> </dl> </div> <div class="phpFootMsg"> <span><img src="/static/images/examples/text14.png"/></span> <dl> <dt>PHP中文网APP</dt> <dd>随时随地碎片化学习</dd> </dl> </div> <div class="phpFootMsg"> <span><img src="/static/images/dy.png"/></span> <dl> <dt>PHP中文网抖音号</dt> <dd>发现有趣的</dd> </dl> </div> </div> </div> </div> <div class="phpFootCode"> <div class="phpFootCodeIn"><p>Copyright 2014-2023 <a href="//m.sbmmt.com/" target="_blank">//m.sbmmt.com/</a> All Rights Reserved | 苏州跃动光标网络科技有限公司 | <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">苏ICP备2020058653号-1</a></p><a href="http://www.beian.gov.cn/portal/index.do" rel="nofollow" target="_blank"><b></b></a> <p>&nbsp;|&nbsp;本站CDN由 <a href="https://www.wjdun.cn/" rel="nofollow" target="_blank" style="color:#787d82">数掘科技</a> 提供</p></div> </div> </div> <input type="hidden" id="verifycode" value="/captcha.html"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://m.sbmmt.com/hm.js?c0e685c8743351838d2a7db1c49abd56"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <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> <span class="layui-hide"><script type="text/javascript" src="https://s4.m.sbmmt.com/z_stat.php?id=1280886301&web_id=1280886301"></script></span> <!--底部 end--> <script> $(function() { //直播倒计时 $(".liveitem").each(function(){ timer(this); }) function timer(obj){ var intDiff = $(obj).data("countdown"); window.setInterval(function(){ var day=0, hour=0, minute=0, second=0;//时间默认值 if(intDiff > 0){ day = Math.floor(intDiff / (60 * 60 * 24)); hour = Math.floor(intDiff / (60 * 60)) - (day * 24); minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60); second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60); }else{ $(obj).find(".phpZbktBg").remove(); return; } if (hour <= 9) hour = '0' + hour; if (minute <= 9) minute = '0' + minute; if (second <= 9) second = '0' + second; $(obj).find('.day_show').html(day+""); $(obj).find('.hour_show').html('<s id="h"></s>'+hour+''); $(obj).find('.minute_show').html('<s></s>'+minute+''); $(obj).find('.second_show').html('<s></s>'+second+''); intDiff--; }, 1000); } }); </script> <script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1687798648"></script> <script>article_status = 0;</script> <script type="text/javascript" src="/static/js/jquery.min.js"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <style>.layui-fixbar{bottom:200px;}</style> <input type="hidden" id="verifycode" value="/captcha.html"> <script src="/static/js/jquery.min.js"></script> <script src="/static/layui/layui.js"></script> <script src="/static/js/common_new.js?2.1" ></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.33"></script> <script>var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//m.sbmmt.com/hm.js?c0e685c8743351838d2a7db1c49abd56";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();(function(){var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0];if(curProtocol === 'https'){bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';}else{bp.src = 'http://push.zhanzhang.baidu.com/push.js';};var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp, s);})();</script> <script type="text/javascript" src="/static/js/jquery.cookie.js"></script> <script>var topadshow = $.cookie('phpcndatatopadshows');if(!topadshow&&1==2){$('.topimages').show();var topobj = $('.topimages').find('.time');var topobj_day = $('.topimages .time').find('.day');var topobj_hours = $('.topimages .time').find('.hours');var topobj_minutes = $('.topimages .time').find('.minutes');var topobj_second = $('.topimages .time').find('.second');var topday = parseInt(topobj_day.html());var tophours = parseInt(topobj_hours.html());var topminutes = parseInt(topobj_minutes.html());var topsecond = parseInt(topobj_second.html());setInterval(function(){if(topsecond > 0){topsecond = topsecond-1;}else{if(topminutes > 0){topminutes = topminutes-1;topsecond = 59;}else{if(tophours > 0){tophours = tophours-1;topminutes = 59;topsecond = 59;}else{if(topday > 0){topday = topday -1;tophours = 23;topminutes = 59;topsecond = 59;}else{topobj.html("<p><span>活动已结束</span></p>");}}}}topobj_second.html(topsecond);topobj_minutes.html(topminutes);topobj_hours.html(tophours);topobj_day.html(topday);},1000);}$('.topimages .layui-icon-close').click(function(){$.cookie('phpcndatatopadshows',1,{expires:7});$('.topimages').hide();});</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> $(document).ready(function(){ $('#gongzhonghao').hover(function(){ $('#gzh').show(); },function(){ $('#gzh').hide(); }) }) var href = window.location.href; var title = document.title; var num = Math.floor(Math.random() * 10000 + 1); var newscript = document.createElement('script'); newscript.setAttribute('type','text/javascript'); newscript.setAttribute('src',"https://count.php.cn/index.php/api/statistics/phpcn?url="+encodeURIComponent(href)+"&title="+encodeURIComponent(title)+"&"+num); var head = document.getElementsByTagName('head')[0]; head.appendChild(newscript); </script> <script> layui.use(['jquery','layer'], function(){ var is_login = "0"; var show = 0; var ceng = getCookie('ceng'); //文章下拉弹出登录 if(is_login == 0 && !ceng && false) { window.onscroll = function(){ var t = document.documentElement.scrollTop || document.body.scrollTop; var top_div = document.getElementById( "top_div" ); if( t >= 2500 && show == 0) { show = 1 setCookie('ceng',1,1); $(document).trigger("api.loginpopbox"); } } } //未登录复制显示登录按钮 if(is_login == 0) { $(".code").hover(function(){ $(this).find('.contentsignin').show(); },function(){ $(this).find('.contentsignin').hide(); }); //不给复制 $('.code').bind("cut copy paste",function(e) { e.preventDefault(); }); $('.code .contentsignin').click(function(){ $(document).trigger("api.loginpopbox"); }) } }) function setCookie(name,value,iDay){ //name相当于键,value相当于值,iDay为要设置的过期时间(天) var oDate = new Date(); oDate.setDate(oDate.getDate() + iDay); document.cookie = name + '=' + value + ';path=/;domain=.php.cn;expires=' + oDate; } function getCookie(name) { var cookieArr = document.cookie.split(";"); for(var i = 0; i < cookieArr.length; i++) { var cookiePair = cookieArr[i].split("="); if(name == cookiePair[0].trim()) { return decodeURIComponent(cookiePair[1]); } } return null; } </script> <!--底部浮动层--> <div class="phpFudong"> <div class="phpFudongIn"> <div class="phpFudongImg"></div> <div class="phpFudongXue">登录PHP中文网,和优秀的人一起学习!</div> <div class="phpFudongQuan">全站<span>2000+</span>教程免费学</div> <div class="phpFudongCode"><a href="javascript:;" id="login" title="微信扫码登录">微信扫码登录</a></div> <div class="phpGuanbi" onclick="$('.phpFudong').hide();"></div> <div class="clear"></div> </div> </div> <!--底部浮动层 end--> <!--侧导航--> <div class="phpSdhBox"> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="//m.sbmmt.com/golang" target="_blank" class="hover" title="精品班"> <b class="icon1"></b> <p>精品班</p> </a> </div> </div> </li> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="//m.sbmmt.com/blog/detail/1047189.html" target="_blank"> <b class="icon2"></b> <p>立即咨询</p> </a> </div> </div> </li> <li> <div class="phpSdhIn ylwTopBox"> <div class="phpSdhTitle"> <a href="javascript:;"> <b class="icon3"></b> <p>微信沟通</p> </a> </div> <div class="phpSdhSub ylwTopSub" style="display: none;"> <img src="/static/images/examples/wechat2.png"/> </div> </div> </li> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=viuU-z9Xo9LwNd89_8dLk8RImMY36iZM&authKey=qJ1YCc4xHY1QNXePak2HlTk14Eav31wM7auWA8SkjkEBUYg5cg0rXNw3YajrNfxL&noverify=0&group_code=730587727" target="_blank"> <b class="icon4"></b> <p>QQ群</p> </a> </div> </div> </li> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="//m.sbmmt.com/vip.html" class="hover" target="_blank"> <b class="icon5"></b> <p>优惠券</p> </a> </div> </div> </li> </div> <!--侧导航 end--> </body> </html>