python学习笔记-Day13--|python学习笔记-Day13-- 前端知识 html

2021-12-13

什么是 html

html --Hyper Text Mark-up Language是一种标记语言, 它有自己的语法规则,可以用来表现比更笨更丰富的内容,比如,图片,表格,链接等.

html文件的样子
下面是一个最基本的html文件

< 标题 - 锐客网内容

html文件有两种模式, 使用doctype来定义

BackCompat：标准兼容模式未开启（或叫怪异模式[Quirks mode]、混杂模式）
CSS1Compat：标准兼容模式已开启（或叫严格模式[Standards mode/Strict mode]）

也叫doctype ,这个属性会被浏览器识别并使用,当html文件没有doctype的时候,那么浏览器默认会使用BackCompat模式, 此时浏览器会按照自己的模式来渲染文件,不同的浏览器会有不同的渲染效果, 当存在的时候,浏览器就是使用标准模式来渲染文件,此时不同浏览器的渲染效果是一样的.

多种doctype 对比:

python学习笔记-Day13--|python学习笔记-Day13-- 前端知识 html

文章图片

和

限定了文档的开始点和结束点，在它们之间是文档的头部和主体,可以告诉浏览器这是一个html文件

和标签用于定义文档的头部，它是所有头部元素的容器,文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。下列标签可用于head部分
, , ,用于定义客户端脚本，比如 JavaScript; 既可以包含脚本语句，也可以通过 src 属性指向外部脚本文件。
注意:假如此元素内部的代码没有位于某个函数中，那么这些代码会在页面被加载时被立即执行。标签之后的脚本会被忽略。
必须的属性

属性	值	描述
type	MIME-type	指示脚本的 MIME 类型。

可选的属性

属性	值	描述
async	async	规定异步执行脚本（仅适用于外部脚本）。
charset	charset	规定在外部脚本文件中使用的字符编码。
defer	defer	规定是否对脚本执行进行延迟，直到页面加载为止。
language	script	不赞成使用。规定脚本语言。请使用 type 属性代替它。
src	URL	规定外部脚本文件的 URL。
xml:space	preserve	规定是否保留代码中的空白。

和用于定义html文件的主体,包含文件的所有内容.
属性:(全部为可选属性)

属性	值	描述
alink	rgb(x,x,x) #xxxxxx colorname	不赞成使用。请使用样式取代它。规定文档中活动链接（active link）的的颜色。
background	URL	不赞成使用。请使用样式取代它。规定文档的背景图像。
bgcolor	rgb(x,x,x) #xxxxxx colorname	不赞成使用。请使用样式取代它。规定文档的背景颜色。
link	rgb(x,x,x) #xxxxxx colorname	不赞成使用。请使用样式取代它。规定文档中未访问链接的默认颜色。
text	rgb(x,x,x) #xxxxxx colorname	不赞成使用。请使用样式取代它。规定文档中所有文本的颜色。
vlink	rgb(x,x,x) #xxxxxx colorname	不赞成使用。请使用样式取代它。规定文档中已被访问链接的颜色。

#########################################################################

常用标签
和

可插入一个简单的换行符,通常在使用的时候格式为
(推荐的用法)。使用br的时候只是简单的开始新的一行,而在使用标签的时候段落之间会产生一些间距,区别如下

第一行第一段
第二行第一段第三行第二段
第四行第二段

python学习笔记-Day13--|python学习笔记-Day13-- 前端知识 html

文章图片

用于定义超链接，从一个页面链接到另一个页面; 最重要的属性是 href 属性，它指示链接的目标;
标签还可以在html文件中起到锚的作用;

举个例子来说明什么是锚:当我们做一个很长的页面的时候,需要在页面做一个导航,点击导航的链接,不是打开一个新的页面,而是跳转到页面的某个位置,那个要跳转的位置, 就叫做锚点. 它是一种在页面内部定位的方式:

属性:

属性	值	描述
charset	char_encoding	HTML5 中不支持。规定被链接文档的字符集。
coords	coordinates	HTML5 中不支持。规定链接的坐标。
download	filename	规定被下载的超链接目标。HTML5 中的新属性。
href	URL	规定链接指向的页面的 URL。
hreflang	language_code	规定被链接文档的语言。
media	media_query	规定被链接文档是为何种媒介/设备优化的。 HTML5 中的新属性。
name	section_name	HTML5 中不支持。规定锚的名称。
rel	text	规定当前文档与被链接文档之间的关系。
rev	text	HTML5 中不支持。规定被链接文档与当前文档之间的关系。
shape	default rect circle poly	HTML5 中不支持。规定链接的形状。
target	_blank _parent _self _top framename	规定在何处打开链接文档。例如 _black表示在新的页面打开
type	MIME type	规定被链接文档的的 MIME 类型。 HTML5 中的新属性。

到

用于定义标题, 定义最大的标题。定义最小的标题。
可选属性:

属性	值	描述
align	left center right justify	不推荐使用。请使用样式替代它。规定标题中文本的排列。

标准属性:(可用于任何 HTML 元素) id, class, title, style, dir, lang, xml:lang

事件属性: (浏览器中触发动作的能力,更多内容需要去了解 js) onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

例:

这是标题 h1 这是标题 h2 这是标题 h3
这是标题 h4 这是标题 h5 这是标题 h6

python学习笔记-Day13--|python学习笔记-Day13-- 前端知识 html

