登录  /  注册
首页 >web前端 >css教程 > 正文
HTML的全局架构标签_基础教程
php中文网
发布：2016-05-16 12:09:02
原创
819人浏览过

一个基本的网页结构如下:


显示在浏览器左上方的标题<TITLE><BR><script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </HEAD></P> <P><BODY><BR>放置显示在浏览器中的内容<BR></BODY></P><FONT color=#ff0000 size=4><BODY>标签的属性:</FONT><BR> <TABLE border=1> <TBODY> <TR> <TD>TEXT属性</TD> <TD>用于设定整个网页中的文字颜色</TD></TR> <TR> <TD>LINK属性</TD> <TD>用于设定一般超链接文本的显示颜色</TD></TR> <TR> <TD>ALINK属性</TD> <TD>用于敲定当鼠标移动到超链接文字上时,文字的显示颜色 </TD></TR> <TR> <TD>VLINK属性</TD> <TD>访问过的超链接文字颜色</TD></TR> <TR> <TD>BACKGROUND属性</TD> <TD>背景图像设置,可以是GIF和JPEG</TD></TR> <TR> <TD>BGCOLOR</TD> <TD>背景颜色设置,如果设了图像为背景,则不起作用</TD></TR> <TR> <TD>LEFTMARGIN</TD> <TD>网页显示画面与浏览器的左边距,单位为像素</TD></TR> <TR> <TD>TOPMARGIN</TD> <TD>网页显示与浏览器的上边距</TD></TR></TBODY></TABLE><BR><FONT color=#ff0000 size=4>颜色类型的两种表示方法:</FONT> <TABLE border=1> <TBODY> <TR> <TD>十六进制表示,即RGB法</TD> <TD>用#号加六位十六进制数组成如,每两位表示一<BR>个基本的 颜色:红红绿绿蓝蓝&NBSP如:#FF00FF</TD></TR> <TR> <TD>HTML颜色常量</TD> <TD>如:RED、BULE</TD></TR></TBODY></TABLE><BR> </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 class="wzconBq"><span>相关标签：</span><div class="wzcbqd"><a href="//m.sbmmt.com/search?word=html的全局架构标签" target="_blank">HTML的全局架构标签</a></div></div><div class="wzconOtherwz"><a href="//m.sbmmt.com/faq/1072.html"><span>上一篇：http状态码一览表_基础教程</span></a><a href="//m.sbmmt.com/faq/1074.html"><span>下一篇：网站制作之网页技巧_VML相关</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"><a href="#"><span></span></a></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/513953.html">全面梳理下CSS盒模型的相关知识点</a></div></li><li><div class="wzczzwzli"><span class="layui-badge-dots wzrolr"></span><a style="height: auto;" href="//m.sbmmt.com/faq/508360.html">css实现登录按钮炫酷效果（附代码实例）</a></div></li><li><div class="wzczzwzli"><span class="layui-badge-dots wzrolr"></span><a style="height: auto;" href="//m.sbmmt.com/faq/501325.html">看看这些前端面试题，带你搞定高频知识点（五）</a></div></li><li><div class="wzczzwzli"><span class="layui-badge-dots wzrolr"></span><a style="height: auto;" href="//m.sbmmt.com/faq/501070.html">看看这些前端面试题，带你搞定高频知识点（四）</a></div></li><li><div class="wzczzwzli"><span class="layui-badge-dots wzrolr"></span><a style="height: auto;" href="//m.sbmmt.com/faq/500987.html">看看这些前端面试题，带你搞定高频知识点（三）</a></div></li><li><div class="wzczzwzli"><span class="layui-badge-dots wzrolr"></span><a style="height: auto;" href="//m.sbmmt.com/faq/471013.html">css中keyframes是什么意思</a></div></li><li><div class="wzczzwzli"><span class="layui-badge-dots wzrolr"></span><a style="height: auto;" href="//m.sbmmt.com/faq/470522.html">css中怎么将div居中显示图片</a></div></li><li><div class="wzczzwzli"><span class="layui-badge-dots wzrolr"></span><a style="height: auto;" href="//m.sbmmt.com/faq/471321.html">css自动换行怎么设置</a></div></li><li><div class="wzczzwzli"><span class="layui-badge-dots wzrolr"></span><a style="height: auto;" href="//m.sbmmt.com/faq/471572.html">css怎么调整行间距</a></div></li><li><div class="wzczzwzli"><span class="layui-badge-dots wzrolr"></span><a style="height: auto;" href="//m.sbmmt.com/faq/471449.html">css中的图片翻转属性是什么</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 >76756次学习</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 >37815次学习</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 >1309636次学习</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 >1907996次学习</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 >448659次学习</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 >740963次学习</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 >231429次学习</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 >2085次学习</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 >3029次学习</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 >2351次学习</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 >40743次学习</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 >4848次学习</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/8009" target="_blank" title="中小型创业创意公司网站模板"><img src="https://img.php.cn/upload/webcode/000/000/003/168687900495224.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/8008" target="_blank" title="管道维修家政服务登录页模板"><img src="https://img.php.cn/upload/webcode/000/000/002/168687900489939.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/8007" target="_blank" title="儿童公益慈善机构宣传网站模板"><img src="https://img.php.cn/upload/webcode/000/000/012/168687900335841.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/8009" target="_blank" title="中小型创业创意公司网站模板">[前端模板] 中小型创业创意公司网站模板</a></div></li><li><div class="wzrfourli"><span class="layui-badge-dots wzrflr"></span><a href="//m.sbmmt.com/xiazai/code/8008" target="_blank" title="管道维修家政服务登录页模板">[前端模板] 管道维修家政服务登录页模板</a></div></li><li><div class="wzrfourli"><span class="layui-badge-dots wzrflr"></span><a href="//m.sbmmt.com/xiazai/code/8007" target="_blank" title="儿童公益慈善机构宣传网站模板">[前端模板] 儿童公益慈善机构宣传网站模板</a></div></li><li><div class="wzrfourli"><span class="layui-badge-dots wzrflr"></span><a href="//m.sbmmt.com/xiazai/code/8006" target="_blank" title="网页设计开发师简历网页模板">[前端模板] 网页设计开发师简历网页模板</a></div></li><li><div class="wzrfourli"><span class="layui-badge-dots wzrflr"></span><a href="//m.sbmmt.com/xiazai/code/8005" 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/8004" 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/8003" 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/8002" target="_blank" title="HTML5个人简历作品展示网页模板">[前端模板] HTML5个人简历作品展示网页模板</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><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> | 本站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?1687011381"></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><div class="menu" style="position:fixed;z-index:99999; top:320px; display:none;">  目录 <hr/></div><style> #content{padding-right:102px;} .menu{width:240px; height:500px;overflow:auto;background:#FFFFFF; padding:5px; font-size:16px; border-radius:10px; position:fixed; right:0; } .menu a{width:220px; margin-bottom:5px; line-height:20px; border-radius:10px; font-size:14px; padding:5px; display:block; } .menu a:hover{background:#F1F1F1; color:#f11717;} .menu .a_h1{color:#000000; font-size: 16px; font-weight: bolder;} .menu .a_h2{color:#363636; font-size: 14px; font-weight: bolder;} .menu .a_h3{color:#555555} .menu .a_h4{color:#707070} .menu .a_h5{color:#898989} .menu .a_h6{color: #A0A0A0} .menu::-webkit-scrollbar { width: 8px;height: 1px;} /*高宽分别对应横竖滚动条的尺寸*/ .menu::-webkit-scrollbar-thumb {border-radius: 20px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #f0f0f0;}/*滚动条里面小方块*/ .menu::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);border-radius: 25px;background: #f8f8f8;} /*滚动条里面轨道*/ </style><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/k.html" 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>