网页基础|网页基础 -- HTML

web 基础:
1.web标准(万维网-W3C):
结构标准--HTML ->决定网页上有什么东西(能够显示什么内容)
表现标准--CSS ->决定网页上内容的布局和显示方式
行为标准--JavaScript(JS)->决定网页上动态的效果
2.认识HTML
HTML是超文本标记语言(可以用来标记文本、图片、视频、音频、按钮、输入框等内容)
HTML不是编程语言,不会编译执行,语法错误也不会报错导致程序不能往后执行
3.HTML版本
H5:指HTML5+CSS3+js(广义)、HTML5(狭义)
4.HTML编程
a.HTML标记语言对应文件的后缀,一般都是html
b.HTML的结构:整个html是通过不同的标记来组成
5.标签/标记
a.双标签(常规标签)
<标签名 属性=属性值 属性=属性值>标签内容
b.单标签(自闭和标签)
<标签名 属性=属性值 属性=属性值/>
<标签名 属性=属性值 属性=属性值>
说明:
标签名:HTML标准中固定的(注意:<和标签名之间不能有空白)
属性:属性和标签名之间用空格隔开,以属性=属性值的形式存在,多个属性之间也用空格隔开
(属性可以是HTML标准中的属性,也可以是自定义的属性)
标签内容:是值开始标签和结束标签之间的内容。标签的内容可以是任何内容(可以是字符串,也可以是其它任何标签)
补充:HTML语法中,不区分大小写
6.网页的结构

嗨,welcome to HTML! - 锐客网

body:网页显示内容
文本标签
- 锐客网标题一 biaoti2 标题3
标题4 标题5 标题6这是最坏的时代,这是最坏的时代。被掩埋的逐渐浮出水面,被捧杀的慢慢回归历史的真相, 被抹杀的偷偷的藏了起来,这一切,只是为了让老三承认,“如果师父同意在中国的地里种鸦片,我就不杀他了”。 至于必然险阻的未来,从鹅城活下来的老七能做的已经都做了,他老了,老到了该成为永远不死的小六子的养料 的时候了,新陈代谢是自然规律,新的必然会战胜旧的,这就是历史,这就是时代,这就是,邪不压正。
    这是最坏的时代,这是最坏的时代。被掩埋的逐渐浮出水面,被捧杀的慢慢回归历史的真相, 被抹杀的偷偷的藏了起来,这一切,只是为了让老三承认,“如果师父同意在中国的地里种鸦片,我就不杀他了”。 至于必然险阻的未来,从鹅城活下来的老七能做的已经都做了,他老了,老到了该成为永远不死的小六子的养料 的时候了,新陈代谢是自然规律,新的必然会战胜旧的,这就是历史,这就是时代,这就是,邪不压正。
    这是最坏的时代,这是最坏的时代。被掩埋的逐渐浮出水面,被捧杀的慢慢回归历史的真相,
被抹杀的偷偷的藏了起来,这一切,只是为了让老三承认,“如果师父同意在中国的地里种鸦片,我就不杀他了”。
至于必然险阻的未来,从鹅城活下来的老七能做的已经都做了,他老了,老到了该成为永远不死的小六子的养料
的时候了,新陈代谢是自然规律,新的必然会战胜旧的,这就是历史,这就是时代,这就是,邪不压正。

    这是最坏的时代,这是最坏的时代。被掩埋的逐渐浮出水面,被捧杀的慢慢回归历史的真相,
被抹杀的偷偷的藏了起来,这一切,只是为了让老三承认,“如果师父同意在中国的地里种鸦片,我就不杀他了”。
至于必然险阻的未来,从鹅城活下来的老七能做的已经都做了,他老了,老到了该成为永远不死的小六子的养料
的时候了,新陈代谢是自然规律,新的必然会战胜旧的,这就是历史,这就是时代,这就是邪不压正



网页基础|网页基础 -- HTML
文章图片
效果展示
列表
list - 锐客网
  1. Chinese
  2. Match
  3. English
  • 成都
  • 长安
  • 北京
City
Changan
Beijing
Shanghai
Province
Shaanxi

网页基础|网页基础 -- HTML
文章图片
表格.png 图片和超链接
- 锐客网网页基础|网页基础 -- HTML
文章图片
网页基础|网页基础 -- HTML
文章图片
百度一下 百度一下2

表格
- 锐客网
姓名 成绩 是否留级
GHope 99 False
Lucy 98 False

网页基础|网页基础 -- HTML
文章图片
表格 稍微复杂的表格
- 锐客网

网页基础|网页基础 -- HTML
文章图片
比较复杂的表格 一些参考资料 HTML 超文本标记语言,标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容
什么是HTML HTML是用来描述网页的一种语言。
  • HTML 指的是超文本标记语言: HyperText Markup Language
  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签及文本内容
  • HTML文档也叫做 web 页面