文章图片

用于创建单选或多选菜单,它是一种表单控件,可用于在表单中接受用户输入.
属性:

属性	值	描述
autofocus	autofocus	规定在页面加载后文本区域自动获得焦点。 HTML5 中的新属性。
disabled	disabled	规定禁用该下拉列表。
form	form_id	规定文本区域所属的一个或多个表单。 HTML5 中的新属性。
multiple	multiple	规定可选择多个选项。
name	name	规定下拉列表的名称。
required	required	规定文本区域是必填的。 HTML5 中的新属性。
size	number	规定下拉列表中可见选项的数目。

例:

01 02

python学习笔记-Day13--|python学习笔记-Day13-- 前端知识 html

文章图片

python学习笔记-Day13--|python学习笔记-Day13-- 前端知识 html

文章图片

python学习笔记-Day13--|python学习笔记-Day13-- 前端知识 html

文章图片

input标签：用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

checkbox用于创建复选框
在 HTML 文档中每出现一次，Checkbox 对象就会被创建。
您可以通过遍历表单的 elements[] 数组来访问某个选择框，或者通过使用 document.getElementById() 。
Checkbox 对象的属性

属性	描述
accessKey	设置或返回访问 checkbox 的快捷键。
alt	设置或返回不支持 checkbox 时显示的替代文本。
checked	设置或返回 checkbox 是否应被选中。
defaultChecked	返回 checked 属性的默认值。
disabled	设置或返回 checkbox 是否应被禁用。
form	返回对包含 checkbox 的表单的引用。
id	设置或返回 checkbox 的 id。
name	设置或返回 checkbox 的名称。
tabIndex	设置或返回 checkbox 的 tab 键控制次序。
type	返回 checkbox 的表单元素类型。
value	设置或返回 checkbox 的 value 属性的值

标准属性

属性	描述
className	设置或返回元素的 class 属性。
dir	设置或返回文本的方向。
lang	设置或返回元素的语言代码。
title	设置或返回元素的 title 属性。

Checkbox 对象的方法

方法	描述
blur()	从 checkbox 上移开焦点。
click()	模拟在 checkbox 中的一次鼠标点击。
focus()	为 checkbox 赋予焦点。

Radio 对象代表 HTML 表单中的单选按钮。
在 HTML 表单中每出现一次，一个 Radio 对象就会被创建。
单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中，之前选中的按钮就变为非选中的。
当单选按钮被选中或不选中时，该按钮就会触发 onclick 事件句柄。
您可通过遍历表单的 elements[] 数组来访问 Radio 对象，或者通过使用 document.getElementById()。
Radio 对象属性

属性	描述
accessKey	设置或返回访问单选按钮的快捷键。
alt	设置或返回在不支持单选按钮时显示的替代文本。
checked	设置或返回单选按钮的状态。
defaultChecked	返回单选按钮的默认状态。
disabled	设置或返回是否禁用单选按钮。
form	返回一个对包含此单选按钮的表单的引用。
id	设置或返回单选按钮的 id。
name	设置或返回单选按钮的名称。
tabIndex	设置或返回单选按钮的 tab 键控制次序。
type	返回单选按钮的表单类型。
value	设置或返回单选按钮的 value 属性的值。

标准属性

属性	描述
className	设置或返回元素的 class 属性。
dir	设置或返回文本的方向。
lang	设置或返回元素的语言代码。
title	设置或返回元素的 title 属性。

Radio 对象方法

方法	描述
blur()	从单选按钮移开焦点。
click()	在单选按钮上模拟一次鼠标点击。
focus()	为单选按钮赋予焦点。

text 为input的默认值，没有type的时候，默认为text，可创建一个单行的文本输入字段。当用户编辑显示的文本并随后把输入焦点转移到其他元素的时候，会触发 onchange 事件句柄。
Text 对象属性

属性	描述
accessKey	设置或返回访问文本域的快捷键。
alt	设置或返回当浏览器不支持文本域时供显示的替代文本。
defaultValue	设置或返回文本域的默认值。
disabled	设置或返回文本域是否应被禁用。
form	返回一个对包含文本域的表单对象的引用。
id	设置或返回文本域的 id。
maxLength	设置或返回文本域中的最大字符数。
name	设置或返回文本域的名称。
readOnly	设置或返回文本域是否应是只读的。
size	设置或返回文本域的尺寸。
tabIndex	设置或返回文本域的 tab 键控制次序。
type	返回文本域的表单元素类型。
value	设置或返回文本域的 value 属性的值。

标准属性

属性	描述
className	设置或返回元素的 class 属性。
dir	设置或返回文本的方向。
lang	设置或返回元素的语言代码。
title	设置或返回元素的 title 属性。

Text 对象方法

方法	描述
blur()	从文本域上移开焦点。
focus()	在文本域上设置焦点。
select()	选取文本域中的内容。

password：和text类似，但是出入的字符串会被隐藏，当用户改变显示值时，它会触发 onchange 事件句柄。；该文本输入字段供用户输入某些敏感的数据，比如密码等。当用户输入的时候，他的输入是被掩盖的（例如使用星号*），以防止旁边的人从他背后看到输入的内容。不过需要注意的是，当表单提交时，输入是用明文发送的。
Password 对象属性

