欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

HTML骨架结构_html/css_WEB-ITnose

程序员文章站 2022-05-16 21:31:05
...

目录

[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>
相关标签: HTML骨架结构