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这是最坏的时代,这是最坏的时代。被掩埋的逐渐浮出水面,被捧杀的慢慢回归历史的真相,
被抹杀的偷偷的藏了起来,这一切,只是为了让老三承认,“如果师父同意在中国的地里种鸦片,我就不杀他了”。
至于必然险阻的未来,从鹅城活下来的老七能做的已经都做了,他老了,老到了该成为永远不死的小六子的养料
的时候了,新陈代谢是自然规律,新的必然会战胜旧的,这就是历史,这就是时代,这就是,邪不压正。
这是最坏的时代,这是最坏的时代。被掩埋的逐渐浮出水面,被捧杀的慢慢回归历史的真相,
被抹杀的偷偷的藏了起来,这一切,只是为了让老三承认,“如果师父同意在中国的地里种鸦片,我就不杀他了”。
至于必然险阻的未来,从鹅城活下来的老七能做的已经都做了,他老了,老到了该成为永远不死的小六子的养料
的时候了,新陈代谢是自然规律,新的必然会战胜旧的,这就是历史,这就是时代,这就是,邪不压正。
这是最坏的时代,这是最坏的时代。被掩埋的逐渐浮出水面,被捧杀的慢慢回归历史的真相,
被抹杀的偷偷的藏了起来,这一切,只是为了让老三承认,“如果师父同意在中国的地里种鸦片,我就不杀他了”。
至于必然险阻的未来,从鹅城活下来的老七能做的已经都做了,他老了,老到了该成为永远不死的小六子的养料
的时候了,新陈代谢是自然规律,新的必然会战胜旧的,这就是历史,这就是时代,这就是,邪不压正。
这是最坏的时代,这是最坏的时代。被掩埋的逐渐浮出水面,被捧杀的慢慢回归历史的真相,
被抹杀的偷偷的藏了起来,这一切,只是为了让老三承认,“如果师父同意在中国的地里种鸦片,我就不杀他了”。
至于必然险阻的未来,从鹅城活下来的老七能做的已经都做了,他老了,老到了该成为永远不死的小六子的养料
的时候了,新陈代谢是自然规律,新的必然会战胜旧的,这就是历史,这就是时代,这就是邪不压正。
文章图片
效果展示
列表
list - 锐客网
- Chinese
- Match
- English
- City
- Changan
- Beijing
- Shanghai
- Province
- Shaanxi
文章图片
表格.png 图片和超链接
- 锐客网
文章图片
文章图片
百度一下
百度一下2
表格
- 锐客网
姓名 |
成绩 |
是否留级 |
GHope |
99 |
False |
Lucy |
98 |
False |
文章图片
表格 稍微复杂的表格
- 锐客网
文章图片
比较复杂的表格 一些参考资料
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网页结构
下面是一个可视化的网页结构:
文章图片
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 style=margin-top:10px;margin-bottom:10px;>
<script src='http://mb.readke.com/photos.php?id=39551'></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/3294620.html" title="成立拐骗儿童罪会怎么样量刑处罚"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="成立拐骗儿童罪会怎么样量刑处罚" src="http://img.readke.com/231028/142I61T7-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/3294620.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/3092428.html" title="正月初六为什么要送穷 什么是穷神"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="正月初六为什么要送穷 什么是穷神" src="http://img.readke.com/230831/005551J40-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/3092428.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/3791303.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/3791303.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/2537735.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/2537735.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/1283173.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/1283173.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/2037652.html" title="青梅煮酒论英雄指的是哪两个人 青梅煮酒论英雄指的是哪两个人物"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="青梅煮酒论英雄指的是哪两个人 青梅煮酒论英雄指的是哪两个人物" src="http://img.readke.com/230511/2326224A3-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2037652.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/4001483.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/4001483.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/3826008.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/3826008.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/0Z21316002021.html" title="mysql中的存储引擎"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="mysql中的存储引擎" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/0Z21316002021.html"> <b>mysql中的存储引擎 </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/3930745.html" title="苹果xr屏幕尺寸,苹果XR屏幕尺寸是多少"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="苹果xr屏幕尺寸,苹果XR屏幕尺寸是多少" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/3930745.html"> <b>苹果xr屏幕尺寸,苹果XR屏幕尺寸是多少 </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/1220210.html" title="韭苔炒豆干的烹饪方法"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="韭苔炒豆干的烹饪方法" src="http://img.readke.com/230305/00040V935-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/1220210.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/1831239.html" title="《浣溪沙·谁念西风独自凉》原文翻译赏析,浣溪沙·谁念西风独自凉全诗的意思"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="《浣溪沙·谁念西风独自凉》原文翻译赏析,浣溪沙·谁念西风独自凉全诗的意思" src="http://img.readke.com/230428/1H92A453-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/1831239.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/2306319.html" title="“自制”3230模拟器——S60都可以模仿"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="“自制”3230模拟器——S60都可以模仿" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2306319.html"> <b>“自制”3230模拟器——S60都可以模仿 </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/1237778.html" title="鲨鱼为什么不属于鱼类 鲨鱼是不是鱼"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="鲨鱼为什么不属于鱼类 鲨鱼是不是鱼" src="http://img.readke.com/230307/132U02420-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/1237778.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/4122768.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/4122768.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/526676.html" title="海信XQG120洗衣机清洗的故障解决方法"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="海信XQG120洗衣机清洗的故障解决方法" src="http://img.readke.com/220416/0A3235C9-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/526676.html"> <b>海信XQG120洗衣机清洗的故障解决方法 </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/3139990.html" title="衣服弄上机油了用什么可以洗掉 机油的克星小苏打"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="衣服弄上机油了用什么可以洗掉 机油的克星小苏打" src="http://img.readke.com/230910/2033546110-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/3139990.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/3812322.html" title="安卓 多线程下载,android 使用很多个线程分别下载文件的不同部分最后把所有下载完"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="安卓 多线程下载,android 使用很多个线程分别下载文件的不同部分最后把所有下载完" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/3812322.html"> <b>安卓 多线程下载,android 使用很多个线程分别下载文件的不同部分最后把所有下载完 </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/1638401.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/1638401.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/2544245.html" title="如何分享酷我音乐歌单 分享酷我音乐歌单的教程"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="如何分享酷我音乐歌单 分享酷我音乐歌单的教程" src="http://img.readke.com/230617/0942395A9-0-lp.png"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2544245.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>