属性	描述
accessKey	设置或返回访问密码字段的快捷键。
alt	设置或返回当不支持密码字段时显示的替代文字。
defaultValue	设置或返回密码字段的默认值。
disabled	设置或返回是否应被禁用密码字段。
form	返回对包含此密码字段的表单的引用。
id	设置或返回密码字段的 id。
maxLength	设置或返回密码字段中字符的最大数目。
name	设置或返回密码字段的名称。
readOnly	设置或返回密码字段是否应当是只读的。
size	设置或返回密码字段的长度。
tabIndex	设置或返回密码字段的 tab 键控制次序。
type	返回密码字段的表单元素类型。
value	设置或返回密码字段的 value 属性的值。

标准属性

属性	描述
className	设置或返回元素的 class 属性。
dir	设置或返回文本的方向。
lang	设置或返回元素的语言代码。
title	设置或返回元素的 title 属性。

Password 对象方法

属性	描述
blur()	从密码字段移开焦点。
focus()	为密码字段赋予焦点。
select()	选取密码字段中的文本。

button 可创建一个按钮，没有默认的行为，但是必须有一个 onclick 事件句柄以便使用。
Button 对象的属性

属性	描述
accessKey	设置或返回访问按钮的快捷键。
alt	设置或返回当浏览器无法显示按钮时供显示的替代文本。
disabled	设置或返回是否禁用按钮。
form	返回对包含该按钮的表单对象的引用。
id	设置或返回按钮的 id。
name	设置或返回按钮的名称。
tabIndex	设置或返回按钮的 tab 键控制次序。
type	返回按钮的表单元素类型。
value	设置或返回在按钮上显示的文本。

标准属性

属性	描述
className	设置或返回元素的 class 属性。
dir	设置或返回文本的方向。
lang	设置或返回元素的语言代码。
title	设置或返回元素的 title 属性。

Button 对象的方法

方法	描述
blur()	把焦点从元素上移开。
click()	在某个按钮上模拟一次鼠标单击。
focus()	为某个按钮赋予焦点。

submit 可以创建一个提交按钮，在表单提交之前，触发 onclick 事件句柄，并且一个句柄可以通过返回 fasle 来取消表单提交。
Submit 对象属性

属性	描述
accessKey	设置或返回访问提交按钮的快捷键。
alt	设置或返回当浏览器不支持提交按钮时供显示的替代文本。
disabled	设置或返回提交按钮是否应被禁用。
form	返回一个对包含此提交按钮的表单的引用。
id	设置或返回提交按钮的 id。
name	设置或返回提交按钮的名称。
tabIndex	设置或返回提交按钮的 tab 键控制次序。
type	返回提交按钮的表单元素类型。
value	设置或返回在提交按钮上显示的文本。

标准属性

属性	描述
className	设置或返回元素的 class 属性。
dir	设置或返回文本的方向。
lang	设置或返回元素的语言代码。
title	设置或返回元素的 title 属性。

Submit 对象方法

方法	描述
blur()	从提交按钮上移开焦点。
click()	在提交按钮上模拟一次鼠标点击。
focus()	为提交按钮赋予焦点。

file 可以创建一个上传文件的对象（FileUpload对象）；该元素包含一个文本输入字段，用来输入文件名，还有一个按钮，用来打开文件选择对话框以便图形化选择文件。该元素的 value 属性保存了用户指定的文件的名称，但是当包含一个 file-upload 元素的表单被提交的时候，浏览器会向服务器发送选中的文件的内容而不仅仅是发送文件名。为安全起见，file-upload 元素不允许 HTML 作者或 JavaScript 程序员指定一个默认的文件名。HTML value 属性被忽略，并且对于此类元素来说，value 属性是只读的，这意味着只有用户可以输入一个文件名。当用户选择或编辑一个文件名，file-upload 元素触发 onchange 事件句柄。
FileUpload 对象的属性

属性	描述
accept	设置或返回指示文件传输的 MIME 类型的列表（逗号分隔）。
accessKey	设置或返回访问 FileUpload 对象的快捷键。
alt	设置或返回不支持时显示的替代文字。
defaultValue	设置或返回 FileUpload 对象的初始值。
disabled	设置或返回是否禁用 FileUpload 对象。
form	返回对包含 FileUpload 对象的表单的引用。
id	设置或返回 FileUpload 对象的 id。
name	设置或返回 FileUpload 对象的名称。
tabIndex	设置或返回定义 FileUpload 对象的 tab 键控制次序的索引号。
type	返回表单元素的类型。对于 FileUpload ，则是 "file" 。
value	返回由用户输入设置的文本后，FileUpload 对象的文件名。

标准属性

属性	描述
className	设置或返回元素的 class 属性。
dir	设置或返回文本的方向。
lang	设置或返回元素的语言代码。
title	设置或返回元素的 title 属性。

FileUpload 对象的方法

方法	描述
blur()	从 FileUpload 对象上移开焦点。
focus()	为 FileUpload 对象赋予焦点。
select()	选取 FileUpload 对象。

例1：

<

python学习笔记-Day13--|python学习笔记-Day13-- 前端知识 html

文章图片

例2：

username:
password:
部门:
性别:
man
woman
noman

python学习笔记-Day13--|python学习笔记-Day13-- 前端知识 html

文章图片

多行文本标签；文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。<br />

属性<br><br />

