保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）
❤️HTML必备知识详解❤️
- 第一部分：HTML框架简介
-
- 1.是什么&怎么学&用什么工具
-
- （1）什么是HTML？
- （2）怎么学HTML？
- （3）使用的工具：
- 2.HTML的基本结构
- 3.HTML文件的规范
- 4.HTML的基本模板
- 第二部分：标签
-
- 1.标签的使用样式及属性
-
- （1）标签的使用样式：
- （2）标签属性：
- （3）块状标签
-
- 第一部分知识点——块状标签的特点：
- 第二部分知识点——常用的块状标签：
- 深入讲解：emmet语法————快速敲代码小技巧之快速敲标签语法！
- （4）内联标签（行内标签）
-
- 第一部分知识点——内联标签的特点：
- 第二部分知识点——常用的内联标签：
- In The End！
直接跳到末尾 ——>领取专属粉丝福利
☝️
上一篇博文两万字博文教你python爬虫requests库，看完还不会我把我女朋友都给你【❤️熬夜整理&建议收藏❤️】被众多爬虫爱好者/想要学习爬虫的小伙伴们阅读之后，很多小伙伴私信我说——爬是会爬了，但是爬下来的都是网页源码数据，真心看不懂鸭！该怎么办？
（苦笑）为了能让小伙伴们对日后所学的页面解析库理解更深，所以本博主又连夜加班加点，苦苦熬制本文（分上下两篇哦！），为大家深入全面的讲解一下常见的前端知识——学啥技术都是从底层抓起，万丈高楼平地起，它也是基于地基稳！ 所以本文（共分上下两篇哦！）是比页面解析库要先一步总结给小伙伴们哦！
在这两篇博文中，本博主就带领小伙伴们认真地学习一下HTML（超文本标记语言）相关的必备知识（爬虫爬到数据之后解析页面数据你得多少能看懂页面结构！）——HTML是一门标记语言，标记语言由一套标记标签组成，学习HTML，就是学习标签。！
相信有不少小伙伴已经通过我的上篇博文完全地学费了requests库，而本篇（以及下篇）文讲解的HTML知识，将会使你日后解析爬取到的页面数据信手拈来哦~
| 知识点补给站： |
如果把网页比作一个人的话，HTML相当于骨架，JavaScript相当于肌肉，CSS相当于皮肤。三者结合起来
才能形成一个完善的网页。
首先要普及的一个概念是一个网页组成部分：
①HTML：用于定义网页里面有什么内容；
②CSS:对内容进行排版；
（1）找到要排版的内容————如何找到要排版的标签；
（2）设置样式————标签都能设置哪些样式。
③JavaScript:用于动态的控制页面。
第一部分：HTML框架简介
1.是什么&怎么学&用什么工具
（1）什么是HTML？
-
HTML:（HyperText Markup Language）【超文本标记语言】
狭义的HTML指的是网页；
广义的HTML指的是前端技术（html,css,js,以及各种框架）——网页，移动端网页，小程序，公众号，移动端的app，快应用等。 -
详细介绍：
HypertText：超文本——超出文本的范畴，简单地说，不仅仅是文本，还可以是图像，音频，视频，flash等等；
Markup：标记——网页中会有很多标记，不同的标记有不同的含义和功能，标记也叫标签，Html会包含各种各样的标签，这些标签不能乱写，必须写w3c规范中包含的标签。 -
标签的举例：
①-- 双标签
②
-- 单标签
（2）怎么学HTML？
HTML是一门标记语言，标记语言由一套标记标签组成，学习HTML，就是学习标签。
（3）使用的工具：
编辑器：pycharm（搞python的肯定得用pycharm！）
浏览器：Firefox，Chrome（建议使用这俩哦！）
2.HTML的基本结构
3.HTML文件的规范
- html文件以开始，以结尾，其他任何标签，需要写在和之间；
- Html标签只包含两个子标签：head和body；
- 和网页设置相关的内容都写在head标签里；
- 需要显示的内容都写在body标签里；
4.HTML的基本模板
如果你再pycharm里新建一个html文件就会像下面这样！
<!DOCTYPE html> #文档类型的声明
"en"> #根标签,即文档的开始。 lang（language），en(english)。声明语言类型是英语
#网页头部
"UTF-8"> #国际编码 meta配置 字符集编码的类型
Title<<span class="token operator">/</span>title> <span class="token comment">#网页标题</span>
<<span class="token operator">/</span>head>
<body> <span class="token comment">#网页的主体，可视化区域</span>
<<span class="token operator">/</span>body>
<<span class="token operator">/</span>html>
</code></pre>
<p><font color="Blue">知识点补给站：</font></p>
<ol>
<li><code><!DOCTYPE html> 标签：作用：在html文件最前面进行声明，定义文档类型，告知浏览器用html规范去解析文档。</code></li>
<li><code>在pycharm中编写HTML文件时，<!-- 要注释的内容--> 为注释，快捷键是Ctrl+/。</code></li>
<li><code>在pycharm中编写HTML文件时，打标签时可直接打标签名，再Tab即可实现自动补全。 如：输入p,再Tab会自动补全为：<p></p></code></li>
</ol>
<p><a href="http://img.e-com-net.com/image/info8/2747485b709e40ca9038701ecec5772b.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/2747485b709e40ca9038701ecec5772b.jpg" alt="保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）_第8张图片" width="650" height="732" style="border:1px solid black;"></a></p>
<h1>第二部分：标签</h1>
<ol>
<li>什么是标签？</li>
</ol>
<pre><code class="prism language-html"> 由尖括号包裹单词构成，如：<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span>，所以标签不可能以数字开头。
</code></pre>
<ol start="2">
<li>标签不区分大小写，但推荐小写。</li>
<li>标签可以嵌套，但不能交叉嵌套。</li>
<li>标签也称为元素。比如：行内标签亦可成行内元素。</li>
</ol>
<pre><code class="prism language-powershell">错误示例：<a><b><<span class="token operator">/</span>a><<span class="token operator">/</span>b>
正确示例：<a><b><<span class="token operator">/</span>b><<span class="token operator">/</span>a>
</code></pre>
<p><a href="http://img.e-com-net.com/image/info8/7fb187908f264e4c8198deab60750023.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/7fb187908f264e4c8198deab60750023.jpg" alt="保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）_第9张图片" width="700" height="932" style="border:1px solid black;"></a></p>
<h2>1.标签的使用样式及属性</h2>
<h3>（1）标签的使用样式：</h3>
<ol>
<li><code>开始标签又称开放标签<a>标签体</a>结束标签又称闭合标签或关标签</code></li>
<li><code>自闭合标签/单标签，如：<meta charset="UTF-8">，<br>等</code></li>
</ol>
<pre><code class="prism language-html"> 单标签有两种写法：
写法一：只写开标签即可<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span>
写法二：在开标签的结尾写一个/，如<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">/></span></span>
</code></pre>
<h3>（2）标签属性：</h3>
<ul>
<li><code>通常为键值对形式出现，比如：<meta charset="UTF-8"> 里面的charset为标签的属性，对应的单引号或者双引号里的称为属性值；</code></li>
<li>属性只能出现在开始标签和自闭合标签内，但不能出现在结束标签里；</li>
<li>属性名字全部小写，属性值必须用单引号或者双引号包裹；</li>
<li>如果属性名和属性值完全一样，直接写属性名即可，如：“readonly”(input标签属性)</li>
</ul>
<p><a href="http://img.e-com-net.com/image/info8/cf0aabce17c34d28bf9a7d65ad6cc97e.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/cf0aabce17c34d28bf9a7d65ad6cc97e.jpg" alt="保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）_第10张图片" width="650" height="1153" style="border:1px solid black;"></a></p>
<h3>（3）块状标签</h3>
<p><img src="http://img.e-com-net.com/image/info8/2ec5afac2661459b896306b4c92bdb69.png" alt="在这里插入图片描述" width="518" height="32"></p>
<h4>第一部分知识点——块状标签的特点：</h4>
<pre><code class="prism language-python"><span class="token operator"><</span>!DOCTYPE html<span class="token operator">></span>
<span class="token operator"><</span>html lang<span class="token operator">=</span><span class="token string">"en"</span><span class="token operator">></span>
<span class="token operator"><</span>head<span class="token operator">></span>
<span class="token operator"><</span>meta charset<span class="token operator">=</span><span class="token string">"UTF-8"</span><span class="token operator">></span>
<span class="token operator"><</span>title<span class="token operator">></span>块状标签的特点<span class="token operator"><</span><span class="token operator">/</span>title<span class="token operator">></span>
<span class="token operator"><</span><span class="token operator">/</span>head<span class="token operator">></span>
<span class="token operator"><</span>body<span class="token operator">></span>
<span class="token operator"><</span>!<span class="token operator">-</span><span class="token operator">-</span>块状标签的特点<span class="token punctuation">:</span><span class="token punctuation">(</span>通过段落标签p进行说明<span class="token punctuation">)</span><span class="token operator">-</span><span class="token operator">-</span><span class="token operator">></span>
<span class="token operator"><</span>!<span class="token operator">-</span><span class="token operator">-</span><span class="token number">1</span><span class="token punctuation">.</span>设置宽高有效，以及外边距和内边距都可控制<span class="token operator">-</span><span class="token operator">-</span><span class="token operator">></span>
<span class="token operator"><</span>!<span class="token operator">-</span><span class="token operator">-</span><span class="token number">2</span><span class="token punctuation">.</span>在不设置宽度的情况下，宽度始终与父标签保持一致，与内容无关。是父标签容器的<span class="token number">100</span><span class="token operator">%</span>；<span class="token operator">-</span><span class="token operator">-</span><span class="token operator">></span>
<span class="token operator"><</span>!<span class="token operator">-</span><span class="token operator">-</span><span class="token number">3</span><span class="token punctuation">.</span>可以独占一行，实现自动换行。一个段落标签不管多少内容都占一行<span class="token operator">-</span><span class="token operator">-</span><span class="token operator">></span>
<span class="token operator"><</span>!<span class="token operator">-</span><span class="token operator">-</span><span class="token number">4</span><span class="token punctuation">.</span>当多个块状标签写一起时，默认排列方式是从上向下<span class="token operator">-</span><span class="token operator">-</span><span class="token operator">></span>
<span class="token operator"><</span>!<span class="token operator">-</span><span class="token operator">-</span><span class="token number">5</span><span class="token punctuation">.</span>可以容纳内联元素和其他块元素<span class="token operator">-</span><span class="token operator">-</span><span class="token operator">></span>
<span class="token operator"><</span>p style<span class="token operator">=</span><span class="token string">"width:100px; height:100px"</span><span class="token operator">></span>这是个段落标签，我是块状标签<span class="token operator"><</span><span class="token operator">/</span>p<span class="token operator">></span>
<span class="token operator"><</span><span class="token operator">/</span>body<span class="token operator">></span>
<span class="token operator"><</span><span class="token operator">/</span>html<span class="token operator">></span>
</code></pre>
<table>
<tbody>
<tr>
<td>知识点补给站： 1.px是像素，是长度单位； 2.在网页查看元素（ELements）显示的是宽度*高度。</td>
</tr>
</tbody>
</table>
<h4>第二部分知识点——常用的块状标签：</h4>
<p><font color="#008000">小知识点：网页的默认字号是1em（1em=16px）！</font></p>
<p>总共有四个：</p>
<ol>
<li>标题标签；</li>
</ol>
<pre><code class="prism language-html"> <span class="token comment"><!--第一个：标题标签。h1到h6 （一般放在文章的标题） 字体会加粗！--></span>
<span class="token comment"><!-- h1字号是2em--32px；h2字号是1.5em--24px；h3字号是1.17em--18.72px;h4字号是默认字号16px;
h5字号是0.83em--13.28px；h6字号是0.67em--换算应该是10.72px，但是网页有最小字号限制，所以会变为12px！ --></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h1</span><span class="token punctuation">></span></span>我是一级标签，一个网页只能有一个，别的可以有多个<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h1</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h2</span><span class="token punctuation">></span></span>我是二级标签<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</span><span class="token punctuation">></span></span>
</code></pre>
<ol start="2">
<li>段落标签；</li>
</ol>
<pre><code class="prism language-html"> <span class="token comment"><!--第二个：段落标签。 大小跟四级标题标签一样 （会把HTML文档分割成若干个段落）--></span>
<span class="token comment"><!-- p标签默认有段前段后间距--16px；但是段落标签并不会首行缩进！ --></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>我是段落标签<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
</code></pre>
<ol start="3">
<li>列表标签：分为有序列表，无序列表和定义列表三大类；</li>
</ol>
<pre><code class="prism language-html"> <span class="token comment"><!--第三个：列表标签--></span>
<span class="token comment"><!--（1）有序列表--></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ol</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>A<span class="token punctuation">"</span></span> <span class="token attr-name">start</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>3<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token comment"><!--ol是order list的缩写。本行是有序列表的开始
type有五个选择——1:按1,2,3,4...显示序号（默认）；
A:按A,B,C,D..显示序号；
a：按a,b,c,d..显示序号；
I：按I,II,III,IV，V..显示序号（罗马数字）；
i：按i,ii,iii,iv,v..显示序号（罗马数字小写）。
start规定从第几个开始排--></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>这是有序列表1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>这是有序列表2<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>这是有序列表3<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ol</span><span class="token punctuation">></span></span>
<span class="token comment"><!--（2）无序列表--></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>circle<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token comment"><!--ul是unorder list的缩写。本行是无序列表的开始
可以设置none（空的）,circle（空心圆）,square（实心方块），disc（实心圆）[默认值]等样式--></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>这是无序列表1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token comment"><!-- 一个li代表一个列表项。 --></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>这是无序列表2<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>这是无序列表3<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>这是无序列表4<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ul</span><span class="token punctuation">></span></span>
<span class="token comment"><!--(3)定义列表--></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dl</span><span class="token punctuation">></span></span> <span class="token comment"><!--本行是定义列表的开始--></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>水果<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span> <span class="token comment"><!--代表一个大的列项--></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>葡萄<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token comment"><!--代表对上面列项的解释，即细分。--></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>榴莲<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span> <span class="token comment"><!-- dd有缩进，dt没有缩进 --></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>蔬菜<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>花菜<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>包菜<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dl</span><span class="token punctuation">></span></span>
</code></pre>
<ol start="4">
<li>div标签。</li>
</ol>
<pre><code class="prism language-html"> <span class="token comment"><!--第四个：div标签：用来分划一个一个的区域
（width和height来规定区域大小；background-color是设置区域背景色）--></span>
<span class="token comment"><!--div是一个纯净的块元素——所谓纯净意思是没有任何的默认样式。不宜过多使用。后期维护不好--></span>
<span class="token comment"><!-- div最大的优势：布局，作为容器，承载其他标签，因为div没有默认样式，所以尽管用div包裹了标签，
但不影响标签的展示。 --></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token style-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token style language-css"><span class="token property">width</span><span class="token punctuation">:</span>500px<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span> 500px<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span> #66a9fe<span class="token punctuation">;</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>我是一个div<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
</code></pre>
<table>
<tbody>
<tr>
<td>知识点补给站：</td>
</tr>
</tbody>
</table>
<p> 如果嫌打列表标签太麻烦，可使用快捷方法:（n表示相应的标签的个数，直接输入下面语句Tab一下即可生成！）<br> <a href="http://img.e-com-net.com/image/info8/1fbc4c9b779948e3bc19bce7f45d81de.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/1fbc4c9b779948e3bc19bce7f45d81de.png" alt="保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）_第11张图片" width="177" height="156" style="border:1px solid black;"></a></p>
<h4>深入讲解：<font color="red">emmet语法</font>————快速敲代码小技巧之快速敲标签语法！</h4>
<ol>
<li> <p><code>*是乘的作用，后面跟一个数字，数字是几，就会生成几个标签！</code><br> 举例：<br> <a href="http://img.e-com-net.com/image/info8/3bad1cd7152c4bae8b291acea531faf3.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/3bad1cd7152c4bae8b291acea531faf3.png" alt="保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）_第12张图片" width="308" height="106" style="border:1px solid black;"></a><br> 实现：<br> <a href="http://img.e-com-net.com/image/info8/1e8d222483e64fdc8f3b8d149c69aecb.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/1e8d222483e64fdc8f3b8d149c69aecb.jpg" alt="保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）_第13张图片" width="315" height="302" style="border:1px solid black;"></a></p> </li>
<li> <p><code>$可以代表一个数字，这个数字从1开始，逐步增大，通常和*连用。</code><br> 举例：<br> <a href="http://img.e-com-net.com/image/info8/5e63f98dfffa4f6683b49d98ec27ebac.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/5e63f98dfffa4f6683b49d98ec27ebac.png" alt="在这里插入图片描述" width="334" height="76"></a><br> 实现：<br> <a href="http://img.e-com-net.com/image/info8/6550b9e14b0e4f78806da48c39ee692c.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/6550b9e14b0e4f78806da48c39ee692c.png" alt="保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）_第14张图片" width="433" height="128" style="border:1px solid black;"></a></p> </li>
<li> <p><code>{}里面用于书写标签的文本内容。</code><br> 举例：<br> <a href="http://img.e-com-net.com/image/info8/ae90c787982a44048a89511a89881471.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/ae90c787982a44048a89511a89881471.png" alt="在这里插入图片描述" width="455" height="69"></a><br> 实现：<br> <a href="http://img.e-com-net.com/image/info8/04cb0306d3a34ca5a0cf4dc2750203db.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/04cb0306d3a34ca5a0cf4dc2750203db.png" alt="在这里插入图片描述" width="369" height="61"></a></p> </li>
<li> <p><code>[]里面用于书写属性名和属性值（如果不加属性值，则创建属性值为空的属性）</code><br> 举例①：<br> <a href="http://img.e-com-net.com/image/info8/aec13ee9a4be4e4886009f1dd9a552cf.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/aec13ee9a4be4e4886009f1dd9a552cf.png" alt="在这里插入图片描述" width="327" height="68"></a><br> 举例②：<br> <a href="http://img.e-com-net.com/image/info8/b7c1b150923a4804a0b9c8bbf8941e0c.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/b7c1b150923a4804a0b9c8bbf8941e0c.png" alt="在这里插入图片描述" width="280" height="81"></a></p> <p>实现①：<br> <a href="http://img.e-com-net.com/image/info8/d8cea4e5c9db4a8b828ad2854fb80046.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/d8cea4e5c9db4a8b828ad2854fb80046.png" alt="保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）_第15张图片" width="514" height="154" style="border:1px solid black;"></a><br> 实现②：<br> <a href="http://img.e-com-net.com/image/info8/4607d9deaed34b0785963cdcbd151852.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/4607d9deaed34b0785963cdcbd151852.png" alt="在这里插入图片描述" width="417" height="98"></a></p> </li>
<li> <p><code>>用于指示下一级标签，他们构成父子关系（包含关系）</code><br> 举例：<br> <a href="http://img.e-com-net.com/image/info8/64c104e6a6074464991239e4d84256d5.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/64c104e6a6074464991239e4d84256d5.png" alt="在这里插入图片描述" width="233" height="82"></a></p> <p>说明：<br> <a href="http://img.e-com-net.com/image/info8/fbbeef93f2984d7b904bde6b52e73619.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/fbbeef93f2984d7b904bde6b52e73619.png" alt="保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）_第16张图片" width="483" height="159" style="border:1px solid black;"></a></p> </li>
<li> <p><code>+在当前标签的后面生成一个平级的标签（兄弟关系）</code><br> 举例：<br> <a href="http://img.e-com-net.com/image/info8/4e55212a4d7a46d887fa75ae4f45dffc.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/4e55212a4d7a46d887fa75ae4f45dffc.png" alt="在这里插入图片描述" width="217" height="61"></a><br> 实现：<br> <a href="http://img.e-com-net.com/image/info8/0c62371a865a459296ef8a3749c764f8.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/0c62371a865a459296ef8a3749c764f8.png" alt="保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）_第17张图片" width="397" height="102" style="border:1px solid black;"></a></p> </li>
<li> <p><code>#a生成一个id位a的div标签</code></p> <p>举例：<br> <a href="http://img.e-com-net.com/image/info8/3ae408558f5d43f09c24d2450ad8616c.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/3ae408558f5d43f09c24d2450ad8616c.png" alt="在这里插入图片描述" width="172" height="51"></a><br> 实现：<br> <a href="http://img.e-com-net.com/image/info8/27020b32ff3a41bfb812861c31b05e5f.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/27020b32ff3a41bfb812861c31b05e5f.png" alt="在这里插入图片描述" width="435" height="72"></a></p> </li>
<li> <p>综合使用：<br> 举例①：<br> <a href="http://img.e-com-net.com/image/info8/0a77bc62aa3e48aebd1ce7bb1f635c2b.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/0a77bc62aa3e48aebd1ce7bb1f635c2b.png" alt="在这里插入图片描述" width="302" height="54"></a></p> <p>实现①：<br> <a href="http://img.e-com-net.com/image/info8/3f4aa56f08f24da790b5e45eee3d51cf.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/3f4aa56f08f24da790b5e45eee3d51cf.png" alt="保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）_第18张图片" width="347" height="192" style="border:1px solid black;"></a><br> 举例②：<br> <a href="http://img.e-com-net.com/image/info8/7ffc21ce265c4f1a96188124ab19f1c2.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/7ffc21ce265c4f1a96188124ab19f1c2.png" alt="在这里插入图片描述" width="463" height="71"></a><br> 实现②：<br> <a href="http://img.e-com-net.com/image/info8/523626132996424ba458798ca217a298.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/523626132996424ba458798ca217a298.png" alt="保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）_第19张图片" width="565" height="179" style="border:1px solid black;"></a><br> 举例③：<br> <a href="http://img.e-com-net.com/image/info8/0b4cc7210e114a2cba0386ff374f3c02.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/0b4cc7210e114a2cba0386ff374f3c02.png" alt="在这里插入图片描述" width="683" height="76"></a><br> 实现③：<br> <a href="http://img.e-com-net.com/image/info8/1dae0af3f1374590ae6ff946d08a8801.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/1dae0af3f1374590ae6ff946d08a8801.png" alt="保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）_第20张图片" width="497" height="138" style="border:1px solid black;"></a><br> 举例④：<br> <a href="http://img.e-com-net.com/image/info8/5b554ffaa6d740f682d41a5493194a6f.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/5b554ffaa6d740f682d41a5493194a6f.png" alt="在这里插入图片描述" width="647" height="53"></a><br> 实现④：<br> <a href="http://img.e-com-net.com/image/info8/8f35b36e404a41aba7dd9a18de7d1683.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/8f35b36e404a41aba7dd9a18de7d1683.jpg" alt="保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）_第21张图片" width="523" height="208" style="border:1px solid black;"></a><br> 举例⑤：<br> <a href="http://img.e-com-net.com/image/info8/04f4237aad544b42b44a85425efc8d4a.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/04f4237aad544b42b44a85425efc8d4a.png" alt="在这里插入图片描述" width="676" height="69"></a><br> 实现⑤：<br> <a href="http://img.e-com-net.com/image/info8/a869d24add864d61baa0e99c6d449877.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/a869d24add864d61baa0e99c6d449877.png" alt="保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）_第22张图片" width="508" height="196" style="border:1px solid black;"></a></p> </li>
</ol>
<h3>（4）内联标签（行内标签）</h3>
<p><a href="http://img.e-com-net.com/image/info8/13dd6c1200f7407eb5a962ba0cc92259.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/13dd6c1200f7407eb5a962ba0cc92259.png" alt="在这里插入图片描述" width="634" height="33"></a></p>
<h4>第一部分知识点——内联标签的特点：</h4>
<pre><code class="prism language-python"><span class="token operator"><</span>!DOCTYPE html<span class="token operator">></span>
<span class="token operator"><</span>html lang<span class="token operator">=</span><span class="token string">"en"</span><span class="token operator">></span>
<span class="token operator"><</span>head<span class="token operator">></span>
<span class="token operator"><</span>meta charset<span class="token operator">=</span><span class="token string">"UTF-8"</span><span class="token operator">></span>
<span class="token operator"><</span>title<span class="token operator">></span>内联标签，又称行内标签的特点<span class="token operator"><</span><span class="token operator">/</span>title<span class="token operator">></span>
<span class="token operator"><</span><span class="token operator">/</span>head<span class="token operator">></span>
<span class="token operator"><</span>body<span class="token operator">></span>
<span class="token operator"><</span>!<span class="token operator">-</span><span class="token operator">-</span>内联标签的特点（通过文本标签span说明）<span class="token operator">-</span><span class="token operator">-</span><span class="token operator">></span>
<span class="token operator"><</span>!<span class="token operator">-</span><span class="token operator">-</span><span class="token number">1</span><span class="token punctuation">.</span>设置宽高无效，以及外边距和内边距都无法控制<span class="token operator">-</span><span class="token operator">-</span><span class="token operator">></span>
<span class="token operator"><</span>!<span class="token operator">-</span><span class="token operator">-</span><span class="token number">2</span><span class="token punctuation">.</span>宽度就是其文字或者图片宽度，无法控制<span class="token operator">-</span><span class="token operator">-</span><span class="token operator">></span>
<span class="token operator"><</span>!<span class="token operator">-</span><span class="token operator">-</span><span class="token number">3</span><span class="token punctuation">.</span>不会进行自动换行，只有本行放满才会放下一行<span class="token operator">-</span><span class="token operator">-</span><span class="token operator">></span>
<span class="token operator"><</span>!<span class="token operator">-</span><span class="token operator">-</span><span class="token number">4</span><span class="token punctuation">.</span>当多个内联标签写在一起时，默认排列方式是从左往右<span class="token operator">-</span><span class="token operator">-</span><span class="token operator">></span>
<span class="token operator"><</span>!<span class="token operator">-</span><span class="token operator">-</span><span class="token number">5</span><span class="token punctuation">.</span>内联元素只能容纳文本或者其他内联元素<span class="token operator">-</span><span class="token operator">-</span><span class="token operator">></span>
<span class="token operator"><</span>span<span class="token operator">></span>我是个文本标签<span class="token operator"><</span><span class="token operator">/</span>span<span class="token operator">></span>
<span class="token operator"><</span><span class="token operator">/</span>body<span class="token operator">></span>
<span class="token operator"><</span><span class="token operator">/</span>html<span class="token operator">></span>
</code></pre>
<h4>第二部分知识点——常用的内联标签：</h4>
<p>总共有四种：</p>
<ol>
<li>图片标签</li>
</ol>
<pre><code class="prism language-html"> <span class="token comment"><!--第一个：图片标签 img + Tab--></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token comment"><!--src是图片的地址，可以直接是网页里的图片地址，
也可以是本地图片的地址（推荐使用相对路径——相对的含义：图片相对于Html文件的位置，参照物是html文件！--></span>
<span class="token comment"><!-- alt是当图片加载失败时显示的内容--></span>
<span class="token comment"><!-- width是图片宽度；height是图片高度。不指定按原图大小显示注意。：如果二者只指定一个，另外一个会等比例缩放 --></span>
<span class="token comment"><!-- img不是块元素(block)，也不算行元素(inline)，它是行级块元素（inline-block） --></span>
</code></pre>
<ol start="2">
<li>粗体/斜体标签</li>
</ol>
<pre><code class="prism language-html"> <span class="token comment"><!--第二个：粗体/斜体标签 b+ Tab i+ Tab --></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>b</span><span class="token punctuation">></span></span>我是粗体<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>b</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>i</span><span class="token punctuation">></span></span>我是斜体<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>i</span><span class="token punctuation">></span></span>
</code></pre>
<ol start="3">
<li>超链接标签</li>
</ol>
<pre><code class="prism language-html"> <span class="token comment"><!--第三个：超链接标签 _self本身网页上打开；_blank打开一个新网页--></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>超链接的一个说明（鼠标放上会显示的文本）<span class="token punctuation">"</span></span> <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>_self<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>我是超链接<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span>
<span class="token comment"><!--href里可以写网址，可以写文件路径--></span>
<span class="token comment"><!-- 如果href="" 那么点击后会刷新当前网页，而且会回到顶部 --></span>
<span class="token comment"><!-- 如果href="#" 那么点击后，会回到顶部，但不会刷新页面 --></span>
<span class="token comment"><!-- 如果href="#锚点" 那么点击后，会跳到指定的锚点处（锚点其实就是一个id值）！ --></span>
</code></pre>
<ol start="4">
<li>文本标签</li>
</ol>
<pre><code class="prism language-html"> <span class="token comment"><!--第四个：文字标签 和css配合使用才有用哦！--></span>
<span class="token comment"><!-- span是一个纯净的行元素；所谓的纯净——没有任何默认样式； --></span>
<span class="token comment"><!-- span最大的优势：设定样式，主要作用于行元素或者文字等 --></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span>我是文本标签<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span>
</code></pre>
<table>
<tbody>
<tr>
<td>知识点补给站第一站点：</td>
</tr>
</tbody>
</table>
<p>如果图片标签里填的是本地图片的地址（相对路径）：<br> 1.如果图片在同级目录下，直接： 当前目录名/图片名<br> 或者： ./当前目录名/图片名<br> 2.如果图片在上级目录下，直接： . ./图片名</p>
<table>
<tbody>
<tr>
<td>知识点补给站第二站点：</td>
</tr>
</tbody>
</table>
<p><a href="http://img.e-com-net.com/image/info8/e681ef8e2fbc41488f6a081556f563a0.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/e681ef8e2fbc41488f6a081556f563a0.png" alt="保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）_第23张图片" width="428" height="156" style="border:1px solid black;"></a><br> 至于为什么要实现行内标签和块状标签的相互转换，小伙伴们在设置css样式时会get到这个点哦。<br> <font color="Blue">比如：块状标签是不能放在一行了，但我们可以通过先转换为行内标签就可以了！！！<br> </font></p>
<p><a href="http://img.e-com-net.com/image/info8/194eb69d535a4856abedef76f089b4d1.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/194eb69d535a4856abedef76f089b4d1.jpg" alt="保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）_第24张图片" width="650" height="1101" style="border:1px solid black;"></a></p>
<h1>In The End！</h1>
<p></p>
<table>
<tbody>
<tr>
<td>从现在做起，坚持下去，一天进步一小点，不久的将来，你会感谢曾经努力的你！</td>
</tr>
</tbody>
</table>
<p> <strong>本博主会持续更新爬虫基础分栏及爬虫实战分栏（为了小伙伴们更好的进行页面解析，也会更新部分前端必备知识点博文！），认真仔细看完本文的小伙伴们，可以点赞收藏并评论出你们的读后感。并可关注本博主，在今后的日子里阅读更多爬虫文！</strong></p>
<pre><code class="prism language-powershell"> 如有错误或者言语不恰当的地方可在评论区指出，谢谢！
如转载此文请联系我说明用以意并标注出处及本博主名，谢谢！
</code></pre>
<p> </p>
<p><span id="jump99"></span></p>
<center>
可通过点击下面——>添加
<strong>私人VX号</strong>
</center>
<p></p>
<center>
<font size="1">【请标明来自CSDN，会拉你进入技术交流群（群内涉及各个领域大佬级人物，任何问题都可讨论~）--->互相学习&&共同进步（非诚勿扰）】</font>
</center>
<p><img src="http://img.e-com-net.com/image/info8/7fcdeb5c04a448b4939ccef3a42be76c.png" alt="请添加图片描述" width="0" height="0"></p>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1447719337757552640"></div>
<script type="text/javascript" src="/views/front/js/chanyan.js"></script>
<!-- 文章页-底部 动态广告位 -->
<div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
</div>
<div class="col-md-3">
<div class="row" id="ad">
<!-- 文章页-右侧1 动态广告位 -->
<div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_1"> </div>
</div>
<!-- 文章页-右侧2 动态广告位 -->
<div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_2"></div>
</div>
<!-- 文章页-右侧3 动态广告位 -->
<div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(前端必备知识讲解（爬虫必备）,爬虫,python,html,万字博文,建议收藏系列)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1883054016498298880.htm"
title="通过Python编程语言实现“机器学习”小项目教程案例" target="_blank">通过Python编程语言实现“机器学习”小项目教程案例</a>
<span class="text-muted">胡萝卜不甜</span>
<a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>1.Python与机器学习概述1.1Python语言特点Python是一种广泛使用的高级编程语言，具有简洁、易读、易学的特点，这使得它成为初学者和专业人士的首选语言之一。简洁性：Python的语法简洁明了，减少了代码量，提高了开发效率。例如，与其他语言相比，Python可以用更少的代码实现相同的功能，这使得代码更容易编写和维护。易读性：Python的代码风格类似于英语，易于理解和阅读。这种易读性使</div>
</li>
<li><a href="/article/1883054017286828032.htm"
title="图神经网络系列论文阅读DAY1：《Predicting Tweet Engagement with Graph Neural Networks》" target="_blank">图神经网络系列论文阅读DAY1：《Predicting Tweet Engagement with Graph Neural Networks》</a>
<span class="text-muted">feifeikon</span>
<a class="tag" taget="_blank" href="/search/%E7%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C/1.htm">神经网络</a><a class="tag" taget="_blank" href="/search/%E8%AE%BA%E6%96%87%E9%98%85%E8%AF%BB/1.htm">论文阅读</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
<div>摘要翻译：社交网络是全球范围内分享内容的重要在线渠道之一。在这种背景下，预测一篇帖子在互动方面是否会产生影响，对于推动这些媒体的盈利利用至关重要。在现有研究中，许多方法通过利用帖子的直接特征来解决这一问题，这些特征通常与文本内容以及发布该帖子的用户相关。在本文中，我们认为互动的增加还与另一个关键因素相关，即社交媒体用户发布的帖子之间的语义关联。因此，我们提出了一种基于图神经网络（GraphNeur</div>
</li>
<li><a href="/article/1883054014002688000.htm"
title="Python知识点：如何使用Panda3D进行3D游戏开发" target="_blank">Python知识点：如何使用Panda3D进行3D游戏开发</a>
<span class="text-muted">杰哥在此</span>
<a class="tag" taget="_blank" href="/search/Python%E7%B3%BB%E5%88%97/1.htm">Python系列</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/3d/1.htm">3d</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a>
<div>使用Panda3D进行3D游戏开发是一个相对复杂但功能强大的过程。Panda3D是一个基于Python和C++的开源引擎，专为3D游戏开发而设计。它支持物理、动画、着色器、碰撞检测等，能够制作高质量的3D游戏。以下是如何使用Panda3D进行3D游戏开发的基本步骤。1.安装Panda3D首先，你需要安装Panda3D。你可以使用以下命令安装：pipinstallpanda3d2.创建一个基本的Pa</div>
</li>
<li><a href="/article/1883050103674040320.htm"
title="HTML&CSS ：如此优雅丝滑的导航栏，你不看看吗？" target="_blank">HTML&CSS ：如此优雅丝滑的导航栏，你不看看吗？</a>
<span class="text-muted">前端Hardy</span>
<a class="tag" taget="_blank" href="/search/CSS/1.htm">CSS</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>这段代码创建了一个动态的导航栏，通过CSS技术实现了按钮的激活和悬停效果，以及动态背景效果，为页面添加了视觉吸引力和用户交互体验。大家复制代码时，可能会因格式转换出现错乱，导致样式失效。建议先少量复制代码进行测试，若未能解决问题，私信我，我会发送完整的压缩包给你演示效果HTML&CSS公众号关注：前端Hardybody{margin:0;padding:0;background-color:#07</div>
</li>
<li><a href="/article/1883047836749197312.htm"
title="pycharm新建python的快捷键_Pycharm超级好用的快捷键——效率之王" target="_blank">pycharm新建python的快捷键_Pycharm超级好用的快捷键——效率之王</a>
<span class="text-muted">weixin_39679468</span>
<div>最重要的快捷键ctrl+shift+A:万能命令行shift两次:查看资源文件新建工程第一步操作module设置把空包分层去掉,compactemptymiddlepackage设置当前的工程是utf-8,设置的Editor-->FileEncodings-->全部改成utf-8,注释ctrl+/:单行注释光标操作ctrl+alt+enter:向上插入shift+enter:向下插入end:光标操</div>
</li>
<li><a href="/article/1883047584092712960.htm"
title="【python】GUI框架——wxPython" target="_blank">【python】GUI框架——wxPython</a>
<span class="text-muted">草莓泰面包</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>文章目录GUIwxPython结构启动界面——wx.App代码遇到报错：wx.Frame()框架wx.Panel()容器布局——wx.SizerBox布局管理器（默认水平布局）控件statictext文本类字体格式Fonttextctrl输入文本类wx.Validator是用于验证用户输入的类，它允许您自定义输入验证规则和错误处理。Button按钮FileDialogMessageDialogEv</div>
</li>
<li><a href="/article/1883047457407954944.htm"
title="Python中的异常处理 -- (转)" target="_blank">Python中的异常处理 -- (转)</a>
<span class="text-muted">weixin_30379531</span>
<div>python中的异常异常是指程序中的例外，违例情况。异常机制是指程序出现错误后，程序的处理方法。当出现错误后，程序的执行流程发生改变，程序的控制权转移到异常处理。Exception类是常用的异常类，该类包括StandardError，StopIteration,GeneratorExit,Warning等异常类。StandardError类是python中的错误异常，如果程序上出现逻辑错误，将引发</div>
</li>
<li><a href="/article/1883045945407500288.htm"
title="Linux上安装类似xshell的终端管理工具" target="_blank">Linux上安装类似xshell的终端管理工具</a>
<span class="text-muted">爱学习的狮王</span>
<a class="tag" taget="_blank" href="/search/Linux%2FShell/1.htm">Linux/Shell</a><a class="tag" taget="_blank" href="/search/Finalshell/1.htm">Finalshell</a>
<div>Windows版下载地址:http://www.hostbuf.com/downloads/finalshell_install.exeMac版,Linux版安装及教程:http://www.hostbuf.com/t/1059.html一键安装脚本rm-ffinalshell_install_linux.shwgetwww.hostbuf.com/downloads/finalshell_ins</div>
</li>
<li><a href="/article/1883045819196698624.htm"
title="如何获取股票行情数据接口？有哪些可靠的途径与方法？" target="_blank">如何获取股票行情数据接口？有哪些可靠的途径与方法？</a>
<span class="text-muted">财云量化</span>
<a class="tag" taget="_blank" href="/search/python%E7%82%92%E8%82%A1%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">python炒股自动化</a><a class="tag" taget="_blank" href="/search/%E9%87%8F%E5%8C%96%E4%BA%A4%E6%98%93/1.htm">量化交易</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%8C%96%E4%BA%A4%E6%98%93/1.htm">程序化交易</a><a class="tag" taget="_blank" href="/search/%E8%82%A1%E7%A5%A8%E8%A1%8C%E6%83%85/1.htm">股票行情</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%8E%A5%E5%8F%A3/1.htm">数据接口</a><a class="tag" taget="_blank" href="/search/%E5%8F%AF%E9%9D%A0%E9%80%94%E5%BE%84/1.htm">可靠途径</a><a class="tag" taget="_blank" href="/search/%E5%AE%98%E6%96%B9%E6%B8%A0%E9%81%93/1.htm">官方渠道</a><a class="tag" taget="_blank" href="/search/%E8%82%A1%E7%A5%A8%E9%87%8F%E5%8C%96%E6%8E%A5%E5%8F%A3/1.htm">股票量化接口</a><a class="tag" taget="_blank" href="/search/%E8%82%A1%E7%A5%A8API%E6%8E%A5%E5%8F%A3/1.htm">股票API接口</a>
<div>炒股自动化：申请官方API接口，散户也可以python炒股自动化（0），申请券商API接口python炒股自动化（1），量化交易接口区别Python炒股自动化（2）：获取股票实时数据和历史数据Python炒股自动化（3）：分析取回的实时数据和历史数据Python炒股自动化（4）：通过接口向交易所发送订单Python炒股自动化（5）：通过接口查询订单，查询账户资产股票量化，Python炒股，CSDN</div>
</li>
<li><a href="/article/1883043800713064448.htm"
title="「Py」基础语法篇 之 Python缩进规则" target="_blank">「Py」基础语法篇 之 Python缩进规则</a>
<span class="text-muted">何曾参静谧</span>
<a class="tag" taget="_blank" href="/search/%E3%80%8CPy%E3%80%8DPython%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1/1.htm">「Py」Python程序设计</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
<div>✨博客主页何曾参静谧的博客（✅关注、点赞、⭐收藏、转发）全部专栏（专栏会有变化，以最新发布为准）「Win」Windows程序设计「IDE」集成开发环境「UG/NX」BlockUI集合「C/C++」C/C++程序设计「DSA」数据结构与算法「UG/NX」NX二次开发「QT」QT5程序设计「File」数据文件格式「UG/NX」NX定制开发「Py」Python程序设计「Math」探秘数学世界「PK」Pa</div>
</li>
<li><a href="/article/1883041404385554432.htm"
title="Swift 周报 第二十八期" target="_blank">Swift 周报 第二十八期</a>
<span class="text-muted">Swift社区</span>
<a class="tag" taget="_blank" href="/search/Apple%E5%91%A8%E5%88%8A/1.htm">Apple周刊</a><a class="tag" taget="_blank" href="/search/swift/1.htm">swift</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a>
<div>文章目录前言新闻和社区外媒：iPhone的平均售价直逼1000美元创历史新高分析师：iPhone需求良好，苹果股价还能涨22%准备好迎接即将在5月9日推出的增强全球定价机制提案通过的提案正在审查的提案Swift论坛推荐博文话题讨论关于我们前言本期是Swift编辑组自主整理周报的第十九期，每个模块已初步成型。各位读者如果有好的提议，欢迎在文末留言。欢迎投稿或推荐内容。目前计划每两周周一发布，欢迎志同</div>
</li>
<li><a href="/article/1883039009773514752.htm"
title="参加【2025年春季】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！" target="_blank">参加【2025年春季】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！</a>
<span class="text-muted">白帽子凯哥</span>
<a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/CTF%E5%A4%BA%E6%97%97%E8%B5%9B/1.htm">CTF夺旗赛</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a>
<div>基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、SQL注入（7-8天）2、文件上传（7-8天）3、其他漏洞（14-15</div>
</li>
<li><a href="/article/1883039010843062272.htm"
title="参加【2025年春季】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！" target="_blank">参加【2025年春季】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！</a>
<span class="text-muted">白帽子凯哥</span>
<a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/CTF%E5%A4%BA%E6%97%97%E8%B5%9B/1.htm">CTF夺旗赛</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a>
<div>基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、SQL注入（7-8天）2、文件上传（7-8天）3、其他漏洞（14-15</div>
</li>
<li><a href="/article/1883034719776468992.htm"
title="python json 用法" target="_blank">python json 用法</a>
<span class="text-muted">云连山</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a>
<div>JSON简介JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式。它基于JavaScript的一个子集，易于人阅读和编写，同时也易于机器解析和生成。在Python中，使用json模块来处理JSON数据。JSON支持的数据类型主要有对象（在Python中类似于字典）、数组（在Python中类似于列表）、字符串、数字、布尔值和null。将Python对象转换为JSON</div>
</li>
<li><a href="/article/1883033712048795648.htm"
title="禁止使用Date类的替代办法" target="_blank">禁止使用Date类的替代办法</a>
<span class="text-muted">Y_FQY</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>为什么现在连Date类都不建议使用了？一、有什么问题吗java.util.Date？java.util.Date（Date从现在开始）是一个糟糕的类型，这解释了为什么它的大部分内容在Java1.1中被弃用（但不幸的是仍在使用）。设计缺陷包括：它的名称具有误导性：它并不代表一个日期，而是代表时间的一个瞬间。所以它应该被称为Instant——正如它的java.time等价物一样。它是非最终的：这鼓励了</div>
</li>
<li><a href="/article/1883033459799158784.htm"
title="基于Python的开源量化交易框架：构建你的量化投资策略" target="_blank">基于Python的开源量化交易框架：构建你的量化投资策略</a>
<span class="text-muted">ShAutoit</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>量化投资是一种利用数学和统计模型来进行投资决策的方法，它将大量的金融数据与算法相结合，以识别交易机会并执行交易。Python作为一种功能强大且易于使用的编程语言，为开发和实施量化交易策略提供了很好的支持。本文将介绍基于Python的开源量化交易框架，帮助你构建自己的量化投资策略。数据获取和处理在量化投资中，数据是至关重要的。你需要获取和处理市场数据，包括股票价格、指数数据、财务数据等。在Pytho</div>
</li>
<li><a href="/article/1883032326699544576.htm"
title="关于Jedis和lettuce以及springDataRedis的一些区别" target="_blank">关于Jedis和lettuce以及springDataRedis的一些区别</a>
<span class="text-muted">追光的人（陈聪）</span>
<a class="tag" taget="_blank" href="/search/%E7%AC%AC%E4%B8%89%E9%98%B6%E6%AE%B5/1.htm">第三阶段</a><a class="tag" taget="_blank" href="/search/redis%E7%9B%B8%E5%85%B3/1.htm">redis相关</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/jedis/1.htm">jedis</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>1：三者其实都是用来操作redis的2：springDataRedis是对Jedis和lettuce的一系列封装，简化了很多方法3：公司里面之所以不怎么用Jedis也是因为其指令比较繁琐难以记忆，不如就用简化了的springDataRedis4:使用springDataRedis时，首先要导入springDataRedis的依赖，然后导入Jedis或者lettuce，如果是Jedis，需要再导入s</div>
</li>
<li><a href="/article/1883030434649010176.htm"
title="python爬取自如网房源信息" target="_blank">python爬取自如网房源信息</a>
<span class="text-muted">2401_87368790</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>本次爬取自如网房源信息所用到的知识点:requestsget请求lxml解析htmlXpathMongoDB存储正文分析目标站点url:http://hz.ziroom.com/z/nl/z3.html?p=2的p参数控制分页get请求获取单页源码--coding:utf-8--importrequestsimporttimefromrequests.exceptionsimportRequest</div>
</li>
<li><a href="/article/1883030435127160832.htm"
title="python的小技巧一" target="_blank">python的小技巧一</a>
<span class="text-muted">2401_87368790</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>print(res)####一个数值的范围比较*常规的写法deftest_judge5(self):“”"判断一个值得的范围大小@return:“”"num=int(input(“请输入一个数字：”))ifnum>=0andnum>在判断字典的某一个key是否为空，可以用try…exception来实现>>>deftest_judge3(self):dict_data={“user_base”:{</div>
</li>
<li><a href="/article/1883030182592311296.htm"
title="Python演奏《起风了》" target="_blank">Python演奏《起风了》</a>
<span class="text-muted">2401_86461228</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
<div>代码：importctypesimportthreadingimporttimewinmm=ctypes.windll.winmmclassScale:Rest=0C8=108B7=107A7s=106A7=105G7s=104G7=103F7s=102F7=101E7=100D7s=99D7=98C7s=97C7=96B6=95A6s=94A6=93G6s=92G6=91F6s=90F6=89E</div>
</li>
<li><a href="/article/1883026276147589120.htm"
title="【Python】自动化神器PyAutoGUI —告别手动操作，一键模拟鼠标键盘，玩转微信及各种软件自动化" target="_blank">【Python】自动化神器PyAutoGUI —告别手动操作，一键模拟鼠标键盘，玩转微信及各种软件自动化</a>
<span class="text-muted">墩墩分墩</span>
<a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96%E8%84%9A%E6%9C%AC/1.htm">自动化脚本</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95/1.htm">自动化测试</a><a class="tag" taget="_blank" href="/search/pyautogui/1.htm">pyautogui</a>
<div>文章目录1.PyAutoGUI简介2.不同操作系统引入模块3.全局延迟和临时休眠4,自动防故障功能5.获取屏幕分辨率—用于定位，这是最关键的，找到要点击的位置（像素坐标）6.获取鼠标位置7.判断坐标是否在屏幕范围内：8.鼠标移动8.1.鼠标移动的基本操作8.2.鼠标移动效果-缓动/渐变（Tween/Easing）9.鼠标点击10.鼠标滚轮控制11.鼠标拖拽12.键盘控制13.消息弹窗函数14.屏幕</div>
</li>
<li><a href="/article/1883025141579968512.htm"
title="pygame下载" target="_blank">pygame下载</a>
<span class="text-muted">2401_86461228</span>
<a class="tag" taget="_blank" href="/search/pygame/1.htm">pygame</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>pygame下载先进入pygame官网下载与你python对应的版本，然后解压：https://www.pygame.org/download.shtml然后打开cmd命令输入pipinstallpygame等待执行结束，然后打开python输入代码importpygame再运行，入出现以下情况说明安装成功注：我的python是32位的</div>
</li>
<li><a href="/article/1883020731848126464.htm"
title="Python3【字符串】：文本操作的瑞士军刀" target="_blank">Python3【字符串】：文本操作的瑞士军刀</a>
<span class="text-muted">李智 - 重庆</span>
<a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E7%B2%BE%E8%AE%B2%E7%B2%BE%E7%BB%83/1.htm">精讲精练</a><a class="tag" taget="_blank" href="/search/-/1.htm">-</a><a class="tag" taget="_blank" href="/search/%E4%BB%8E%E5%85%A5%E9%97%A8%E5%88%B0%E5%AE%9E%E6%88%98/1.htm">从入门到实战</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E5%AE%9E%E6%88%98/1.htm">编程实战</a><a class="tag" taget="_blank" href="/search/%E8%B6%A3%E5%91%B3%E7%BC%96%E7%A8%8B/1.htm">趣味编程</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E6%8A%80%E5%B7%A7/1.htm">编程技巧</a>
<div>Python3【字符串】：文本操作的瑞士军刀内容简介本系列文章是为Python3学习者精心设计的一套全面、实用的学习指南，旨在帮助读者从基础入门到项目实战，全面提升编程能力。文章结构由5个版块组成，内容层层递进，逻辑清晰。基础速通：n个浓缩提炼的核心知识点，夯实编程基础；经典范例：10个贴近实际的应用场景，深入理解Python3的编程技巧和应用方法；避坑宝典：10个典型错误解析，提供解决方案，帮助</div>
</li>
<li><a href="/article/1883020353844867072.htm"
title="使用Python实现并行计算算法：效率提升的利器" target="_blank">使用Python实现并行计算算法：效率提升的利器</a>
<span class="text-muted">Echo_Wish</span>
<a class="tag" taget="_blank" href="/search/Python%E8%BF%9B%E9%98%B6/1.htm">Python进阶</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>在处理大规模数据和计算密集型任务时，单线程的处理方式往往显得力不从心。并行计算作为一种提升计算效率的重要手段，能够充分利用多核处理器的优势，加速任务的完成。Python作为一种灵活且功能强大的编程语言，提供了丰富的并行计算工具。本文将详细介绍如何使用Python实现并行计算算法，并通过具体代码示例展示其实现过程。项目概述本项目旨在通过Python实现一个并行计算算法，展示如何利用Python的多线</div>
</li>
<li><a href="/article/1883018212879167488.htm"
title="华为OD机试2024年E卷-分苹果[100分]（ Java | Python3 | C++ | C语言 | JsNode | Go ）实现100%通过率" target="_blank">华为OD机试2024年E卷-分苹果[100分]（ Java | Python3 | C++ | C语言 | JsNode | Go ）实现100%通过率</a>
<span class="text-muted">梅花C</span>
<a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BAOD%E9%A2%98%E5%BA%93/1.htm">华为OD题库</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BAod/1.htm">华为od</a>
<div>题目描述A、B两个人把苹果分为两堆，A希望按照他的计算规则等分苹果Q，他的计算规则是按照二进制加法计算，并且不计算进位12+5=9(1100+0101=9)，B的计算规则是十进制加法，包括正常进位，B希望在满足A的情况下获取苹果重量最多。输入苹果的数量和每个苹果重量，输出满足A的情况下B获取的苹果总重量。如果无法满足A的要求，输出-1。数据范围1<=总苹果数量<=200001<=每个苹果重量<=1</div>
</li>
<li><a href="/article/1883018086068580352.htm"
title="python做并行计算_python做并行计算可以吗" target="_blank">python做并行计算_python做并行计算可以吗</a>
<span class="text-muted">角动量不守恒</span>
<a class="tag" taget="_blank" href="/search/python%E5%81%9A%E5%B9%B6%E8%A1%8C%E8%AE%A1%E7%AE%97/1.htm">python做并行计算</a>
<div>python可以做并行计算，下面是相关介绍：一、概览ParallelPython是一个python模块，提供在SMP(具有多个处理器或多核的系统)和集群(通过网络连接的计算机)上并行执行python代码的机制。它轻巧，易于安装和与其他python软件集成。ParallelPython是一个用纯Python编写的开源和跨平台模块。二、特性在SMP和集群上并行执行python代码易于理解和实现基于Jo</div>
</li>
<li><a href="/article/1883017329198034944.htm"
title="7. 马科维茨资产组合模型+金融研报AI长文本智能体(Qwen-Long)增强方案（理论+Python实战）" target="_blank">7. 马科维茨资产组合模型+金融研报AI长文本智能体(Qwen-Long)增强方案（理论+Python实战）</a>
<span class="text-muted">AI量金术师</span>
<a class="tag" taget="_blank" href="/search/%E9%87%91%E8%9E%8D%E8%B5%84%E4%BA%A7%E7%BB%84%E5%90%88%E6%A8%A1%E5%9E%8B%E8%BF%9B%E5%8C%96%E8%AE%BA/1.htm">金融资产组合模型进化论</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E9%87%91%E8%9E%8D/1.htm">金融</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E6%80%A7%E5%9B%9E%E5%BD%92/1.htm">线性回归</a>
<div>目录0.承前1.深度金融研报准备2.核心AI函数代码讲解2.1函数概述2.2输入参数2.3主要流程2.4异常处理2.5清理工作2.7get_ai_weights函数汇总3.汇总代码4.反思4.1不足之处4.2提升思路5.启后0.承前本篇博文是对前两篇文章，链接:5.马科维茨资产组合模型+政策意图AI金融智能体(Qwen-Max)增强方案（理论+Python实战）6.马科维茨资产组合模型+政策意图A</div>
</li>
<li><a href="/article/1883017202764935168.htm"
title="python字符串写入excel-python 将数据写入excel" target="_blank">python字符串写入excel-python 将数据写入excel</a>
<span class="text-muted">weixin_37988176</span>
<div>摘要链接：python第三方库——xlrd和xlwt操作Excel文件学习：http://blog.csdn.net/wangkai_123456/article/details/50457284python操作Excel读写(使用xlrd和xlrt)：http://blog.csdn.net/mr__fang/article/details/7089581Python中一般使用xlrd（exce</div>
</li>
<li><a href="/article/1883016573136990208.htm"
title="idea连接mysql" target="_blank">idea连接mysql</a>
<span class="text-muted">weixin_33758863</span>
<a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/1.htm">开发工具</a>
<div>https://blog.csdn.net/Golden_soft/article/details/80952243转载于:https://www.cnblogs.com/jitipaper/p/10784406.html</div>
</li>
<li><a href="/article/1883016446909411328.htm"
title="python并行计算" target="_blank">python并行计算</a>
<span class="text-muted">weixin_30894389</span>
<div>0.基础并行/发：multiprocessing/threading1.concurrent2.并发：asynico3.Ipython下的并行计算：使用ipyparallel库的IPython提供了前所未有的能力，将科学Python的探索能力与几乎即时访问多个计算核心相结合。系统可以直观地与本地或网络的计算节点集群进行交互，而不管集群的实现方式如何。这种易于交互使用帮助IPython和Python</div>
</li>
<li><a href="/article/121.htm"
title="jquery实现的jsonp掉java后台" target="_blank">jquery实现的jsonp掉java后台</a>
<span class="text-muted">知了ing</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jsonp/1.htm">jsonp</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a>
<div> 什么是JSONP？
先说说JSONP是怎么产生的：
其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下这个问题，看看是否有帮助。
1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准；
2、</div>
</li>
<li><a href="/article/248.htm"
title="Struts2学习笔记" target="_blank">Struts2学习笔记</a>
<span class="text-muted">caoyong</span>
<a class="tag" taget="_blank" href="/search/struts2/1.htm">struts2</a>
<div>SSH : Spring + Struts2 + Hibernate
三层架构(表示层,业务逻辑层,数据访问层) MVC模式 (Model View Controller)
分层原则:单向依赖，接口耦合
1、Struts2 = Struts + Webwork
2、搭建struts2开发环境
a>、到www.apac</div>
</li>
<li><a href="/article/375.htm"
title="SpringMVC学习之后台往前台传值方法" target="_blank">SpringMVC学习之后台往前台传值方法</a>
<span class="text-muted">满城风雨近重阳</span>
<a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a>
<div>springMVC控制器往前台传值的方法有以下几种：
1.ModelAndView
通过往ModelAndView中存放viewName：目标地址和attribute参数来实现传参：
ModelAndView mv=new ModelAndView();
mv.setViewName="success</div>
</li>
<li><a href="/article/502.htm"
title="WebService存在的必要性？" target="_blank">WebService存在的必要性？</a>
<span class="text-muted">一炮送你回车库</span>
<a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a>
<div>做Java的经常在选择Webservice框架上徘徊很久，Axis Xfire Axis2 CXF ，他们只有一个功能，发布HTTP服务然后用XML做数据传输。
是的，他们就做了两个功能，发布一个http服务让客户端或者浏览器连接，接收xml参数并发送xml结果。
当在不同的平台间传输数据时，就需要一个都能解析的数据格式。
但是为什么要使用xml呢？不能使json或者其他通用数据</div>
</li>
<li><a href="/article/629.htm"
title="js年份下拉框" target="_blank">js年份下拉框</a>
<span class="text-muted">3213213333332132</span>
<a class="tag" taget="_blank" href="/search/java+web+ee/1.htm">java web ee</a>
<div>
<div id="divValue">test...</div>测试
//年份
<select id="year"></select>
<script type="text/javascript">
window.onload = </div>
</li>
<li><a href="/article/756.htm"
title="简单链式调用的实现技术" target="_blank">简单链式调用的实现技术</a>
<span class="text-muted">归来朝歌</span>
<a class="tag" taget="_blank" href="/search/%E6%96%B9%E6%B3%95%E8%B0%83%E7%94%A8/1.htm">方法调用</a><a class="tag" taget="_blank" href="/search/%E9%93%BE%E5%BC%8F%E5%8F%8D%E5%BA%94/1.htm">链式反应</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E6%80%9D%E6%83%B3/1.htm">编程思想</a>
<div>在编程中，我们可以经常遇到这样一种场景：一个实例不断调用它自身的方法，像一条链条一样进行调用
这样的调用你可能在Ajax中，在页面中添加标签：
$("<p>").append($("<span>").text(list[i].name)).appendTo("#result");
也可能在HQ</div>
</li>
<li><a href="/article/883.htm"
title="JAVA调用.net 发布的webservice 接口" target="_blank">JAVA调用.net 发布的webservice 接口</a>
<span class="text-muted">darkranger</span>
<a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a>
<div> /**
* @Title: callInvoke
* @Description: TODO(调用接口公共方法)
* @param @param url 地址
* @param @param method 方法
* @param @param pama 参数
* @param @return
* @param @throws BusinessException </div>
</li>
<li><a href="/article/1010.htm"
title="Javascript模糊查找 | 第一章 循环不能不重视。" target="_blank">Javascript模糊查找 | 第一章 循环不能不重视。</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/Way/1.htm">Way</a>
<div> 最近受我的朋友委托用js+HTML做一个像手册一样的程序，里面要有可展开的大纲，模糊查找等功能。我这个人说实在的懒，本来是不愿意的，但想起了父亲以前教我要给朋友搞好关系，再加上这也可以巩固自己的js技术，于是就开始开发这个程序，没想到却出了点小问题，我做的查找只能绝对查找。具体的js代码如下：
function search(){
var arr=new Array("my</div>
</li>
<li><a href="/article/1137.htm"
title="狼和羊，该怎么抉择" target="_blank">狼和羊，该怎么抉择</a>
<span class="text-muted">atongyeye</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a>
<div>狼和羊，该怎么抉择
在做一个链家的小项目，只有我和另外一个同事两个人负责，各负责一部分接口，我的接口写完，并全部测联调试通过。所以工作就剩下一下细枝末节的，工作就轻松很多。每天会帮另一个同事测试一些功能点，协助他完成一些业务型不强的工作。
今天早上到公司没多久，领导就在QQ上给我发信息，让我多协助同事测试，让我积极主动些，有点责任心等等，我听了这话，心里面立马凉半截，首先一个领导轻易说</div>
</li>
<li><a href="/article/1264.htm"
title="读取android系统的联系人拨号" target="_blank">读取android系统的联系人拨号</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/sqlite%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">sqlite数据库</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E5%AE%B9%E6%8F%90%E4%BE%9B%E8%80%85/1.htm">内容提供者</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E6%9C%8D%E5%8A%A1%E7%9A%84%E4%BD%BF%E7%94%A8/1.htm">系统服务的使用</a>
<div>
联系人的姓名和号码是保存在不同的表中,不要一下子把号码查询来,我开始就是把姓名和电话同时查询出来的,导致系统非常的慢
关键代码:
1, 使用javabean操作存储读取到的数据
package com.example.bean;
/**
*
* @author Admini</div>
</li>
<li><a href="/article/1391.htm"
title="ORACLE自定义异常" target="_blank">ORACLE自定义异常</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%AE%9A%E4%B9%89%E5%BC%82%E5%B8%B8/1.htm">自定义异常</a>
<div>实例：
CREATE OR REPLACE PROCEDURE test_Exception
(
ParameterA IN varchar2,
ParameterB IN varchar2,
ErrorCode OUT varchar2 --返回值,错误编码
)
AS
/*以下是一些变量的定义*/
V1 NUMBER;
V2 nvarc</div>
</li>
<li><a href="/article/1518.htm"
title="查看端号使用情况" target="_blank">查看端号使用情况</a>
<span class="text-muted">征客丶</span>
<a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a>
<div>一、查看端口
在windows命令行窗口下执行：
>netstat -aon|findstr "8080"
显示结果：
TCP 127.0.0.1:80 0.0.0.0:0 &</div>
</li>
<li><a href="/article/1645.htm"
title="【Spark二十】运行Spark Streaming的NetworkWordCount实例" target="_blank">【Spark二十】运行Spark Streaming的NetworkWordCount实例</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/wordcount/1.htm">wordcount</a>
<div>Spark Streaming简介
NetworkWordCount代码
/*
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements. See the NOTICE file distributed with
</div>
</li>
<li><a href="/article/1772.htm"
title="Struts2 与 SpringMVC的比较" target="_blank">Struts2 与 SpringMVC的比较</a>
<span class="text-muted">BlueSkator</span>
<a class="tag" taget="_blank" href="/search/struts2/1.htm">struts2</a><a class="tag" taget="_blank" href="/search/spring+mvc/1.htm">spring mvc</a>
<div>1. 机制：spring mvc的入口是servlet，而struts2是filter，这样就导致了二者的机制不同。 2. 性能：spring会稍微比struts快。spring mvc是基于方法的设计，而sturts是基于类，每次发一次请求都会实例一个action，每个action都会被注入属性，而spring基于方法，粒度更细，但要小心把握像在servlet控制数据一样。spring</div>
</li>
<li><a href="/article/1899.htm"
title="Hibernate在更新时，是可以不用session的update方法的(转帖）" target="_blank">Hibernate在更新时，是可以不用session的update方法的(转帖）</a>
<span class="text-muted">BreakingBad</span>
<a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/update/1.htm">update</a>
<div>地址：http://blog.csdn.net/plpblue/article/details/9304459
public void synDevNameWithItil()
{Session session = null;Transaction tr = null;try{session = HibernateUtil.getSession();tr = session.beginTran</div>
</li>
<li><a href="/article/2026.htm"
title="读《研磨设计模式》-代码笔记-观察者模式" target="_blank">读《研磨设计模式》-代码笔记-观察者模式</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
<div>声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.util.ArrayList;
import java.util.List;
import java.util.Observable;
import java.util.Observer;
/**
* “观</div>
</li>
<li><a href="/article/2153.htm"
title="重置MySQL密码" target="_blank">重置MySQL密码</a>
<span class="text-muted">chenhbc</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E9%87%8D%E7%BD%AE%E5%AF%86%E7%A0%81/1.htm">重置密码</a><a class="tag" taget="_blank" href="/search/%E5%BF%98%E8%AE%B0%E5%AF%86%E7%A0%81/1.htm">忘记密码</a>
<div>如果你也像我这么健忘，把MySQL的密码搞忘记了，经过下面几个步骤就可以重置了（以Windows为例，Linux/Unix类似）：
1、关闭MySQL服务
2、打开CMD，进入MySQL安装目录的bin目录下，以跳过权限检查的方式启动MySQL
mysqld --skip-grant-tables
3、新开一个CMD窗口，进入MySQL
mysql -uroot
</div>
</li>
<li><a href="/article/2280.htm"
title="再谈系统论，控制论和信息论" target="_blank">再谈系统论，控制论和信息论</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E7%89%A9/1.htm">生物</a><a class="tag" taget="_blank" href="/search/%E8%83%BD%E6%BA%90/1.htm">能源</a><a class="tag" taget="_blank" href="/search/%E4%BC%81%E4%B8%9A%E5%BA%94%E7%94%A8/1.htm">企业应用</a><a class="tag" taget="_blank" href="/search/%E9%A2%86%E5%9F%9F%E6%A8%A1%E5%9E%8B/1.htm">领域模型</a>
<div>
再谈系统论，控制论和信息论
偶然看</div>
</li>
<li><a href="/article/2407.htm"
title="oracle moving window size与 AWR retention period关系" target="_blank">oracle moving window size与 AWR retention period关系</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a>
<div>转自： http://tomszrp.itpub.net/post/11835/494147
晚上在做11gR1的一个awrrpt报告时,顺便想调整一下AWR snapshot的保留时间,结果遇到了ORA-13541这样的错误.下面是这个问题的发生和解决过程.
SQL> select * from v$version;
BANNER
-------------------</div>
</li>
<li><a href="/article/2534.htm"
title="Python版B树" target="_blank">Python版B树</a>
<span class="text-muted">dieslrae</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>话说以前的树都用java写的,最近发现python有点生疏了,于是用python写了个B树实现,B树在索引领域用得还是蛮多了,如果没记错mysql的默认索引好像就是B树...
首先是数据实体对象,很简单,只存放key,value
class Entity(object):
'''数据实体'''
def __init__(self,key,value)</div>
</li>
<li><a href="/article/2661.htm"
title="C语言冒泡排序" target="_blank">C语言冒泡排序</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a>
<div>代码示例：
# include <stdio.h>
//冒泡排序
void sort(int * a, int len)
{
int i, j, t;
for (i=0; i<len-1; i++)
{
for (j=0; j<len-1-i; j++)
{
if (a[j] > a[j+1]) // >表示升序 </div>
</li>
<li><a href="/article/2788.htm"
title="自定义导航栏样式" target="_blank">自定义导航栏样式</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%AE%9A%E4%B9%89/1.htm">自定义</a>
<div>-(void)setupAppAppearance
{
[[UILabel appearance] setFont:[UIFont fontWithName:@"FZLTHK—GBK1-0" size:20]];
[UIButton appearance].titleLabel.font =[UIFont fontWithName:@"FZLTH</div>
</li>
<li><a href="/article/2915.htm"
title="11.性能优化-优化-JVM参数总结" target="_blank">11.性能优化-优化-JVM参数总结</a>
<span class="text-muted">frank1234</span>
<a class="tag" taget="_blank" href="/search/jvm%E5%8F%82%E6%95%B0/1.htm">jvm参数</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a>
<div>1.堆
-Xms --初始堆大小
-Xmx --最大堆大小
-Xmn --新生代大小
-Xss --线程栈大小
-XX:PermSize --永久代初始大小
-XX:MaxPermSize --永久代最大值
-XX:SurvivorRatio --新生代和suvivor比例,默认为8
-XX:TargetSurvivorRatio --survivor可使用</div>
</li>
<li><a href="/article/3042.htm"
title="nginx日志分割 for linux" target="_blank">nginx日志分割 for linux</a>
<span class="text-muted">HarborChung</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%84%9A%E6%9C%AC/1.htm">脚本</a>
<div>nginx日志分割 for linux 默认情况下，nginx是不分割访问日志的，久而久之，网站的日志文件将会越来越大，占用空间不说，如果有问题要查看网站的日志的话，庞大的文件也将很难打开，于是便有了下面的脚本 使用方法，先将以下脚本保存为 cutlog.sh，放在/root 目录下，然后给予此脚本执行的权限
复制代码代码如下:
chmo</div>
</li>
<li><a href="/article/3169.htm"
title="Spring4新特性——泛型限定式依赖注入" target="_blank">Spring4新特性——泛型限定式依赖注入</a>
<span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/spring4/1.htm">spring4</a><a class="tag" taget="_blank" href="/search/%E6%B3%9B%E5%9E%8B%E5%BC%8F%E4%BE%9D%E8%B5%96%E6%B3%A8%E5%85%A5/1.htm">泛型式依赖注入</a>
<div>Spring4新特性——泛型限定式依赖注入
Spring4新特性——核心容器的其他改进
Spring4新特性——Web开发的增强
Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC
Spring4新特性——Groovy Bean定义DSL
Spring4新特性——更好的Java泛型操作API
Spring4新</div>
</li>
<li><a href="/article/3296.htm"
title="centOS安装GCC和G++" target="_blank">centOS安装GCC和G++</a>
<span class="text-muted">liuxihope</span>
<a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a><a class="tag" taget="_blank" href="/search/gcc/1.htm">gcc</a>
<div>Centos支持yum安装，安装软件一般格式为yum install .......，注意安装时要先成为root用户。
按照这个思路，我想安装过程如下：
安装gcc：yum install gcc
安装g++： yum install g++
实际操作过程发现，只能有gcc安装成功，而g++安装失败，提示g++ command not found。上网查了一下，正确安装应该</div>
</li>
<li><a href="/article/3423.htm"
title="第13章 Ajax进阶（上）" target="_blank">第13章 Ajax进阶（上）</a>
<span class="text-muted">onestopweb</span>
<a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a>
<div>index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/</div>
</li>
<li><a href="/article/3550.htm"
title="How to determine BusinessObjects service pack and fix pack" target="_blank">How to determine BusinessObjects service pack and fix pack</a>
<span class="text-muted">blueoxygen</span>
<a class="tag" taget="_blank" href="/search/BO/1.htm">BO</a>
<div>http://bukhantsov.org/2011/08/how-to-determine-businessobjects-service-pack-and-fix-pack/
The table below is helpful. Reference
BOE XI 3.x
12.0.0.
y BOE XI 3.0 12.0.
x.
y BO</div>
</li>
<li><a href="/article/3677.htm"
title="Oracle里的自增字段设置" target="_blank">Oracle里的自增字段设置</a>
<span class="text-muted">tomcat_oracle</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a>
<div> 大家都知道吧，这很坑，尤其是用惯了mysql里的自增字段设置，结果oracle里面没有的。oh，no 我用的是12c版本的，它有一个新特性，可以这样设置自增序列，在创建表是，把id设置为自增序列
create table t
(
id number generated by default as identity (start with 1 increment b</div>
</li>
<li><a href="/article/3804.htm"
title="Spring Security（01）——初体验" target="_blank">Spring Security（01）——初体验</a>
<span class="text-muted">yang_winnie</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Security/1.htm">Security</a>
<div>Spring Security（01）——初体验
博客分类： spring Security
Spring Security入门安全认证
首先我们为Spring Security专门建立一个Spring的配置文件，该文件就专门用来作为Spring Security的配置</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="container">
<div class="indexes">
<strong>按字母分类：</strong>
<a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
</div>
</div>
</div>
<footer id="footer" class="mb30 mt30">
<div class="container">
<div class="footBglm">
<a target="_blank" href="/">首页</a> -
<a target="_blank" href="/custom/about.htm">关于我们</a> -
<a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
<a target="_blank" href="/sitemap.txt">Sitemap</a> -
<a target="_blank" href="/custom/delete.htm">侵权投诉</a>
</div>
<div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
</div>
</div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>
</body>
</html>