HTML标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag) 。
  • HTML 标签是由尖括号包围的关键词,比如
  • HTML 标签通常是成对出现的,比如
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签
<标签>内容
HTML元素 "HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.
但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:
HTML 元素:
这是一个段落

HTML网页结构 下面是一个可视化的网页结构:
网页基础|网页基础 -- HTML
文章图片
image 其中白色区域才是在网页中可见的部分
HTML版本 从初期的网络诞生后,已经出现了许多HTML版本:
版本 发布时间
HTML 1991
HTML+ 1993
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 1.0 2000
HTML5 2012
XHTML5 2013
声明 声明有助于浏览器中正确显示网页。
网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。
doctype 声明是不区分大小写的,以下方式均可:

通用声明
html5 :

HTML 4.01:

XHTML 1.0 :

查看完整网页声明类型 DOCTYPE 参考手册。
中文编码 目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8。
页面标题 - 锐客网 我的第一个标题 我的第一个段落。

百度一下
常用标签 1.HTML元素 元素包含了所有的头部标签元素。在 元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。
可以添加在头部区域的元素标签为: , , <meta>, <link>, , <noscript>, and <base>.<br /> <table> <thead> <tr> <th>标签</th> <th>描述</th> </tr> </thead> <tbody> <tr> <td><title></td> <td>定义了文档的标题</td> </tr> <tr> <td><base></td> <td>定义了页面链接标签的默认链接地址</td> </tr> <tr> <td><link></td> <td>定义了一个文档和外部资源之间的关系</td> </tr> <tr> <td><meta></td> <td>定义了HTML文档中的元数据</td> </tr> <tr> <td></td> <td>定义了客户端的脚本文件</td> </tr> <tr> <td></td> <td>定义了HTML文档的样式文件</td> </tr> </tbody> </table> < meta>元素<br /> meta标签主要是通过属性为网页提供元数据主要包括:name属性和http-equiv属性<br /> <blockquote><code><mate name=“参数”, content=“具体描述”> </code></blockquote><br /> name属性参数:<br /> 1.keywords(关键字)<br> 说明:用于告诉搜索引擎,你网页的关键字。举例:<br /> <blockquote><code><meta name="keywords" content="python,技术,理科生,前端"> </code></blockquote><br /> 2.description(网站内容的描述)<br> 说明:用于告诉搜索引擎,你网站的主要内容。举例:<br /> <blockquote><code><meta name="description" content="关于python的技术博客"> </code></blockquote><br /> 3.author(作者)<br> 说明:用于标注网页作者 举例:<br /> <blockquote><code><meta name="author" content="726550822@qq.com"> </code></blockquote><br /> 4.viewport(移动端的窗口)<br> 说明:这个属性常用于设计移动端网页。在用bootstrap,AmazeUI等框架时候都有用过viewport。<br /> <blockquote><code><meta name="viewport" content="width=device-width, initial-scale=1"> </code></blockquote><br /> 5.robots(定义搜索引擎爬虫的索引方式)<br> 说明:robots用来告诉爬虫哪些页面需要索引,哪些页面不需要索引。content的参数有all,none,index,noindex,follow,nofollow。默认是all。<br> 举例:<br /> <blockquote><code><meta name="robots" content="none"> </code></blockquote><br /> 具体参数如下:<br> a.none : 搜索引擎将忽略此网页,等价于noindex,nofollow。<br> b.noindex : 搜索引擎不索引此网页。<br> c.nofollow: 搜索引擎不继续通过此网页的链接索引搜索其它的网页。<br> d.all : 搜索引擎将索引此网页与继续通过此网页的链接索引,等价于index,follow。<br> e.index : 搜索引擎索引此网页。<br> f.follow : 搜索引擎继续通过此网页的链接索引搜索其它的网页。<br /> <strong>【网页基础|网页基础 -- HTML】</strong>6.renderer(双核浏览器渲染方式)<br> 说明:renderer是为双核浏览器准备的,用于指定双核浏览器默认以何种方式渲染页面。比如说360浏览器。举例:<br /> <blockquote><code><meta name="renderer" content="webkit"> //默认webkit内核 <meta name="renderer" content="ie-comp"> //默认IE兼容模式 <meta name="renderer" content="ie-stand"> //默认IE标准模式 </code></blockquote><br /> </p> <div class="dede_pages"><ul></ul></div> <div class="pcd_ad"> <center><div class="_ahwullr0ac"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6834461", container: "_ahwullr0ac", async: true }); </script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script></center> </div> <div class="mbd_ad"> <div style=margin-top:10px;margin-bottom:10px;> <div class="_i7aftr79jl"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u5950612", container: "_i7aftr79jl", async: true }); </script> <!-- ½űֻһ --> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script> </div> </div> <h3>推荐阅读</h3> <ul class="post-loop post-loop-default cols-0"> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3859506.html" title="互联网销售数据分析"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="互联网销售数据分析" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3859506.html"> <b>互联网销售数据分析 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/4131361.html" title="redis解决高并发问题,如商品秒杀 redis高并发架构与底层原理"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="redis解决高并发问题,如商品秒杀 redis高并发架构与底层原理" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/4131361.html"> <b>redis解决高并发问题,如商品秒杀 redis高并发架构与底层原理 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3061218.html" title="tcl洗衣机快洗要多久 tcl洗衣机快速洗衣多久"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="tcl洗衣机快洗要多久 tcl洗衣机快速洗衣多久" src="http://img.readke.com/230824/13142SS8-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3061218.html"> <b>tcl洗衣机快洗要多久 tcl洗衣机快速洗衣多久 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3452810.html" title="销售是做什么的 销售具体是做什么的"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="销售是做什么的 销售具体是做什么的" src="http://img.readke.com/231114/134PGW3-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3452810.html"> <b>销售是做什么的 销售具体是做什么的 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1830816.html" title="缅甸红酸枝是红木吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="缅甸红酸枝是红木吗" src="http://img.readke.com/230428/1A9216402-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1830816.html"> <b>缅甸红酸枝是红木吗 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3562428.html" title="射击游戏最帅角色排行榜,射击游戏高手"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="射击游戏最帅角色排行榜,射击游戏高手" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3562428.html"> <b>射击游戏最帅角色排行榜,射击游戏高手 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/11153253V2021.html" title="adb push build.prop system 重启后无法进入系统解决方法"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="adb push build.prop system 重启后无法进入系统解决方法" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/11153253V2021.html"> <b>adb push build.prop system 重启后无法进入系统解决方法 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/11143229512021.html" title="莆田本土“19+17”:含15名小学生"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="莆田本土“19+17”:含15名小学生" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/11143229512021.html"> <b>莆田本土“19+17”:含15名小学生 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/10293013402021.html" title="道声|道声 再见"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="道声|道声 再见" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/10293013402021.html"> <b>道声|道声 再见 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1088594.html" title="哪些食物含有花青素 为什么鸡蛋和紫薯一起就变绿"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="哪些食物含有花青素 为什么鸡蛋和紫薯一起就变绿" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1088594.html"> <b>哪些食物含有花青素 为什么鸡蛋和紫薯一起就变绿 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2470292.html" title="DOTA2暗影萨满怎么玩 DOTA2小y技能介绍"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="DOTA2暗影萨满怎么玩 DOTA2小y技能介绍" src="http://img.readke.com/230609/01212WW1-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2470292.html"> <b>DOTA2暗影萨满怎么玩 DOTA2小y技能介绍 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3625195.html" title="sap现金管理与预算控制,erp现金管理"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="sap现金管理与预算控制,erp现金管理" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3625195.html"> <b>sap现金管理与预算控制,erp现金管理 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2473062.html" title="pdf阅读器的文字怎么粘贴复制"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="pdf阅读器的文字怎么粘贴复制" src="http://img.readke.com/230609/0622133522-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2473062.html"> <b>pdf阅读器的文字怎么粘贴复制 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3680866.html" title="豁牙巴是什么意思 豁牙巴应该是什么意思"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="豁牙巴是什么意思 豁牙巴应该是什么意思" src="http://img.readke.com/231209/0U640D00-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3680866.html"> <b>豁牙巴是什么意思 豁牙巴应该是什么意思 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0QWG242021.html" title="新冠疫苗|海口新增19个60岁及以上人群新冠疫苗接种点 老年人接种点达27个"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="新冠疫苗|海口新增19个60岁及以上人群新冠疫苗接种点 老年人接种点达27个" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/0QWG242021.html"> <b>新冠疫苗|海口新增19个60岁及以上人群新冠疫苗接种点 老年人接种点达27个 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1569968.html" title="健康码灰色几天能变绿"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="健康码灰色几天能变绿" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1569968.html"> <b>健康码灰色几天能变绿 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1815409.html" title="支付宝账户管理在哪"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="支付宝账户管理在哪" src="http://img.readke.com/230427/16405M0S-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1815409.html"> <b>支付宝账户管理在哪 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/4011268.html" title="mongodb 集合内文档之间关联 mongodb 合并数据"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="mongodb 集合内文档之间关联 mongodb 合并数据" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/4011268.html"> <b>mongodb 集合内文档之间关联 mongodb 合并数据 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3243487.html" title="儿童肾病综合症治疗方法首选 儿童肾病综合症治疗方法"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="儿童肾病综合症治疗方法首选 儿童肾病综合症治疗方法" src="http://img.readke.com/231021/203935HR-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3243487.html"> <b>儿童肾病综合症治疗方法首选 儿童肾病综合症治疗方法 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1327707.html" title="管钳价格 「管钳什么牌子的最好」"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="管钳价格 「管钳什么牌子的最好」" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1327707.html"> <b>管钳价格 「管钳什么牌子的最好」 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> </ul> <p><br /><ul class="post-loop post-loop-list cols-4"></ul></p> <div class=entry-copyright> <p></p> </div> </div> <div class="entry-footer"> <div class="prev-next sb br mb clearfix"> <p class="post-prev fl ellipsis">上一篇:<a href='/c/01064129312022.html'>Android|Android 手机号码归属地(使用libphonenumber)</a> </p> <p class="post-next fr ellipsis">下一篇:<a href='/c/01064129332022.html'>谈谈互联网产品如何定位()</a> </p> </div> </div> </div> </article> </main> <aside class="sidebar"> <div class="widget widget_post_thumb"> <h3 class="widget-title"><span>更多...</span></h3> <ul> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/11123213962021.html" title="js的字符编码"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="js的字符编码" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/11123213962021.html" title="js的字符编码">js的字符编码</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0922232P12021.html" title="Python学前必知语法"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="Python学前必知语法" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0922232P12021.html" title="Python学前必知语法">Python学前必知语法</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0Z31433962021.html" title="智能设计理念--微软Powerpoint|智能设计理念--微软Powerpoint Designer"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="智能设计理念--微软Powerpoint|智能设计理念--微软Powerpoint Designer" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0Z31433962021.html" title="智能设计理念--微软Powerpoint|智能设计理念--微软Powerpoint Designer">智能设计理念--微软Powerpoint|智能设计理念--微软Powerpoint Designer</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0Z21340012021.html" title="springcloud|springcloud gateway如何实现路由和负载均衡"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="springcloud|springcloud gateway如何实现路由和负载均衡" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0Z21340012021.html" title="springcloud|springcloud gateway如何实现路由和负载均衡">springcloud|springcloud gateway如何实现路由和负载均衡</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/121ID5502021.html" title="抖音上的小哥哥都是假的"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="抖音上的小哥哥都是假的" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/121ID5502021.html" title="抖音上的小哥哥都是假的">抖音上的小哥哥都是假的</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1213360G02021.html" title="[青春]因你,我的世界阳光灿烂(58)"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="[青春]因你,我的世界阳光灿烂(58)" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/1213360G02021.html" title="[青春]因你,我的世界阳光灿烂(58)">[青春]因你,我的世界阳光灿烂(58)</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/121235931R021.html" title="CentOS7.x搭建时间同步服务器"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="CentOS7.x搭建时间同步服务器" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/121235931R021.html" title="CentOS7.x搭建时间同步服务器">CentOS7.x搭建时间同步服务器</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/09292562222021.html" title="冲动还是理性"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="冲动还是理性" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/09292562222021.html" title="冲动还是理性">冲动还是理性</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0ZGG2252021.html" title="高质量的陪伴孩子|高质量的陪伴孩子 第一篇 学会观察孩子"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="高质量的陪伴孩子|高质量的陪伴孩子 第一篇 学会观察孩子" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0ZGG2252021.html" title="高质量的陪伴孩子|高质量的陪伴孩子 第一篇 学会观察孩子">高质量的陪伴孩子|高质量的陪伴孩子 第一篇 学会观察孩子</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0Z3141X32021.html" title="萌宝日记93之给拼图妈妈找娃娃"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="萌宝日记93之给拼图妈妈找娃娃" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0Z3141X32021.html" title="萌宝日记93之给拼图妈妈找娃娃">萌宝日记93之给拼图妈妈找娃娃</a></p> </div> </li> </ul> </div> </aside> </div> </div> <footer class="footer"> <div class="container"> <div class="clearfix"> <div class="footer-col footer-col-logo"> <!--<img src="/skin/images/logo-footer.png">--></div> <div class="footer-col footer-col-copy"> <ul class="footer-nav hidden-xs"> <li class="menu-item menu-item-706"><a href="/baike/">生活百科</a></li> <li class="menu-item menu-item-706"><a href="/it/">it技术</a></li> </ul> <div class="copyright"> <p>Copyright © 2017-2022 锐客网 <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备11041112号-41</a> </p> </div> </div> <div class="footer-col footer-col-sns"> <div class="footer-sns"> </div> </div> </div> </div> </footer> <div class="action action-style-0 action-color-0 action-pos-1" style="bottom:15%;"> <div class="action-item gotop j-top"> <i class="web-icon wi action-item-icon"><svg aria-hidden="true"> <use xlink:href="#wi-arrow-up-2"></use> </svg></i></div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?79e4e485d34c6fc717489eaa10b314e3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <script>var _web_js={};</script> <script src="/skin/js/index.js"></script> </body> </html>