<table class="dataintable"> 
<tbody> 
<tr> 
<th>属性</th> 
<th>值</th> 
<th>描述</th> 
</tr> 
<tr> 
<td class="html5_new">autofocus</td> 
<td>autofocus</td> 
<td>规定在页面加载后文本区域自动获得焦点。<br />

HTML5 中的新属性。<br />

</td> 
</tr> 
<tr> 
<td>cols</td> 
<td><em>number</em></td> 
<td>规定文本区内的可见宽度。</td> 
</tr> 
<tr> 
<td>disabled</td> 
<td>disabled</td> 
<td>规定禁用该文本区。</td> 
</tr> 
<tr> 
<td class="html5_new">form</td> 
<td><em>form_id</em></td> 
<td>规定文本区域所属的一个或多个表单。<br />

HTML5 中的新属性。<br />

</td> 
</tr> 
<tr> 
<td class="html5_new">maxlength</td> 
<td><em>number</em></td> 
<td>规定文本区域的最大字符数。<br />

HTML5 中的新属性。<br />

</td> 
</tr> 
<tr> 
<td>name</td> 
<td><em>name_of_textarea</em></td> 
<td>规定文本区的名称。</td> 
</tr> 
<tr> 
<td class="html5_new">placeholder</td> 
<td><em>text</em></td> 
<td>规定描述文本区域预期值的简短提示。<br />

HTML5 中的新属性。<br />

</td> 
</tr> 
<tr> 
<td>readonly</td> 
<td>readonly</td> 
<td>规定文本区为只读。</td> 
</tr> 
<tr> 
<td class="html5_new">required</td> 
<td>required</td> 
<td>规定文本区域是必填的。<br />

HTML5 中的新属性。<br />

</td> 
</tr> 
<tr> 
<td>rows</td> 
<td><em>number</em></td> 
<td>规定文本区内的可见行数。</td> 
</tr> 
<tr> 
<td class="html5_new">wrap</td> 
<td> 
<ul class="list-paddingleft-2"> 
<li>hard<br />

</li> 
<li>soft<br />

</li> 
</ul></td> 
<td>规定当在表单中提交时，文本区域中的文本如何换行。。<br />

HTML5 中的新属性。<br />

</td> 
</tr> 
</tbody> 
</table> 例:<br />

<img alt="python学习笔记-Day13--|python学习笔记-Day13-- 前端知识 html"
onload="javascript:ImgReSize(this)" src="https://img.it610.com/image/info8/73f633c140554926afe54b5318480f63.jpg"/> <br />

文章图片 <br />

<br />

<br><br />

<br><br />

<br><br />

label标签为 input 元素定义标注（标记）。<br />

label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。<br />

<label> 标签的 for 属性应当与相关元素的 id 属性相同<br />

属性：<br><br />

<table class="dataintable"> 
<tbody> 
<tr> 
<th>属性</th> 
<th>值</th> 
<th>描述</th> 
</tr> 
<tr> 
<td>for</td> 
<td><em>id</em></td> 
<td>规定 label 绑定到哪个表单元素。</td> 
</tr> 
<tr> 
<td class="html5_new">form</td> 
<td><em>formid</em></td> 
<td>规定 label 字段所属的一个或多个表单。<br />

HTML5 中的新属性。<br />

</td> 
</tr> 
</tbody> 
</table> 
<blockquote>例：
<label for="in2">Label标签
<input type="text" id="in2">
</label></blockquote><br />

<img alt="python学习笔记-Day13--|python学习笔记-Day13-- 前端知识 html"
onload="javascript:ImgReSize(this)" src="https://img.it610.com/image/info8/50019f7d8e6c4558a22c5070ca0a8017.jpg"/> <br />

文章图片 <br />

<br />

<br><br />

ul和ol 分别创建 无序列表和有序列表<br />

<ol> 标签定义有序列表。<br>属性<br />

<table class="dataintable"> 
<tbody> 
<tr> 
<th>属性</th> 
<th>值</th> 
<th>描述</th> 
</tr> 
<tr> 
<td>compact</td> 
<td>compact</td> 
<td>HTML5 中不支持。HTML 4.01 中不赞成使用。<br />

规定列表呈现的效果比正常情况更小巧。<br />

</td> 
</tr> 
<tr> 
<td class="html5_new">reversed</td> 
<td>reversed</td> 
<td>规定列表顺序为降序。(9,8,7...)<br />

HTML5 中的新属性<br />

</td> 
</tr> 
<tr> 
<td>start</td> 
<td><em>number</em></td> 
<td>规定有序列表的起始值。</td> 
</tr> 
<tr> 
<td>type</td> 
<td> 
<ul class="list-paddingleft-2"> 
<li>1<br />

</li> 
<li>A<br />

</li> 
<li>a<br />

</li> 
<li>I<br />

</li> 
<li>i<br />

</li> 
</ul></td> 
<td>规定在列表中使用的标记类型。</td> 
</tr> 
</tbody> 
</table> <ul> 标签定义无序列表。<br />

属性：<br />

<table class="dataintable"> 
<tbody> 
<tr> 
<th>属性</th> 
<th>值</th> 
<th>描述</th> 
</tr> 
<tr> 
<td>compact</td> 
<td>compact</td> 
<td>不赞成使用。请使用样式取代它。<br />

规定列表呈现的效果比正常情况更小巧。<br />

</td> 
</tr> 
<tr> 
<td>type</td> 
<td> 
<ul class="list-paddingleft-2"> 
<li>disc<br />

