HTML骨架结构_html/css_WEB-ITnose
程序员文章站
2022-06-03 22:55:00
...
目录
[1]文档结构 [2]文档声明 [3]文档头部 [4]文档主体文档结构
一个完整的HTML文档必须包含3个部分：文档声明、文档头部和文档主体。
【最简单的文档结构】
Document
【复杂的文档结构】
Document
文档声明
告诉浏览器以哪个标准来解析HTML文档
[注意]必须首行、顶格，对大小写不敏感
【HTML版本】
| HTML | 1991 |
| HTML+ | 1993 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1996 |
| HTML 4.01 | 1999 |
| XHTML 1.0 | 2000 |
| HTML5 | 2014 |
【常用声明】
【1】HTML5
【2】在HTML5之前，文档声明一般有三种类型：严格型strict、过渡型transitional、框架frameset
【a】HTML4.01
【b】XHTML1.0
【c】XHTML1.1 等同于XHTML1.0 Strict
文档头部
描述了文档的一些基本的属性和信息（可以呈现的是title和icon）
【1】文档标题
<p> 【作用】<br> 【a】定义浏览器工具栏中的标题<br> 【b】提供页面被添加到收藏夹时显示的标题<br> 【c】显示在搜索引擎结果中的页面标题</p> <p> [注意]在所有HTML文档中，</p> <title>都是必须的 <p> </p> <p> 【2】base标签</p> <p> 为页面上所有链接规定默认地址和默认打开方式</p> <p class="sycode"> </p> <pre class="precsshui"><base href="http://baidu.com" target="_blank"></pre> <p> </p> <p> 【3】link标签</p> <p> 【a】引入图标</p> <p class="sycode"> </p> <pre class="precsshui"><link rel="shortcut icon" href="ico.ico"></pre> <p> 【b】引入外部CSS样式表 </p> <p class="sycode"> </p> <pre class="precsshui"><link rel="stylesheet" type="text/css" href="mystyle.css"></pre> <p> </p> <p> 【4】style标签和script标签</p> <p> 【a】引入内部CSS样式</p> <p class="sycode"> </p> <pre class="precsshui"><style> body{background-color: red;}</style></pre> <p> 【b】引入javascript </p> <p class="sycode"> </p> <pre class="precsshui">document.onclick = function(){ alert('hello world;')}</pre> <p> </p> <p> 【5】meta标签</p> <p> 【a】字符编码，文档的编码一定要与文件本身的编码保持一致，否则会出现乱码，推荐使用UTF-8编码</p> <p class="sycode"> </p> <pre class="precsshui"><meta charset="utf-8"></pre> <p> 【b】SEO常用到的关键词keywords和描述description</p> <p class="sycode"> </p> <pre class="precsshui"><meta name="description" content="Free Web tutorials on HTML, CSS, JavaScript"><meta name="keywords" content="HTML, CSS, XML"></pre> <p> 【c】作者、版权</p> <p class="sycode"> </p> <pre class="precsshui"><meta name="author" content="littlematch"><meta name="copyright" content=""></pre> <p> 【d】定时跳转(让网页多少秒刷新，或跳转到其他网页)</p> <p class="sycode"> </p> <pre class="precsshui"><meta http-equiv="refresh" content="5"><meta http-equiv="refresh" content="5;url=http://www.baidu.com"></pre> <p> 【e】期限(指定网页在缓存中的过期时间)</p> <p class="sycode"> </p> <pre class="precsshui"><meta http-equiv="Expires" content="0"><meta http-equiv="Expires" content="Sat Nov 28 2015 21:19:15 GMT+0800"></pre> <p> 【f】缓存</p> <p class="sycode"> </p> <pre class="precsshui"><meta http-equiv="Pragma" content="No-cach">(禁止缓存，访问者无法脱机浏览)</pre> <p> 【g】cookie</p> <p class="sycode"> </p> <pre class="precsshui"><meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Sat Nov 28 2015 21:19:15 GMT+0800; path=/"></pre> <p> 【h】viewport:视口，移动端常用</p> <p class="sycode"> </p> <pre class="precsshui"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"></pre> <p> </p> <h2>文档主体</h2> <p> 真正可以在页面上看到的内容</p> <p> 【常用标签】</p> <p class="sycode"> </p> <pre class="precsshui"><h1><h2><h3><h4><h5><h6></h6></h5></h4></h3></h2></h1><p><a target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNu"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=" alt="HTML骨架结构_html/css_WEB-ITnose" title="HTML骨架结构_html/css_WEB-ITnose"><strong><em><br><hr> <ul></ul> <ol><li><dl> <dt></dt> <dd><section><header><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <footer><nav><article><aside><time><table> <thead></thead> <tbody> <caption></caption> <tr> <th></th> <td><form> <input><textarea><button><select><option><label> <p> [注意]在HTML5标准下，哪些标签可以使用，哪些标签不可以使用，请移步HTML元素和有效的DTD</p> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2suaHRtbD90PTI=" target="_blank" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cHM6Ly9pbWcucGhwLmNuL3VwbG9hZC9jb3Vyc2UvMDAwLzAwMC8wNzEvNjIwYzYwNGY3NTI1MTk5NS5wbmc=" style="margin-top: 30px;" alt="HTML骨架结构_html/css_WEB-ITnose" title="HTML骨架结构_html/css_WEB-ITnose"></a><p style="float:right;font-size:13px;color:#999;"><span class="red">声明：</span>本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。</p> <p class="article-relative-header">相关文章</p> <p class="article-relative-header">相关视频</p> <hr class="layui-clear"> <ul class="article-relative-ul"> <li> <span class="layui-badge-dots"></span><a class="relevant" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODc5NjIuaHRtbA==" target="_blank" rel="nofollow">html下拉菜单文字怎么变小</a> </li> <li> <span class="layui-badge-dots"></span><a class="relevant" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODc5NjAuaHRtbA==" target="_blank" rel="nofollow">HTML里怎么设置thead表头的颜色</a> </li> <li> <span class="layui-badge-dots"></span><a class="relevant" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODYyNzguaHRtbA==" target="_blank" rel="nofollow">html5中元素能拉伸宽度吗</a> </li> <li> <span class="layui-badge-dots"></span><a class="relevant" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODc5ODcuaHRtbA==" target="_blank" rel="nofollow">html中怎么清除li黑点</a> </li> <li> <span class="layui-badge-dots"></span><a class="relevant" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC0yNzEzNDQuaHRtbA==" target="_blank" rel="nofollow">HTML骨架结构_html/css_WEB-ITn...</a> </li> </ul> <ul class="article-relative-ul"> <li> <span class="layui-badge-dots"></span><a class="relevant" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvZGUvNDY5MTguaHRtbA==" target="_blank" title="接口与抽象类01" rel="nofollow">接口与抽象类01</a> </li> <li> <span class="layui-badge-dots"></span><a class="relevant" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvZGUvNDY5MTcuaHRtbA==" target="_blank" title="类的composer自动加载机制" rel="nofollow">类的composer自动加载机制</a> </li> <li> <span class="layui-badge-dots"></span><a class="relevant" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvZGUvNDY5MTYuaHRtbA==" target="_blank" title="composer原理与常用命令03" rel="nofollow">composer原理与常用命令03</a> </li> <li> <span class="layui-badge-dots"></span><a class="relevant" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvZGUvNDY5MTUuaHRtbA==" target="_blank" title="composer原理与常用命令02" rel="nofollow">composer原理与常用命令02</a> </li> </ul> <div class="comment layui-clear CopyrightData"> <div class="J_Header" id="J_Header"> <p class="header-title">网友评论</p> <p class="header-protocol">文明上网理性发言，请遵守 新闻评论服务协议</p>我要评论</div> <div class="text-box layui-clear article_comment_textarea"> <div class="box-left"> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDpsb2dpbl90cmlnZ2VyKCk=" target="_blank" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=L3N0YXRpYy9pbWFnZXMvdXNlcl9hdmF0YXIuanBn" alt="HTML骨架结构_html/css_WEB-ITnose" title="HTML骨架结构_html/css_WEB-ITnose"></a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDpsb2dpbl90cmlnZ2VyKCk=" target="_blank" rel="nofollow"></a></li> </div> <div class="box-right"> <textarea name="desc" placeholder="请输入内容" class="layui-textarea article_textarea"></textarea><button class="layui-btn article_publish" data-id="271344">立即提交</button> </div> </div> </div> <div class="article-hot layui-clear" style="margin-top:0"> <h2>专题推荐</h2> <ul> <li> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL21hcC9kdWd1Lmh0bWw=" target="_blank" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cHM6Ly9pbWcucGhwLmNuL3VwbG9hZC9hcnRpY2xlLzAwMC8wMDAvMDAzLzVkMWVmMWU5ZTg2NmU2MzUuanBn" alt="HTML骨架结构_html/css_WEB-ITnose" title="HTML骨架结构_html/css_WEB-ITnose"></a><a class="course-title" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL21hcC9kdWd1Lmh0bWw=" target="_blank" rel="nofollow">独孤九贱-php全栈开发教程</a><p class="course-type">全栈 <i class="layui-icon layui-icon-user"></i> 170W+</p> <p class="course-des">主讲：Peter-Zhu 轻松幽默、简短易学，非常适合PHP学习入门</p> </li> <li> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL21hcC95dW52Lmh0bWw=" target="_blank" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cHM6Ly9pbWcucGhwLmNuL3VwbG9hZC9hcnRpY2xlLzAwMC8wMDAvMDAzLzVkMWVmMjM2Y2E4Nzg5NDkuanBn" alt="HTML骨架结构_html/css_WEB-ITnose" title="HTML骨架结构_html/css_WEB-ITnose"></a><a class="course-title" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL21hcC95dW52Lmh0bWw=" target="_blank" rel="nofollow">玉女心经-web前端开发教程</a><p class="course-type">入门 <i class="layui-icon layui-icon-user"></i> 80W+</p> <p class="course-des">主讲：灭绝师太 由浅入深、明快简洁，非常适合前端学习入门</p> </li> <li> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL3RvdXRpYW8tNDA5MjIxLmh0bWw=" target="_blank" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cHM6Ly9pbWcucGhwLmNuL3VwbG9hZC9hcnRpY2xlLzAwMC8wMDAvMDAzLzVkMWVmMjQ3N2M3ZDc1ODcuanBn" alt="HTML骨架结构_html/css_WEB-ITnose" title="HTML骨架结构_html/css_WEB-ITnose"></a><a class="course-title" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL3RvdXRpYW8tNDA5MjIxLmh0bWw=" target="_blank" rel="nofollow">天龙八部-实战开发教程</a><p class="course-type">实战 <i class="layui-icon layui-icon-user"></i> 120W+</p> <p class="course-des">主讲：西门大官人 思路清晰、严谨规范，适合有一定web编程基础学习</p> </li> </ul> </div> <div class="layui-col-md4 article-list-right "> <div class="panel"> <div class="panel-title">作者信息</div> <div id="profile-2"> <div class="avatar-wrap"><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL21lbWJlci8xLmh0bWw=" target="_blank" class="avatar-link" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=L3N0YXRpYy9pbWFnZXMvdXNlcl9hdmF0YXIuanBn" class="func-um_user gravatar avatar avatar-120 um-avatar um-avatar-uploaded" alt="HTML骨架结构_html/css_WEB-ITnose" title="HTML骨架结构_html/css_WEB-ITnose"></a></div> <div class="profile-info"> <p><span class="author-name"></span><i class="layui-icon layui-icon-auz" title="认证作者"></i></p> <p class="author-description">认证0级讲师</p> </div> </div> </div> <div class="layui-clear"><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDpwdWJsaXNoX2FydGljbGUoKQ==" class="layui-btn layui-btn-danger article-add" target="_blank" rel="nofollow">发布技术文章</a></div> <div class="top-article layui-clear"><div class="layui-tab layui-tab-card"> <ul class="layui-tab-title"> <li class="layui-this">最新文章</li> <li>热门排行</li> </ul> <div class="layui-tab-content"> <div class="layui-tab-item layui-show"><ul> <p class="top-img"><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2suaHRtbD90PTI=" target="_blank" title="线上直播班" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cHM6Ly9pbWcucGhwLmNuL3VwbG9hZC9jb3Vyc2UvMDAwLzAwMC8wNzEvNjIwYzY1MTc4NTg5ZDg5NS5wbmc=" style="width: 100%" alt="HTML骨架结构_html/css_WEB-ITnose" title="HTML骨架结构_html/css_WEB-ITnose"></a></p> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODc5ODcuaHRtbA==" target="_blank" title="html中怎么清除li黑点" rel="nofollow">html中怎么清除li黑点</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODc5NjIuaHRtbA==" target="_blank" title="html下拉菜单文字怎么变小" rel="nofollow">html下拉菜单文字怎么变小</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODc5NjAuaHRtbA==" target="_blank" title="HTML里怎么设置thead表头的颜色" rel="nofollow">HTML里怎么设置thead表头的颜色</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODc5NTkuaHRtbA==" target="_blank" title="html的name和value是什么意思" rel="nofollow">html的name和value是什么意思</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODc5NTguaHRtbA==" target="_blank" title="html如何给背景图片设置透明度" rel="nofollow">html如何给背景图片设置透明度</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODc5NTUuaHRtbA==" target="_blank" title="html中怎么让列表横向排列" rel="nofollow">html中怎么让列表横向排列</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODc2OTkuaHRtbA==" target="_blank" title="html5怎么创建跳转页尾超链接" rel="nofollow">html5怎么创建跳转页尾超链接</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODY2MDAuaHRtbA==" target="_blank" title="十分钟搞懂form标签中的GET和POST提交方式" rel="nofollow">十分钟搞懂form标签中的GET和POST提交方式</a></li> </ul></div> <div class="layui-tab-item"><ul> <p class="top-img"><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL3RvdXRpYW8tMzg3MDcyLmh0bWw=" target="_blank" title="面对巨额亏损的PHP中文网，我该为情怀买单吗？（猪哥）" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cHM6Ly9pbWcucGhwLmNuL3VwbG9hZC9hcnRpY2xlLzAwMC8wMDAvMDAzLzViODkwYTllNDQxN2Y4NzIucG5n" style="width: 100%" alt="HTML骨架结构_html/css_WEB-ITnose" title="HTML骨架结构_html/css_WEB-ITnose"></a></p> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00MTM2ODUuaHRtbA==" target="_blank" title="404 not found是什么意思" rel="nofollow">404 not found是什么意思</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00MTQzMDMuaHRtbA==" target="_blank" title="DOM是什么意思" rel="nofollow">DOM是什么意思</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00MTg3NzIuaHRtbA==" target="_blank" title="url是什么意思？" rel="nofollow">url是什么意思？</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00MTQyNTIuaHRtbA==" target="_blank" title="如何改变图片大小" rel="nofollow">如何改变图片大小</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00MTI4OTMuaHRtbA==" target="_blank" title="html是什么" rel="nofollow">html是什么</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00MTMzNzQuaHRtbA==" target="_blank" title="html如何创建电子邮件链接" rel="nofollow">html如何创建电子邮件链接</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00MTI1MjAuaHRtbA==" target="_blank" title="HTML编辑器有哪些？最好用的4款HTML编辑器推荐" rel="nofollow">HTML编辑器有哪些？最好用的4款HTML编辑器推荐</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00MTE1NDQuaHRtbA==" target="_blank" title="如何制作一个简单的HTML登录页面（附代码）" rel="nofollow">如何制作一个简单的HTML登录页面（附代码）</a></li> </ul></div> </div> </div></div> <div class="article-ad article-course php-news-right-imginfo"> <div class="r-title"> <i class="layui-icon layui-icon-praise"></i>推荐视频教程</div> <li> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS8xNzkuaHRtbA==" target="_blank" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cHM6Ly9pbWcucGhwLmNuL3VwbG9hZC9jb3Vyc2UvMDAwLzAwMC8wMDMvNWExNzk4MmQ0ODY4NjI1NC5qcGc=" alt="HTML骨架结构_html/css_WEB-ITnose" title="HTML骨架结构_html/css_WEB-ITnose"></a><span><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS8xNzkuaHRtbA==" target="_blank" rel="nofollow">javascript初级视频教程</a></span> </li> <li> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS8xODEuaHRtbA==" target="_blank" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cHM6Ly9pbWcucGhwLmNuL3VwbG9hZC9jb3Vyc2UvMDAwLzAwMC8wMDMvNWExNzkyODNjMzg4NTcwMy5qcGc=" alt="HTML骨架结构_html/css_WEB-ITnose" title="HTML骨架结构_html/css_WEB-ITnose"></a><span><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS8xODEuaHRtbA==" target="_blank" rel="nofollow">jquery 基础视频教程</a></span> </li> </div> <div class="article-ad mt-20" id="aritcle_detail_new"> <div class="r-title"> <i class="layui-icon layui-icon-video"></i>视频教程分类</div> <ul class="course-category-lists layui-clear"> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzI5L3R5cGUvMi5odG1s" target="_blank" rel="nofollow"><div class="course-category-child-first">php视频教程</div></a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzExLmh0bWw=" target="_blank" rel="nofollow"><div class="course-category-child-first">html视频教程</div></a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzEyLmh0bWw=" target="_blank" rel="nofollow"><div class="course-category-child-first">css视频教程</div></a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzE3Lmh0bWw=" target="_blank" rel="nofollow"><div class="course-category-child-first">JS视频教程</div></a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzE5Lmh0bWw=" target="_blank" rel="nofollow"><div class="course-category-child-first">jQuery视频教程</div></a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzUxLmh0bWw=" target="_blank" rel="nofollow"><div class="course-category-child-first">mysql视频教程</div></a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzMzLmh0bWw=" target="_blank" rel="nofollow"><div class="course-category-child-first">Linux视频教程</div></a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzMwLmh0bWw=" target="_blank" rel="nofollow"><div class="course-category-child-first">Python视频教程</div></a></li> </ul> </div> </div> <iframe src="/adapp1.html" frameborder="0" style="position: fixed;bottom:0;right:0;z-index:99999;"></iframe><div class="layui-clear layui-bg-black php-ul-li footer_top_margin"><div class="layui-row layui-main"> <div class="layui-col-md9"> <ul class="php-float-left"> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuLw==" target="_blank" title="网站首页" rel="nofollow">网站首页 </a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzI5L3R5cGUvMi5odG1s" target="_blank" title="PHP视频" rel="nofollow">PHP视频</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzI5L3R5cGUvNC5odG1s" target="_blank" title="PHP实战" rel="nofollow">PHP实战</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzI5L3R5cGUvMS5odG1s" target="_blank" title="PHP代码" rel="nofollow">PHP代码</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzI5L3R5cGUvMy5odG1s" target="_blank" title="PHP手册" rel="nofollow">PHP手册</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL3dpa2lzLmh0bWw=" target="_blank" title="词条" rel="nofollow">词条</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL3dyaXRlLmh0bWw=" target="_blank" title="手记" rel="nofollow">手记</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2RpYy5odG1s" target="_blank" title="手记" rel="nofollow">编程词典</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2suaHRtbA==" target="_blank" rel="nofollow">php培训</a></li> </ul> <p class="layui-clear footer_phpcn">：公益在线php培训，帮助PHP学习者快速成长！</p> <p class="footer_phpcn_record">Copyright 2014-2021 https://www.php.cn/ All Rights Reserved | <a href="https://beian.miit.gov.cn/" style="color: #9c9c9c;" rel="nofollow" target="_blank">苏ICP备2020058653号-1</a><a href="http://112.30.63.109:8887/showEi?id=6a58f74d17984675aa1b671d0fa101cf&url=php.cn" rel="nofollow" target="_blank"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=L3N0YXRpYy9pbWFnZXMvZm9vdF9saW5lLmdpZg==" alt="HTML骨架结构_html/css_WEB-ITnose" title="HTML骨架结构_html/css_WEB-ITnose"></a><span class="footer_phpcn_say" style="padding-left:15px;"><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Fib3V0L3VzLmh0bWw=" target="_blank" rel="nofollow">关于我们</a><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Fib3V0L2Rpc2NsYWltZXIuaHRtbA==" target="_blank" class="mr10" rel="nofollow">免责申明</a><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Fib3V0L2RvbmF0ZS5odG1s" class="mr10" target="_blank" rel="nofollow">赞助与捐赠</a><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Jsb2cvZGV0YWlsLzIwMzA0Lmh0bWw=" target="_blank" rel="nofollow">广告合作</a></span></p> </div> <div class="layui-col-md3" style="padding-top:15px;"> <img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=L3N0YXRpYy9pbWFnZXMvcGhwY25fZXJ3ZWkuanBn" alt="HTML骨架结构_html/css_WEB-ITnose" title="HTML骨架结构_html/css_WEB-ITnose"> <img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=L3N0YXRpYy9pbWFnZXMvcXEuanBn" alt="HTML骨架结构_html/css_WEB-ITnose" title="HTML骨架结构_html/css_WEB-ITnose"> </div> </div></div> <style>.layui-fixbar{bottom:200px;}</style> <input type="hidden" id="verifycode" value="/captcha.html"><link rel="stylesheet" id="_main-css" href="/static/css/viewer.min.css?2" type="text/css" media="all"></label></option></select></button></textarea> </form></td> </tr> </tbody> </table></time></aside></article></nav></footer></header></section></dd> </dl></li></ol></em></strong></a></p></pre>