网页基础|网页基础 -- 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/1754237.html" title="火焰纹章风花雪月困难难度职业怎么选 困难难度学生职业选择"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="火焰纹章风花雪月困难难度职业怎么选 困难难度学生职业选择" src="http://img.readke.com/230424/1406116496-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1754237.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/2530228.html" title="2023汉阳区五里幼儿园招生公告 2023汉阳区五里幼儿园招生公告时间"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="2023汉阳区五里幼儿园招生公告 2023汉阳区五里幼儿园招生公告时间" src="http://img.readke.com/230615/1542355312-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2530228.html"> <b>2023汉阳区五里幼儿园招生公告 2023汉阳区五里幼儿园招生公告时间 </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/2724138.html" title="dnf宠物宝珠有哪些,拍卖行能买到的"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="dnf宠物宝珠有哪些,拍卖行能买到的" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2724138.html"> <b>dnf宠物宝珠有哪些,拍卖行能买到的 </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/3396821.html" title="智慧团建的初始密码是什么"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="智慧团建的初始密码是什么" src="http://img.readke.com/231109/191R94550-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3396821.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/2349894.html" title="秋月梨可以做秋梨膏吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="秋月梨可以做秋梨膏吗" src="http://img.readke.com/230531/0RG01244-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2349894.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/2393665.html" title="简述我国体育产业的发展状况"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="简述我国体育产业的发展状况" src="http://img.readke.com/230602/1A62C643-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2393665.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/2606785.html" title="塑料瓶上的黏胶如何清除"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="塑料瓶上的黏胶如何清除" src="http://img.readke.com/230702/1919331216-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2606785.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/2755963.html" title="哪里有免费的流程图模板可以使用?"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="哪里有免费的流程图模板可以使用?" src="http://img.readke.com/230718/0220213W8-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2755963.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/2444055.html" title="椽组词 檐组词"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="椽组词 檐组词" src="http://img.readke.com/230606/0G51MT0-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2444055.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/110931K302021.html" title="系列|周份额创新高,荣耀手机三个月重回国内前三,但仍有较大发展空间"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="系列|周份额创新高,荣耀手机三个月重回国内前三,但仍有较大发展空间" src="https://p0.ssl.img.360kuai.com/t012c6d195f80dc4b2f.jpg?size=641x335"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/110931K302021.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/103130335R021.html" title="子弹|荣耀靓机降价400元,1亿像素+100W快充,能挡子弹仅售3299元"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="子弹|荣耀靓机降价400元,1亿像素+100W快充,能挡子弹仅售3299元" src="https://p0.ssl.img.360kuai.com/t01eb033c1b7596dc85.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/103130335R021.html"> <b>子弹|荣耀靓机降价400元,1亿像素+100W快充,能挡子弹仅售3299元 </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/2725303.html" title="现在做什么行业最赚钱,在中国最赚钱的4个行业"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="现在做什么行业最赚钱,在中国最赚钱的4个行业" src="http://img.readke.com/230714/1123534V7-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2725303.html"> <b>现在做什么行业最赚钱,在中国最赚钱的4个行业 </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/3999683.html" title="es文件分析器,文件后缀分析器"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="es文件分析器,文件后缀分析器" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3999683.html"> <b>es文件分析器,文件后缀分析器 </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/2133408.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/2133408.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/3821057.html" title="ios pubg国际服,刺激战场国际服ios"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="ios pubg国际服,刺激战场国际服ios" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3821057.html"> <b>ios pubg国际服,刺激战场国际服ios </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/1728247.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/1728247.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/3473989.html" title="西门子洗衣机滚筒不转了呢如何处理与故障原因 ,原因竟是这样的"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="西门子洗衣机滚筒不转了呢如何处理与故障原因 ,原因竟是这样的" src="http://img.readke.com/231116/1120513152-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3473989.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/1932040.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/1932040.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/0R3946002021.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/0R3946002021.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/3267528.html" title="结婚登记的程序都有什么规定 结婚登记的程序都有什么"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="结婚登记的程序都有什么规定 结婚登记的程序都有什么" src="http://img.readke.com/231025/04043SB3-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3267528.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>