</li> 
<li>square<br />

</li> 
<li>circle<br />

</li> 
</ul></td> 
<td>不赞成使用。请使用样式取代它。<br />

规定列表的项目符号的类型。<br />

</td> 
</tr> 
</tbody> 
</table> 例：<br />

<blockquote><ul>
<li>+++++</li>
<li>00000</li>
<li>*****</li>
</ul><ol>
<li>+++++</li>
<li>00000</li>
<li>*****</li>
</ol></blockquote><br />

<img alt="python学习笔记-Day13--|python学习笔记-Day13-- 前端知识 html"
onload="javascript:ImgReSize(this)" src="https://img.it610.com/image/info8/0c68b25ebd1b4aa1874230c9eb429b61.jpg"/> <br />

文章图片 <br />

<br />

<br><br />

<dl> 标签定义了定义列表（definition list）。和 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）结合使用<br>例<br />

<blockquote><dl>
<dt>01</dt>
<dd>011</dd>
<dd>012</dd>
<dt>02</dt>
<dd>021</dd>
<dd>022</dd>
</dl></blockquote><br />

<img alt="python学习笔记-Day13--|python学习笔记-Day13-- 前端知识 html"
onload="javascript:ImgReSize(this)" src="https://img.it610.com/image/info8/34811d379a95487caf65f3c7c166d3cf.jpg"/> <br />

文章图片 <br />

<br />

<br><br />

<br><br />

表格：<br />

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。<br />

tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。<br />

更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。<br />

可选的属性：<br />

<table class="dataintable"> 
<tbody> 
<tr> 
<th>属性</th> 
<th>值</th> 
<th>描述</th> 
</tr> 
<tr> 
<td>align</td> 
<td> 
<ul class="list-paddingleft-2"> 
<li>left<br />

</li> 
<li>center<br />

</li> 
<li>right<br />

</li> 
</ul></td> 
<td>不赞成使用。请使用样式代替。<br />

规定表格相对周围元素的对齐方式。<br />

</td> 
</tr> 
<tr> 
<td>bgcolor</td> 
<td> 
<ul class="list-paddingleft-2"> 
<li><em>rgb(x,x,x)</em><br />

</li> 
<li><em>#xxxxxx</em><br />

</li> 
<li><em>colorname</em><br />

</li> 
</ul></td> 
<td>不赞成使用。请使用样式代替。<br />

规定表格的背景颜色。<br />

</td> 
</tr> 
<tr> 
<td>border</td> 
<td><em>pixels</em></td> 
<td>规定表格边框的宽度。</td> 
</tr> 
<tr> 
<td>cellpadding</td> 
<td> 
<ul class="list-paddingleft-2"> 
<li><em>pixels</em><br />

</li> 
<li><em>%</em><br />

</li> 
</ul></td> 
<td>规定单元边沿与其内容之间的空白。</td> 
</tr> 
<tr> 
<td>cellspacing</td> 
<td> 
<ul class="list-paddingleft-2"> 
<li><em>pixels</em><br />

</li> 
<li><em>%</em><br />

</li> 
</ul></td> 
<td>规定单元格之间的空白。</td> 
</tr> 
<tr> 
<td>frame</td> 
<td> 
<ul class="list-paddingleft-2"> 
<li>void<br />

</li> 
<li>above<br />

</li> 
<li>below<br />

</li> 
<li>hsides<br />

</li> 
<li>lhs<br />

</li> 
<li>rhs<br />

</li> 
<li>vsides<br />

</li> 
<li>box<br />

</li> 
<li>border<br />

</li> 
</ul></td> 
<td>规定外侧边框的哪个部分是可见的。</td> 
</tr> 
<tr> 
<td>rules</td> 
<td> 
<ul class="list-paddingleft-2"> 
<li>none<br />

</li> 
<li>groups<br />

</li> 
<li>rows<br />

</li> 
<li>cols<br />

</li> 
<li><strong>【python学习笔记-Day13--|python学习笔记-Day13-- 前端知识 html】</strong>all<br />

</li> 
</ul></td> 
<td>规定内侧边框的哪个部分是可见的。</td> 
</tr> 
<tr> 
<td>summary</td> 
<td><em>text</em></td> 
<td>规定表格的摘要。</td> 
</tr> 
<tr> 
<td>width</td> 
<td> 
<ul class="list-paddingleft-2"> 
<li><em>%</em><br />

</li> 
<li><em>pixels</em><br />

</li> 
</ul></td> 
<td>规定表格的宽度。</td> 
</tr> 
</tbody> 
</table> 例：<br><br />

<blockquote><table border="1" style="border-color: red">
<thead>
<tr>
<th>标题1</th>
<th>标题2</th>
<th>标题3</th>
</tr>
</thead>
<tbody>
<tr>
<td>col1</td>
<td>col2</td>
<td>col3</td>
</tr>
<tr>
<td>col1</td>
<td>col2</td>
<td>col3</td>
</tr>
<tr>
<td colspan="2">col1</td>
<td>col3</td>
</tr>
<tr >
<td rowspan="2">col1</td>
<td>col2</td>
<td>col3</td>
</tr>
<tr>
<td>col2</td>
<td>col3</td>
</tr>
</tbody>
</table></blockquote><br />

<br />

<br><br />

<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。<fieldset> 标签没有必需的或唯一的属性。<br />

属性：<br><br />

<table class="dataintable"> 
<tbody> 
<tr> 
<th>属性</th> 
<th>值</th> 
<th>描述</th> 
</tr> 
<tr> 
<td>disabled</td> 
<td>disabled</td> 
<td>规定应该禁用 fieldset。</td> 
</tr> 
<tr> 
<td>form</td> 
<td><em>form_id</em></td> 
<td>规定 fieldset 所属的一个或多个表单。</td> 
</tr> 
<tr> 
<td>name</td> 
<td><em>value</em></td> 
<td>规定 fieldset 的名称。</td> 
</tr> 
</tbody> 
</table> 例：<br><br />

<blockquote><fieldset>
<legend>标签</legend>username<br />

password<br />

</fieldset></blockquote><br />

<img alt="python学习笔记-Day13--|python学习笔记-Day13-- 前端知识 html"
onload="javascript:ImgReSize(this)" src="https://img.it610.com/image/info8/dc87fc5f48f04600a2fc904ada8cf033.jpg"/> <br />

文章图片 <br />

<br />

<br><br />

<br><br />

<form> 标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。表单用于向服务器传输数据。form 元素是块级元素，其前后会产生折行。<br />

属性：<br><br />

<table class="dataintable"> 
<tbody> 
<tr> 
<th>属性</th> 
<th>值</th> 
<th>描述</th> 
</tr> 
<tr> 
<td>accept</td> 
<td><em>MIME_type</em></td> 
<td>HTML 5 中不支持。</td> 
</tr> 
<tr> 
<td>accept-charset</td> 
<td><em>charset_list</em></td> 
<td>规定服务器可处理的表单数据字符集。</td> 
</tr> 
<tr> 
<td>action</td> 
<td><em>URL</em></td> 
<td>规定当提交表单时向何处发送表单数据。</td> 
</tr> 
<tr> 
<td class="html5_new">autocomplete</td> 
<td> 
<ul class="list-paddingleft-2"> 
<li>on<br />

</li> 
<li>off<br />

</li> 
</ul></td> 
<td>规定是否启用表单的自动完成功能。<br />

HTML5 中的新属性。<br />

</td> 
</tr> 
<tr> 
<td>enctype</td> 
<td>见说明</td> 
<td>规定在发送表单数据之前如何对其进行编码。</td> 
</tr> 
<tr> 
<td>method</td> 
<td> 
<ul class="list-paddingleft-2"> 
<li>get<br />

</li> 
<li>post<br />

</li> 
</ul></td> 
<td>规定用于发送 form-data 的 HTTP 方法。</td> 
</tr> 
<tr> 
<td>name</td> 
<td><em>form_name</em></td> 
<td>规定表单的名称。</td> 
</tr> 
<tr> 
<td class="html5_new">novalidate</td> 
<td>novalidate</td> 
<td>如果使用该属性，则提交表单时不进行验证。<br />

HTML5 中的新属性。<br />

</td> 
</tr> 
<tr> 
<td>target</td> 
<td> 
<ul class="list-paddingleft-2"> 
<li>_blank<br />

</li> 
<li>_self<br />

</li> 
<li>_parent<br />

</li> 
<li>_top<br />

</li> 
<li><em>framename</em><br />

</li> 
</ul></td> 
<td>规定在何处打开 action URL。</td> 
</tr> 
</tbody> 
</table> <br><br />

<br><br />

<br><br />

<br><br />

参考：<br />

http://www.w3school.com.cn<br><br />

http://www.cnblogs.com/wupeiqi/<br />

<br><br />

<br><br />

转载于:https://blog.51cto.com/timesnotes/1739689<br />
</p>
<div class="dede_pages"><ul></ul></div>
		  	<div class="pcd_ad">
<center><div class="_ahwullr0ac"></div>
    <script type="text/javascript">
        (window.slotbydup = window.slotbydup || []).push({
            id: "u6834461",
            container: "_ahwullr0ac",
            async: true
        });
    </script>
    <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" >
    </script></center>
</div>
<div class="mbd_ad">
<div style=margin-top:10px;margin-bottom:10px;>
<div class="_i7aftr79jl"></div>
    <script type="text/javascript">
        (window.slotbydup = window.slotbydup || []).push({
            id: "u5950612",
            container: "_i7aftr79jl",
            async: true
        });
    </script>
    
    <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" >
    </script>
</div>
</div>
<h3>推荐阅读</h3>
<ul class="post-loop post-loop-default cols-0">
           <li class="item">
              <div class="item-img"> <a class="item-img-inner" href="/c/3555000.html" title="vb.net操作硬件 vbnet implements"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="vb.net操作硬件 vbnet implements" src="/images/defaultpic.gif"> </a> </div>
              <div class="item-content">
                <h4 class="item-title"> <a href="/c/3555000.html"> <b>vb.net操作硬件 vbnet implements </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/1274827.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/1274827.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/3036636.html" title="小宅vr眼镜好用吗 小宅魔镜头盔使用说明"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="小宅vr眼镜好用吗 小宅魔镜头盔使用说明" src="http://img.readke.com/230819/2332034K0-0-lp.jpg"> </a> </div>
              <div class="item-content">
                <h4 class="item-title"> <a href="/c/3036636.html"> <b>小宅vr眼镜好用吗 小宅魔镜头盔使用说明 </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/980661.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/980661.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/3134611.html" title="洛神花怎么养护 洛神花怎么养能开花"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="洛神花怎么养护 洛神花怎么养能开花" src="http://img.readke.com/230909/130420ND-0-lp.png"> </a> </div>
              <div class="item-content">
                <h4 class="item-title"> <a href="/c/3134611.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/3628409.html" title="鸿蒙3安全流畅，鸿蒙系统安全程度"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="鸿蒙3安全流畅，鸿蒙系统安全程度" src="/images/defaultpic.gif"> </a> </div>
              <div class="item-content">
                <h4 class="item-title"> <a href="/c/3628409.html"> <b>鸿蒙3安全流畅，鸿蒙系统安全程度 </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/2821037.html" title="2022三九天时间表 三九天2021时间表图"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="2022三九天时间表 三九天2021时间表图" src="http://img.readke.com/230724/0523105541-0-lp.jpg"> </a> </div>
              <div class="item-content">
                <h4 class="item-title"> <a href="/c/2821037.html"> <b>2022三九天时间表 三九天2021时间表图 </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/3563572.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/3563572.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/4083445.html" title="ospf路由表分析,OSPF路由表的作用"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="ospf路由表分析,OSPF路由表的作用" src="/images/defaultpic.gif"> </a> </div>
              <div class="item-content">
                <h4 class="item-title"> <a href="/c/4083445.html"> <b>ospf路由表分析,OSPF路由表的作用 </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/3132184.html" title="植发3000个毛囊面积图 植发三千个毛囊单位有多少面积"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="植发3000个毛囊面积图 植发三千个毛囊单位有多少面积" src="http://img.readke.com/230909/02195M4L-0-lp.jpg"> </a> </div>
              <div class="item-content">
                <h4 class="item-title"> <a href="/c/3132184.html"> <b>植发3000个毛囊面积图 植发三千个毛囊单位有多少面积 </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/2158386.html" title="美股怎么选 美股怎么选股"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="美股怎么选 美股怎么选股" src="http://img.readke.com/230520/0H6352615-0-lp.jpg"> </a> </div>
              <div class="item-content">
                <h4 class="item-title"> <a href="/c/2158386.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/3774262.html" title="世界word安卓,如何使用安卓用手机打印pdf?"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="世界word安卓,如何使用安卓用手机打印pdf?" src="/images/defaultpic.gif"> </a> </div>
              <div class="item-content">
                <h4 class="item-title"> <a href="/c/3774262.html"> <b>世界word安卓,如何使用安卓用手机打印pdf? </b></a></h4>
                <div class="item-meta">
                  <div class="item-meta-right"> </div>
                </div>
              </div>
            </li>
<li class="item">
              <div class="item-img"> <a class="item-img-inner" href="/c/2485245.html" title="关于重阳节的诗词 重阳节有哪些诗词"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="关于重阳节的诗词 重阳节有哪些诗词" src="http://img.readke.com/230610/12532524S-0-lp.jpg"> </a> </div>
              <div class="item-content">
                <h4 class="item-title"> <a href="/c/2485245.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/2968945.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/2968945.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/1834007.html" title="香辣帝王蟹的做法 帝王蟹做法"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="香辣帝王蟹的做法 帝王蟹做法" src="http://img.readke.com/230428/2046256362-0-lp.jpg"> </a> </div>
              <div class="item-content">
                <h4 class="item-title"> <a href="/c/1834007.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/110330Z332021.html" title="万像素|荣耀X30 MAX，不只有大！"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="万像素|荣耀X30 MAX，不只有大！" src="https://p0.ssl.img.360kuai.com/t0190ca370452578807.jpg?size=640x427"> </a> </div>
              <div class="item-content">
                <h4 class="item-title"> <a href="/c/110330Z332021.html"> <b>万像素|荣耀X30 MAX，不只有大！ </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/3696583.html" title="想减肥的人少吃鸡翅 这些高热量食物减肥期间不要碰"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="想减肥的人少吃鸡翅 这些高热量食物减肥期间不要碰" src="http://img.readke.com/231213/1A41J462-0-lp.jpg"> </a> </div>
              <div class="item-content">
                <h4 class="item-title"> <a href="/c/3696583.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/3077229.html" title="郭德纲的麒麟剧社有发展前途吗？能不能最后收编主流京剧界？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="郭德纲的麒麟剧社有发展前途吗？能不能最后收编主流京剧界？" src="http://img.readke.com/230827/15020061N-0-lp.jpg"> </a> </div>
              <div class="item-content">
                <h4 class="item-title"> <a href="/c/3077229.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/2573793.html" title="传统的汽配公司在干什么 汽配公司属于什么行业"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="传统的汽配公司在干什么 汽配公司属于什么行业" src="http://img.readke.com/230624/0H4146051-0-lp.jpg"> </a> </div>
              <div class="item-content">
                <h4 class="item-title"> <a href="/c/2573793.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/1181511.html" title="桌游黑暗之魂好玩吗 黑暗之魂游戏介绍和攻略"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="桌游黑暗之魂好玩吗 黑暗之魂游戏介绍和攻略" src="http://img.readke.com/230228/0G25962F-0-lp.jpg"> </a> </div>
              <div class="item-content">
                <h4 class="item-title"> <a href="/c/1181511.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"><li><a href="/c/021T5L252022.html" title="EffectiveObjective-C2.0|EffectiveObjective-C2.0 笔记 - 第二部分" target="_blank">EffectiveObjective-C2.0|EffectiveObjective-C2.0 笔记 - 第二部分 
</a></li> <li><a href="/c/021T5K222022.html" title="由浅入深理解AOP" target="_blank">由浅入深理解AOP 
</a></li> <li><a href="/c/021T5J222022.html" title="继续努力，自主学习家庭Day135(20181015）" target="_blank">继续努力，自主学习家庭Day135(20181015） 
</a></li> <li><a href="/c/021T5J002022.html" title="python学习之|python学习之 实现QQ自动发送消息" target="_blank">python学习之|python学习之 实现QQ自动发送消息 
</a></li> <li><a href="/c/021T5I952022.html" title="Android中的AES加密-下" target="_blank">Android中的AES加密-下 
</a></li> <li><a href="/c/021T5I502022.html" title="逻辑回归的理解与python示例" target="_blank">逻辑回归的理解与python示例 
</a></li> <li><a href="/c/021T5HF2022.html" title="一起来学习C语言的字符串转换函数" target="_blank">一起来学习C语言的字符串转换函数 
</a></li> <li><a href="/c/021T5H632022.html" title="python自定义封装带颜色的logging模块" target="_blank">python自定义封装带颜色的logging模块 
</a></li> <li><a href="/c/021T5H202022.html" title="【Leetcode/Python】001-Two|【Leetcode/Python】001-Two Sum" target="_blank">【Leetcode/Python】001-Two|【Leetcode/Python】001-Two Sum 
</a></li> <li><a href="/c/021T5H1R022.html" title="定制一套英文学习方案" target="_blank">定制一套英文学习方案 
</a></li> </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/12133602I2021.html'>jquery|jquery easyui combobox 下拉框组件动态刷新取值</a> </p>
      <p class="post-next fr ellipsis">下一篇：<a href='/c/12133602K2021.html'>CCIE|CCIE OSPF综合实验</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/12143623542021.html" title="我的好同桌——燕舞（妙熙怡原创276）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="我的好同桌——燕舞（妙熙怡原创276）" src="/images/defaultpic.gif"> </a></div>
            <div class="item-content">
              <p class="item-title"><a href="/c/12143623542021.html" title="我的好同桌——燕舞（妙熙怡原创276）">我的好同桌——燕舞（妙熙怡原创276）</a></p>
            </div>
          </li>
<li class="item">
            <div class="item-img"> <a class="item-img-inner" href="/c/0ZQI3U2021.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/0ZQI3U2021.html" title="现实">现实</a></p>
            </div>
          </li>
<li class="item">
            <div class="item-img"> <a class="item-img-inner" href="/c/121135B612021.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/121135B612021.html" title="～鼎然～开示“降伏其心的次第过程”（密修）">～鼎然～开示“降伏其心的次第过程”（密修）</a></p>
            </div>
          </li>
<li class="item">
            <div class="item-img"> <a class="item-img-inner" href="/c/09242423342021.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/09242423342021.html" title="有两只燕子连续四五年都来我家筑巢，我嫌它太脏没让它筑巢，可年年还是来，这是为什么（">有两只燕子连续四五年都来我家筑巢，我嫌它太脏没让它筑巢，可年年还是来，这是为什么（</a></p>
            </div>
          </li>
<li class="item">
            <div class="item-img"> <a class="item-img-inner" href="/c/09101Y5b2021.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/09101Y5b2021.html" title="在春天或者梦里，我们相遇">在春天或者梦里，我们相遇</a></p>
            </div>
          </li>
<li class="item">
            <div class="item-img"> <a class="item-img-inner" href="/c/01194262912022.html" title="pycharm|pycharm 之导入本地包"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="pycharm|pycharm 之导入本地包" src="/images/defaultpic.gif"> </a></div>
            <div class="item-content">
              <p class="item-title"><a href="/c/01194262912022.html" title="pycharm|pycharm 之导入本地包">pycharm|pycharm 之导入本地包</a></p>
            </div>
          </li>
<li class="item">
            <div class="item-img"> <a class="item-img-inner" href="/c/0Z112I0R021.html" title="Java|Java 已老，Kotlin 或将取而代之（）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="Java|Java 已老，Kotlin 或将取而代之（）" src="/images/defaultpic.gif"> </a></div>
            <div class="item-content">
              <p class="item-title"><a href="/c/0Z112I0R021.html" title="Java|Java 已老，Kotlin 或将取而代之（）">Java|Java 已老，Kotlin 或将取而代之（）</a></p>
            </div>
          </li>
<li class="item">
            <div class="item-img"> <a class="item-img-inner" href="/c/11263411S2021.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/11263411S2021.html" title="正视自己|正视自己 开创未来">正视自己|正视自己 开创未来</a></p>
            </div>
          </li>
<li class="item">
            <div class="item-img"> <a class="item-img-inner" href="/c/0Z21359262021.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/0Z21359262021.html" title="数组扁平化">数组扁平化</a></p>
            </div>
          </li>
<li class="item">
            <div class="item-img"> <a class="item-img-inner" href="/c/01044091c2022.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/01044091c2022.html" title="资治通鉴新解（慕容垂的统一之道）">资治通鉴新解（慕容垂的统一之道）</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"> </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>