iteye_18999

入门基础教程（1）HTML速成教程

入门基础教程

入门基础教程... 3

HTML速成教程... 3

1.1. 基本标签... 3

1.1.1.HTML标签... 3

1.1.2.头部标签... 3

1.1.3.标题标签... 3

1.1.4.概要标签... 3

1.2. 正文标签... 4

1.3. Character字符，Paragraph 段落和Position位置... 4

1.3.1.标题标签... 4

1.3.2.

段落标签... 4

1.3.3.Align对齐属性... 4

1.3.4.

居中对齐标签... 5

1.3.5.
换行标签... 5

1.3.6.

水平分隔线... 5

1.3.7. 空格... 5

1.3.8.

引用块... 5

1.3.9.

预格式化... 5

1.3.10.Comments注释... 6

1.4. Character Style字符样式... 6

1.4.1.默认字体... 7

1.5. Lists列表标签... 7

1.5.1.Unordered Lists无序列表... 7

1.5.2.Ordered Lists有序列表... 8

1.5.3.Definition Lists定义列表... 8

1.6. 链接... 8

1.7. Image图片... 9

1.8. Color颜色... 10

1.9. Table表格... 10

1.10. Form表单... 12

1.10.1.Input输入框... 13

1.10.2.Text Area文本区域... 13

1.10.3.Radio Button单选按钮... 13

1.10.4.Check Box多选框... 14

1.10.5.Submit and Reset提交与重置按钮... 14

1.10.6.Password密码输入框... 14

1.10.7.Pull-Down Menu下拉菜单... 14

1.10.8.Scroll-Down Menu滚动菜单... 15

1.11. Frame框架... 16

入门基础教程

HTML速成教程

1.1. 基本标签

标签（Tag）是HTML语言的元素，几乎所有标签都有一个打开符号和关闭符号。例如标签表示头部信息的开始位置，它拥有一个对应表示关闭的标签 .

1.1.1. HTML标签

这对标签告诉浏览器此文件是一个HTML文件。每个HTML文档都从标签开始，对应的标签是HTML文件的最后一个标签。

1.1.2. 头部标签

这对标签之内的内容表示HTML文件的头部，一般用来存放文件相关的重要信息

1.1.3. 标题标签

title是一个重要标签，一般表示在浏览器顶部显示的标题。这对标签嵌在标签之内

     HTML</span>速成教程<span>

1.1.4. 概要标签

另外可嵌入标签之内的标签还有概要标签，一般用于协助搜索引擎去索引一个页面。有以下几种不同的概要元信息：

author作者信息:

description描述信息:

keyword关键词信息，注意：使用逗号分隔关键词(SEO中也用不规范的|竖线分隔)

示例：

HTML</span>速成教程<span>

1.2. 正文标签

Body正文标签定义网页的主体部分的开始和结束。在这一对标签之间可以放入各种重要标签，例如：images图片, links链接, text文本, paragraphs段落, forms表单等

1.3. Character字符，Paragraph 段落和Position位置

1.3.1. 标题标签

共有H1到H6的6个层级的标题标签，最大的标题为

，最小的标题为

，其他依此类推。这些标签一般用于正文的大纲视图分层级。

     最大文本

     ......

     最小文本

1.3.2.
段落标签

P段落标签

之间可以放入一个段落，如：

基本信息

注意：

关闭标签可以省略。

1.3.3. Align对齐属性

可以使用ALIGN标签来定义对齐方式。注意：默认为左对齐。

     段落文本居中对齐

      段落文本左对齐

     段落文本右对齐

1.3.4. 居中对齐标签

此标签可以使得网页中的文本居中对齐。

      段落居中

1.3.5.
换行标签

可使其后文本新起一行，如：

     欢迎光临
 HTML入门教程官网!

1.3.6.
水平分隔线

可以插入一条水平分隔线，HR标签可设置如下：

1.3.7. 空格

可以在文本中闯入空格 .

1.3.8.
引用块

可定义引用的内容块，一般会在块的左右两边进行缩进（增加外边距），而且有时会使用斜体。

     欢迎光临HTML入门教程官网!

     教程内容

     基础信息

1.3.9.

预格式化

可定义预格式化段落文本，使得输入内容和显示内容一致，即所见即所得，经常用来显示源码

      
         物品  单价　   数量

    --------------------------------- 
           A       34.99        23 
           B       25.95        13 
         ---------------------------------

1.3.10. Comments注释

comment注释标签里面的内容不会显示出来，使用如下:

1.4. Character Style字符样式

字符样式包括物理和逻辑字符样式，和字体 Face,大小 Size, 和颜色Color

类别	标签	功能
物理样式		粗体化文本
		斜体
		加下划线
		文本加中划线
		文本上标化
		文本下标化
		文本等宽打字机风格化(HTML5 不支持)
逻辑样式		表示文本非常重要
		表示文本重要
		表示文本是书籍或文章的标题
		表示文本是一个地址
		表示文本是一个定义
		表示文本是一个文档中的文本
		表示文本是一段键盘输入
		表示文本是一个变量
		表示文本是一段代码

在最新的 HTML 版本（HTML 4 和 XHTML）中，字体标签已被废弃。请在新网页中不要使用字体标签而改用CSS

字体	选项	用处
Face	默认	使用浏览器的默认字体 (Times New Roman)
	Family	逗号隔开的字体名称 (如 Helvetica, Arial, Courier). 指定段落的优先使用字体
	(Font name)	使用指定字体显示 (如果系统不存在该字体则会被其他字体替代)
Size	1 到7	从1到7为从最小到最大 (默认为3)
	+	增加字体的大小(最大为7).
	-	减少字体的大小 (最小为1).
Color	"#xxxxxx" 或 White, Red, Blue等	定义文本颜色

下列标签将会显示如文字所示效果

     下划线文本

     粗体文本

     斜体文本

     大号文本

     小号文本

     等宽打印机文本

     闪烁文本,仅在Netscape浏览器生效

     可表示下标

     可表示上标

     中划性强调文本

文本字体测试

     绿色文本

     文本字体测试

1.4.1.         默认字体

该标签可定义网页默认的字体和大小,颜色.只有 Internet Explorer 支持标签。应该避免使用该标签。



1.5.        Lists列表标签

有以下三种列表标签:

     无序列表

     有序列表


     定义列表

1.5.1.         Unordered Lists无序列表

无序列表始于
而终于
标签. 其中嵌入
(list item 列表项目)标签; (
对应的
关闭标签可以省略) 如:




姓名


电话


ID



显示效果为:

姓名

电话

ID

1.5.2.         Ordered Lists有序列表

有序列表始于
而终于
标签. 其中嵌入
(list item 列表项目)标签; (
对应的
关闭标签可以省略) 如:




大学


高中


小学



显示效果为:

大学

高中

小学

1.5.3.         Definition Lists定义列表

定义列表始于
而终于
标签. 其中嵌入
(definition term 定义条目)和
(definition definition定义条目的定义内容)标签.如:




条目A


A的定义

      ...


条目B


B的定义


1.6.        链接

链接(Links)可使用户从一个网页导航到本机(通过本机文件路径)或互联网(通过URL网址)上的另一个网页.

如果是链接到当前路径下的文件,用法如:.

     基本信息

如果是链接到其他路径下的文件,假设该路径为path(可是是绝对路径,也可以是相对路径),用法如:

     锚点文本

如果是链接到互联网上的网页,用法如:

初学者教程

如果是链接到电子邮件地址,则点击会启动系统默认邮件客户端程序写邮件,用法如:

     邮件反馈

如果一个网页内容很长,就可以把它分为几节来导航.在每一节开始处定义一个锚点,用法如: . 然后可以使用这样的标签链接到该锚点.



     本页标题

     ......

     回到顶部



也可以链接到当前路径下的其他网页上的某个锚点,用法如:

     角色信息

也可以链接到互联网上的其他网页上的某个锚点,用法如:



1.7.        Image图片

绝大多浏览器都支持显示GIF或JPEG格式的图片.用法如:

     ImageName">

标签定义一个图片,它没有一个对应的关闭标签.SRC属性指定图片的路径或网址.HEIGHT 和WIDTH 定义图片的高度和宽度,单位为像素 (pixels) ,用法如:



ALIGN属性:(HTML 4.01 中不推荐使用)指定图片相对周围段落文本的纵向(的对齐方式,(默认为bottom底部对齐,还有left左对齐,right右对齐,top,,middle). 用法如:

ImageName" ALIGN="top">

vspace 和 hspace属性: (HTML 4.01 中不推荐使用)。定义图像顶部底部和左侧右侧的空白。用法如:



ALT属性定义了图像的替代文本,如果浏览器设置了不显示图像时或者图片地址无效而无法显示图像时,就会显示替代文本.

用法如:



图片也可以加上超链接,用法如:



上例中的图片周围有蓝色的边框,如果想要消除边框,可使用BORDER属性把边框大小设置为0,用法如:



可以使用URL来显示互联网上的图片,用法如:



可以使用图片来作为网页的背景图片,用法如:

     ImageName">

为了避免因为载入大尺寸图片而拖慢网页载入,可以使用文本上的超链接来载入图片.用法如:

     ImageName">link anchor

也可以使用小尺寸的缩略图片上的超链接来载入大尺寸图片,用法如:

     LargerImageName">SmallImageName">

1.8.        Color颜色

HTML中各种颜色使用以 "#"(读作hash,C#是音乐中的升号读作sharp)打头加上6位的16进制RGB (red, green, blue,分别从00到FF) 值.如000000为黑色(无任何颜色), FFFFFF是白色 (RGB三颜色饱和). FF0000是明亮的纯红色, 00FF00 是蜡光的纯绿色,0000FF是明亮的纯蓝色.

可以在标签内使用bgcolor, text, link, vlinks (visited links), 和 alinks (active links来指定网页的背景,文本,链接,已访问链接,活动链接的颜色,用法如:

      link="#0000FF" vlink="#800000" alink="#808000">

HTML中除了RGB值,还可以直接使用"black", "red", "blue", 和"green" 等颜色的单词来定义文本的颜色,用法如:

      text

这个标签可以和字体的大小(font size)一起使用,用法如:

      text

1.9.        Table表格

表格的格式是:



...

     ...

...



表格条目表格条目

表格条目表格条目

表格始于
而终于
,表格其中嵌入行,每行始于而终于 . 行其中嵌入单元格,每个单元格始于而终于 . 单元格内容默认为水平左对齐和垂直居中,可使用和使单元格横跨X列和纵跨X行,可使用

来定义表格边框, 用法如:



















姓名电话 ID

John Lee 456-968 276580

Cherry Heitz 789-326 908743

姓名

电话

ID

John Lee

456-968

276580

Cherry Heitz

789-326

908743

宽度 width和高度height可设置为 "xx%" 或XX,用法如: WIDTH="80%" 或WIDTH=450. "xx%" 允许表格尺寸随窗体尺寸缩放而缩放.表格边框Border 可设置为0则不显示边框.

CELLSPACING属性表示单元格之间的间隔( space),单位为像素pixels. CELLPADDING属性表示单元格的内部的四边留空(四个边和内容之间的空隔,pad意为填充铺垫) .

用法如下:






显示效果如下:

标签元素

描述

定义 HTML 表格,(如果使用了BORDER属性,则表格会显示边框)

定义表格标题,必须紧随 table 标签之后。您只能对每个表格定义一个标题。默认位置为居中于表格之上。
(可使用ALIGN=BOTTOM属性来定义标题位于表格之下,但不赞成使用ALIGN而应使用CSS样式。)
注意: caption标签内可嵌入使用其他各种标签.

tr 元素定义表格行,可使用ALIGN (LEFT, CENTER, RIGHT) 或
VALIGN (TOP, MIDDLE, BOTTOM)等属性预定义所有行的默认属性.

th 元素定义表头，默认为粗体居中.可使用属性来定义表头的样式

td 元素定义表格单元。默认为水平左对齐和垂直居中.可使用属性来定义其中样式

属性

描述

ALIGN (LEFT, CENTER, RIGHT)

单元格的水平对齐样式

VALIGN (TOP, MIDDLE, BOTTOM)

单元格的垂直对齐样式

COLSPAN=n

某单元格横跨的列数

ROWSPAN=n

某单元格纵跨的行数

NOWRAP

单位格内关闭自动换行样式

1.10. Form表单

表单(Forms)可用来输入信息,如收集用户姓名和电子邮箱等.表单始于
而终于,
用法如.



     ......



表单必须使用Action属性来规定当提交表单时向何处发送表单数据,和Method规定用于发送 form-data 的 HTTP 方法



1.10.1.     Input输入框

可使用输入框 "input" 输入单行信息，格式如：



用法如:

     Your Email Address

     Your Name

     Subject

显示效果如:

      Your Email Address

      Your Name

      Subject

size尺寸属性的单位为字符, "SIZE=26" 即表示长度为26个字符(13个汉字)

1.10.2.     Text Area文本区域

文本区域（Text Area）可以输入无限数量的多行的文本，文本的默认字体是等宽字体（通常是 Courier）。文本区域开始于 </span><span style="font-family:'宋体';">而终于</span><span> 标签.用法如:



显示效果如:



</span></pre> <h4> <span>1.10.3.<span style="font:7pt 'Times New Roman';">     </span></span><span>Radio Button</span><span style="font-family:'宋体';">单选按钮</span> </h4> <p class="MsoNormal"><span style="font-family:'宋体';">可使用单选按钮</span><span>(Radio Button) </span><span style="font-family:'宋体';">去定义多选一选项，例如：问题为</span><span>"</span><span style="font-family:'宋体';">你喜欢哪一副图画</span><span>?"</span><span style="font-family:'宋体';">，问题选项为</span><span>"</span><span style="font-family:'宋体';">猴子</span><span>", "</span><span style="font-family:'宋体';">花朵</span><span>", "</span><span style="font-family:'宋体';">女孩</span><span>", "</span><span style="font-family:'宋体';">建筑</span><span>", </span><span style="font-family:'宋体';">用法如</span><span>:</span></p> <pre><span> </span></pre> <pre><span>     <INPUT TYPE="radio" checked NAME="picture" VALUE="monky"></span>猴子<span><P></span></pre> <pre><span>     <INPUT TYPE="radio" NAME="picture" VALUE="flower"></span>花朵<span><P></span></pre> <pre><span>     <INPUT TYPE="radio" NAME="picture" VALUE="girl"></span>女孩<span><P></span></pre> <pre><span>     <INPUT TYPE="radio" NAME="picture" VALUE="building"></span>建筑<span><P></span></pre> <p class="MsoNormal"><span style="font-family:'宋体';">显示效果如</span><span>:</span></p> <pre><span> </span></pre> <pre><span>     <input checked="true" type="radio" name="picture" /> </span>猴子</pre> <pre><span>     <input type="radio" name="picture" /> </span>花朵</pre> <pre><span>     <input type="radio" name="picture" /> </span>女孩</pre> <pre><span>     <input type="radio" name="picture" /> </span>建筑</pre> <h4> <span>1.10.4.<span style="font:7pt 'Times New Roman';">     </span></span><span>Check Box</span><span style="font-family:'宋体';">多选框</span> </h4> <p class="MsoNormal"><span style="font-family:'宋体';">可使用多选框</span><span>Checkboxes</span><span style="font-family:'宋体';">来从一个列表中选择多个选项，格式为</span><span>:</span></p> <pre><span> </span></pre> <pre><span>     <INPUT TYPE="checkbox" NAME="name" VALUE="text"></span></pre> <p class="MsoNormal"><span style="font-family:'宋体';">单选按钮和多选框的区别在于前者同时只能勾选一个选项，而后者可以同时勾选一个或多个选项。例如：问题为</span><span>"</span><span style="font-family:'宋体';">你喜欢哪一些图画</span><span>?"</span><span style="font-family:'宋体';">，问题选项为</span><span>"</span><span style="font-family:'宋体';">猴子</span><span>", "</span><span style="font-family:'宋体';">花朵</span><span>", "</span><span style="font-family:'宋体';">女孩</span><span>", "</span><span style="font-family:'宋体';">建筑</span><span>", </span><span style="font-family:'宋体';">用法如</span><span>:</span></p> <pre><span> </span></pre> <pre><span>     <INPUT TYPE="checkbox" NAME="picture" VALUE="monky"></span>猴子<span><P></span></pre> <pre><span>     <INPUT TYPE="checkbox" NAME="picture" VALUE="flower"></span>花朵<span><P></span></pre> <pre><span>     <INPUT TYPE="checkbox" NAME="picture" VALUE="girl"></span>女孩<span><P></span></pre> <pre><span>     <INPUT TYPE="checkbox" NAME="picture" VALUE="building"></span>建筑<span><P></span></pre> <p class="MsoNormal"><span style="font-family:'宋体';">显示效果如</span><span>:</span></p> <pre><span> </span></pre> <pre><span>     Which picture do you like?</span></pre> <pre><span>     <input type="checkbox" name="picture" /> </span>猴子</pre> <pre><span>     <input type="checkbox" name="picture" /> </span>花朵</pre> <pre><span>     <input type="checkbox" name="picture" /> </span>女孩</pre> <pre><span>     <input type="checkbox" name="picture" /> </span>建筑</pre> <h4> <span>1.10.5.<span style="font:7pt 'Times New Roman';">     </span></span><span>Submit and Reset</span><span style="font-family:'宋体';">提交与重置按钮</span> </h4> <p class="MsoNormal"><span style="font-family:'宋体';">提交</span><span> "submit" </span><span style="font-family:'宋体';">按钮点击后可发出表单，重置</span><span> "reset" </span><span style="font-family:'宋体';">按钮点击后可清除整个表单的输入内容以重新输入。用法如</span><span>:</span></p> <pre><span> </span></pre> <pre><span>     <INPUT TYPE="submit" NAME="submit" VALUE="Send"></span></pre> <pre><span>     <INPUT TYPE="reset" NAME="reset" VALUE="Clear"></span></pre> <p class="MsoNormal"><span style="font-family:'宋体';">显示效果如</span><span>:</span></p> <pre><span> </span></pre> <pre><span>     <input type="submit" name="submit" /><input type="reset" name="reset" /></span></pre> <h4> <span>1.10.6.<span style="font:7pt 'Times New Roman';">     </span></span><span>Password</span><span style="font-family:'宋体';">密码输入框</span> </h4> <p class="MsoNormal"><span style="font-family:'宋体';">可使用密码输入框</span><span>Password</span><span style="font-family:'宋体';">来用星号遮盖住输入的敏感信息如密码，用法如：</span></p> <pre><span> </span></pre> <pre><span>     <INPUT TYPE="password" NAME="pass" SIZE="20"></span></pre> <h4> <span>1.10.7.<span style="font:7pt 'Times New Roman';">     </span></span><span>Pull-Down Menu</span><span style="font-family:'宋体';">下拉菜单</span> </h4> <p class="MsoNormal"><span style="font-family:'宋体';">可以使用下拉菜单</span><span>Pull-Down Menu</span><span style="font-family:'宋体';">来定义多选一的单选答案，用法如：</span></p> <pre><span> </span></pre> <pre><span>     </span>请问你几岁啦<span>? </span></pre> <pre><span>     <SELECT NAME="age"></span></pre> <pre><span>     <OPTION>1-15</span></pre> <pre><span>     <OPTION SELECTED >16-21</span></pre> <pre><span>     <OPTION>22-30</span></pre> <pre><span>     <OPTION>31-45</span></pre> <pre><span>     <OPTION>46-65</span></pre> <pre><span>     <OPTION>66-80</span></pre> <pre><span>     <OPTION>81-up</span></pre> <pre><span>     </SELECT></span></pre> <p class="MsoNormal"><span style="font-family:'宋体';">显示效果如</span><span>:</span></p> <pre><span> </span></pre> <pre><span>     </span>请问你几岁啦<span>?</span></pre> <pre><span>     <select size="1" name="age"> <option>1-15</option> </span></pre> <pre><span>     <option>16-21</option> <option>22-30</option> </span></pre> <pre><span>     <option>31-45</option> <option>46-65</option> <option>66-80</option> </span></pre> <pre><span>     <option>81-up</option></select></span></pre> <h4> <span>1.10.8.<span style="font:7pt 'Times New Roman';">     </span></span><span>Scroll-Down Menu</span><span style="font-family:'宋体';">滚动菜单</span> </h4> <p class="MsoNormal"><span style="font-family:'宋体';">滚动菜单有两种，一种是只能多选一：</span></p> <pre><span> </span></pre> <pre><span>     </span>请问你几岁啦<span>?</span></pre> <pre><span>     <SELECT NAME="age" SIZE=5></span></pre> <pre><span>     <OPTION VALUE="1-15">1-15</span></pre> <pre><span>     <OPTION VALUE="16-21">16-21</span></pre> <pre><span>     <OPTION VALUE="22-30">22-30</span></pre> <pre><span>     <OPTION VALUE="31-45">31-45</span></pre> <pre><span>     <OPTION VALUE="46-65">46-65</span></pre> <pre><span>     <OPTION VALUE="66-80">66-80</span></pre> <pre><span>     <OPTION VALUE="81-up">81-up</span></pre> <pre><span>     </SELECT></span></pre> <p class="MsoNormal"><span style="font-family:'宋体';">显示效果如</span><span>:</span></p> <pre><span> </span></pre> <pre><span>     </span>请问你几岁啦<span>?</span></pre> <pre><span>     <select size="5" name="age"> <option value="1-15">1-15</option> </span></pre> <pre><span>     <option value="16-21">16-21</option> <option value="22-30">22-30</option> </span></pre> <pre><span>     <option value="31-45">31-45</option> <option value="46-65">46-65</option> </span></pre> <pre><span>     <option value="66-80">66-80</option> <option value="80-up">80-up</option></select></span></pre> <p class="MsoNormal"><span style="font-family:'宋体';">一种是可以通过按住</span><span>shift</span><span style="font-family:'宋体';">键不动去多选一或多选多，</span><span>html</span><span style="font-family:'宋体';">中使用</span><span> "<em><span style="font-family:Arial;">multiple</span></em>"</span><span style="font-family:'宋体';">属性定义，用法如：</span></p> <pre><span> </span></pre> <pre><span>     </span>你喜欢做的事情有哪些<span>?</span></pre> <pre><span>     (</span>按住<span><i>shift</i></span>不动以选择多个答案项<span>)</span></pre> <pre><span>     <SELECT NAME="reading" MULTIPLE size="3"></span>阅读</pre> <pre><span>     <OPTION VALUE="sports"></span>体育</pre> <pre><span>     <OPTION VALUE="travelling"></span>旅行</pre> <pre><span>     <OPTION VALUE="music"></span>音乐</pre> <pre><span>     <OPTION VALUE="cooking"></span>烹调</pre> <pre><span>     <OPTION VALUE="shopping"></span>采购</pre> <pre><span>     <OPTION VALUE="talking"></span>聊天</pre> <pre><span>     </SELECT><P></span></pre> <p class="MsoNormal"><span> </span></p> <h3> <span>1.11.<span style="font:7pt 'Times New Roman';"> </span></span><span>Frame</span><span style="font-family:'宋体';">框架</span> </h3> <p class="MsoNormal"><span style="font-family:'宋体';">使用</span><span> frames</span><span style="font-family:'宋体';">框架可以把多个网页同时置于一个浏览器窗口中显示，每个框架可以显示一个网页</span><span>(</span><span style="font-family:'宋体';">帧</span><span>), </span><span style="font-family:'宋体';">框架开始于</span><span> <FRAMESET></span><span style="font-family:'宋体';">而终于</span><span></FRAMSET> </span><span style="font-family:'宋体';">标签。可以使用两个修饰属性</span><span> ROWS </span><span style="font-family:'宋体';">和</span><span>COLS </span><span style="font-family:'宋体';">来定义框架的大小。用法如：</span></p> <pre><span> </span></pre> <pre><span><html></span></pre> <pre><span><head><title></title></head> </span></pre> <pre><span><frameset rows="64,*"></span></pre> <pre><span><frame name="banner" scrolling="no" noresize </span></pre> <pre><span>         target="contents" src="top.htm"> </span></pre> <pre><span><frameset cols="150,*"></span></pre> <pre><span><frame name="contents" target="main" </span></pre> <pre><span>         src="menu.htm"></span></pre> <pre><span><frame name="main" src="home.htm"></span></pre> <pre><span></frameset></span></pre> <pre><span><noframes></span></pre> <pre><span><body></span></pre> <pre><span><p>This page uses frames, but your browser doesn't </span></pre> <pre><span>support them.</p></span></pre> <pre><span></body></span></pre> <pre><span></noframes></span></pre> <pre><span></frameset> </span></pre> <pre><span></html></span></pre> <p class="MsoNormal"><span style="font-family:'宋体';">各元素解释如下：</span></p> <p class="MsoNormal"><em><span style="font-family:Arial;">rows="64,*"</span></em><span style="font-family:'宋体';">表示第一个框架纵向占用</span><span>64</span><span style="font-family:'宋体';">行，而第二个占用全部剩余空间</span><span>(</span><span style="font-family:'宋体';">用星号表示</span><span>)</span><span style="font-family:'宋体';">。也可以按比例来定义所占行数，格式如：</span> <em><span style="font-family:Arial;">cols="30%,60%"</span></em></p> <p class="MsoNormal"><em><span style="font-family:Arial;"><frame></span></em><span style="font-family:'宋体';">定义一个独立的框架；</span></p> <p class="MsoNormal"><em><span style="font-family:Arial;">name="..."</span></em><span style="font-family:'宋体';">定义框架的名称；</span></p> <p class="MsoNormal"><em><span style="font-family:Arial;">src="..."</span></em><span style="font-family:'宋体';">定义要在框架里面显示的网页的地址；</span></p> <p class="MsoNormal"><em><span style="font-family:Arial;">target="..."</span></em><span style="font-family:'宋体';">定义链接要在哪一个框架里面打开；</span></p> <p class="MsoNormal"><em><span style="font-family:Arial;">scrolling="yes|no|auto"</span></em><span style="font-family:'宋体';">定义框架的滚动条。</span><span> "yes" </span><span style="font-family:'宋体';">强制总是显示滚动条</span><span> "no"</span><span style="font-family:'宋体';">强制总是隐藏滚动条</span><span>"auto" </span><span style="font-family:'宋体';">表示由浏览器自动选择是否显示滚动条</span><span>. </span><span style="font-family:'宋体';">默认值为</span><span> "auto"</span><span style="font-family:'宋体';">；</span></p> <p class="MsoNormal"><em><span style="font-family:Arial;">noresize</span></em><span style="font-family:'宋体';">表示框架大小固定不可调整大小；</span></p> <p class="MsoNormal"><span><noframes></span><span style="font-family:'宋体';">标签用于定义当浏览器不支持框架时显示的</span><span> <body></body> </span><span style="font-family:'宋体';">标签包起来的文本；</span></p> <p class="MsoNormal"><span style="font-family:'宋体';">还有一些要注意的</span><span>TARGE</span><span style="font-family:'宋体';">：</span><span><br>"_blank" </span><span style="font-family:'宋体';">定义链接在新的窗口打开；</span><span><br>"_top" </span><span style="font-family:'宋体';">定义链接在整个原窗口打开；</span><span><br>"_self" </span><span style="font-family:'宋体';">定义链接在原框架中打开，经常与</span><span> <BASE...> (</span><span style="font-family:'宋体';">规定默认地址或默认目标</span><span>)</span><span style="font-family:'宋体';">标签配合使用</span><span>.<br>"_parent" </span><span style="font-family:'宋体';">定义链接在原框架的父框架中打开</span><span>.</span></p> <p class="MsoNormal"><span style="font-family:'宋体';">用法如：</span></p> <pre><span> </span></pre> <pre><span>     <A HREF="ah.html" TARGET="_blank">text</A></span></pre> <p class="MsoNormal"><span>TARGET</span><span style="font-family:'宋体';">属性也可加到</span><span> <FORM> </span><span style="font-family:'宋体';">标签中以使得脚本的输出值返回到指定的框架或窗口。</span></p> </div> <p class="Normal"><span> </span></p> </div> </div> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1288439673416392704"></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">  <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>  <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>  <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">你可能感兴趣的:(HTML)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835509770287673344.htm" title="swagger访问路径" target="_blank">swagger访问路径</a> <span class="text-muted">igotyback</span> <a class="tag" taget="_blank" href="/search/swagger/1.htm">swagger</a> <div>Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip</div> </li> <li><a href="/article/1835508130608410624.htm" title="html 中如何使用 uniapp 的部分方法" target="_blank">html 中如何使用 uniapp 的部分方法</a> <span class="text-muted">某公司摸鱼前端</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了</div> </li> <li><a href="/article/1835499615491813376.htm" title="四章-32-点要素的聚合" target="_blank">四章-32-点要素的聚合</a> <span class="text-muted">彩云飘过</span> <div>本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.</div> </li> <li><a href="/article/1835498925755297792.htm" title="DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理</a> <span class="text-muted">STU学生网页设计</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a> <div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div> </li> <li><a href="/article/1835496149843275776.htm" title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</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/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a> <div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div> </li> <li><a href="/article/1835496148601761792.htm" title="HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动" target="_blank">HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div> </li> <li><a href="/article/1835435506645692416.htm" title="00. 这里整理了最全的爬虫框架（Java + Python）" target="_blank">00. 这里整理了最全的爬虫框架（Java + Python）</a> <span class="text-muted">有一只柴犬</span> <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB%E7%B3%BB%E5%88%97/1.htm">爬虫系列</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2</div> </li> <li><a href="/article/1835435141535723520.htm" title="详解：如何设计出健壮的秒杀系统？" target="_blank">详解：如何设计出健壮的秒杀系统？</a> <span class="text-muted">夜空_2cd3</span> <div>作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*</div> </li> <li><a href="/article/1835403246865313792.htm" title="斟一小组鸡血视频" target="_blank">斟一小组鸡血视频</a> <span class="text-muted">和自己一起成长</span> <div>http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa</div> </li> <li><a href="/article/1835395039572881408.htm" title="Dockerfile命令详解之 FROM" target="_blank">Dockerfile命令详解之 FROM</a> <span class="text-muted">清风怎不知意</span> <a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8%E5%8C%96/1.htm">容器化</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</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>许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用</div> </li> <li><a href="/article/1835389111658180608.htm" title="《HTML 与 CSS—— 响应式设计》" target="_blank">《HTML 与 CSS—— 响应式设计》</a> <span class="text-muted">陈在天box</span> <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> <div>一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在</div> </li> <li><a href="/article/1835387977480630272.htm" title="【C语言】- 自定义类型：结构体、枚举、联合" target="_blank">【C语言】- 自定义类型：结构体、枚举、联合</a> <span class="text-muted">Cavalier_01</span> <a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80/1.htm">C语言</a> <div>【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523</div> </li> <li><a href="/article/1835382685745377280.htm" title="html+css网页设计旅游网站首页1个页面" target="_blank">html+css网页设计旅游网站首页1个页面</a> <span class="text-muted">html+css+js网页设计</span> <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/%E6%97%85%E6%B8%B8/1.htm">旅游</a> <div>html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击</div> </li> <li><a href="/article/1835379153730367488.htm" title="spring mvc @RequestBody String类型参数" target="_blank">spring mvc @RequestBody String类型参数</a> <span class="text-muted">zoyation</span> <a class="tag" taget="_blank" href="/search/spring-mvc/1.htm">spring-mvc</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a> <div>通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ</div> </li> <li><a href="/article/1835377684025274368.htm" title="ubuntu安装opencv最快的方法" target="_blank">ubuntu安装opencv最快的方法</a> <span class="text-muted">Derek重名了</span> <div>最快方法，当然不能太多文字$sudoapt-getinstallpython-opencv借助python就可以把ubuntu的opencv环境搞起来，非常快非常容易参考：https://docs.opencv.org/trunk/d2/de6/tutorial_py_setup_in_ubuntu.html</div> </li> <li><a href="/article/1835376759739084800.htm" title="处理标签包裹的字符串，并取出前250字符" target="_blank">处理标签包裹的字符串，并取出前250字符</a> <span class="text-muted">周bro</span> <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><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>//假设这是你的HTML字符串varhtmlString=`这是一个段落。这是一个标题这是另一个段落，包含一些链接。`;//解析HTML字符串并提取文本functionextractTextFromHTML(html){varparser=newDOMParser();vardoc=parser.parseFromString(html,"text/html");vartextContent=do</div> </li> <li><a href="/article/1835372727582683136.htm" title="h5小游戏定制开发" target="_blank">h5小游戏定制开发</a> <span class="text-muted">红匣子实力推荐</span> <div>随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台</div> </li> <li><a href="/article/1835354700392787968.htm" title="Nginx的使用场景：构建高效、可扩展的Web架构" target="_blank">Nginx的使用场景：构建高效、可扩展的Web架构</a> <span class="text-muted">张某布响丸辣</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin</div> </li> <li><a href="/article/1835354447627251712.htm" title="前端知识点" target="_blank">前端知识点</a> <span class="text-muted">ZhangTao_zata</span> <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><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage</div> </li> <li><a href="/article/1835349024102772736.htm" title="非关系型数据库" target="_blank">非关系型数据库</a> <span class="text-muted">天秤-white</span> <a class="tag" taget="_blank" href="/search/nosql/1.htm">nosql</a> <div>一、为什么要用Nosql1.单机MySQL的时代。一个基本的网站访问量一般不会太大，单个数据库完全足够。那时候更多使用的静态网页html，服务器根本没有太大压力。这时候网站的瓶颈是什么？-数据量如果太大，一个机器放不下。-数据量太大需要建立数据的索引（B+Tree），一个服务器内存放不下。-访问量读写混合，一个服务器承受不了。2.memcached缓存+MySQL+垂直拆分（读写分离）。网站80%</div> </li> <li><a href="/article/1835342718067372032.htm" title="Python精选200Tips：121-125" target="_blank">Python精选200Tips：121-125</a> <span class="text-muted">AnFany</span> <a class="tag" taget="_blank" href="/search/Python200%2BTips/1.htm">Python200+Tips</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>Spendyourtimeonself-improvement121Requests-简化的HTTP请求处理发送GET请求发送POST请求发送PUT请求发送DELETE请求会话管理处理超时文件上传122BeautifulSoup-网页解析和抓取解析HTML和XML文档查找单个标签查找多个标签使用CSS选择器查找标签提取文本修改文档内容删除标签处理XML文档123Scrapy-强大的网络爬虫框架示例</div> </li> <li><a href="/article/1835333268375957504.htm" title="爬虫技术抓取网站数据" target="_blank">爬虫技术抓取网站数据</a> <span class="text-muted">Bearjumpingcandy</span> <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a> <div>爬虫技术是一种自动化获取网站数据的技术，它可以模拟人类浏览器的行为，访问网页并提取所需的信息。以下是爬虫技术抓取网站数据的一般步骤：发起HTTP请求：爬虫首先会发送HTTP请求到目标网站，获取网页的内容。解析HTML：获取到网页内容后，爬虫会使用HTML解析器解析HTML代码，提取出需要的数据。数据提取：通过使用XPath、CSS选择器或正则表达式等工具，爬虫可以从HTML中提取出所需的数据，如文</div> </li> <li><a href="/article/1835316434805288960.htm" title="七.正则化" target="_blank">七.正则化</a> <span class="text-muted">愿风去了</span> <div>吴恩达机器学习之正则化（Regularization）http://www.cnblogs.com/jianxinzhou/p/4083921.html从数学公式上理解L1和L2https://blog.csdn.net/b876144622/article/details/81276818虽然在线性回归中加入基函数会使模型更加灵活，但是很容易引起数据的过拟合。例如将数据投影到30维的基函数上，模</div> </li> <li><a href="/article/1835296397365178368.htm" title="创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几" target="_blank">创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几</a> <span class="text-muted">uthRaman</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=</div> </li> <li><a href="/article/1835285939723792384.htm" title="利用frp实现内网穿透（需要云主机）" target="_blank">利用frp实现内网穿透（需要云主机）</a> <span class="text-muted">heiyumiao</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%B7%A5%E5%85%B7/1.htm">网络工具</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>详细实现教程：https://www.iplaysoft.com/frp.htmlhttps://blog.csdn.net/u013144287/article/details/78589643/项目官网地址：https://github.com/fatedier/frp/releases按照系统下载相应的程序包什么是frp内网穿透工具有很多，其中Frp(FastReverseProxy)是比较</div> </li> <li><a href="/article/1835270061674295296.htm" title="word转html制作操作手册,Word文档转换为HTML帮助文档操作手册范本.pdf" target="_blank">word转html制作操作手册,Word文档转换为HTML帮助文档操作手册范本.pdf</a> <span class="text-muted">想吃草莓干</span> <a class="tag" taget="_blank" href="/search/word%E8%BD%AChtml%E5%88%B6%E4%BD%9C%E6%93%8D%E4%BD%9C%E6%89%8B%E5%86%8C/1.htm">word转html制作操作手册</a> <div>Word文档转换为HTML帮助文档操作手册一、使用到的软件DOC2CHMDreamweaverCS3Helpandmanual4二、操作步骤1.先建立一个工作目录。如hhwork。2.将需要转换的文件复制到此工作目录下。如果是中文文件名，最好将其改为英文文件名。例：现在要将《小神探点检定修信息管理系统使用手册0.3.6.doc》转换为Html格式的帮助文档，首先将此文档复制到hhwork目录下并将</div> </li> <li><a href="/article/1835262372638453760.htm" title="WORD批量转换器MultiDoc Converter" target="_blank">WORD批量转换器MultiDoc Converter</a> <span class="text-muted">uolian</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a> <div>WORD批量转换器MultiDocConverterhttps://www.52pojie.cn/thread-1318745-1-1.html可批量将doc、docx等文件格式转成doc、docx、pdf、rtf、txt、html、epub等格式。安装包下载地址：https://wws.lanzouj.com/irvVbiz0pkd最终下载文件打包地址（未作成单文件，不确定是否可以直接使用）：h</div> </li> <li><a href="/article/1835258583235784704.htm" title="HTML中"bgcolor"与"background-color"的区别" target="_blank">HTML中"bgcolor"与"background-color"的区别</a> <span class="text-muted">Sardar_</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>bgcolor只是标签属性，而backgroud更多作为css的样式属性。它们俩大多数情况下效果完全相同。但在标签下效果不同。不支持bgcolor属性，只能用style标签添加CSS样式。作为table的属性而言：HelloWorld!和HelloWorld!效果完全相同。作为body属性而言：效果完全相同。不过个人推荐统一用CSS样式进行控制，把style统一放到.css文件中。backgrou</div> </li> <li><a href="/article/1835257575277424640.htm" title="【Python爬虫】百度百科词条内容" target="_blank">【Python爬虫】百度百科词条内容</a> <span class="text-muted">PokiFighting</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%A4%84%E7%90%86/1.htm">数据处理</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/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>词条内容我这里随便选取了一个链接，用的是FBI的词条importurllib.requestimporturllib.parsefromlxmlimportetreedefquery(url):headers={'user-agent':'Mozilla/5.0(WindowsNT6.1;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/80.</div> </li> <li><a href="/article/1835249513875468288.htm" title="说说在 Vue.js 中如何实现组件间通信" target="_blank">说说在 Vue.js 中如何实现组件间通信</a> <span class="text-muted">deniro</span> <div>1用法假设父组件的模板包含子组件，我们可以通过props来正向地把数据从父组件传递给子组件。props可以是字符串数组，也可以是对象。html：js：Vue.component('deniro-component',{props:['message'],template:'{{message}}'});varapp=newVue({el:'#app',data:{}});渲染结果：＂嫦娥四号＂成功</div> </li> <li><a href="/article/113.htm" title="windows下源码安装golang" target="_blank">windows下源码安装golang</a> <span class="text-muted">616050468</span> <a class="tag" taget="_blank" href="/search/golang%E5%AE%89%E8%A3%85/1.htm">golang安装</a><a class="tag" taget="_blank" href="/search/golang%E7%8E%AF%E5%A2%83/1.htm">golang环境</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a> <div>         系统： 64位win7，开发环境：sublime text 2， go版本： 1.4.1 1. 安装前准备(gcc, gdb, git)        golang在64位系</div> </li> <li><a href="/article/240.htm" title="redis批量删除带空格的key" target="_blank">redis批量删除带空格的key</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div>redis批量删除的通常做法： redis-cli keys "blacklist*" | xargs redis-cli del 上面的命令在key的前后没有空格时是可以的，但有空格就不行了： $redis-cli keys "blacklist*" 1) "blacklist:12: 361942420@qq.com</div> </li> <li><a href="/article/367.htm" title="oracle正则表达式的用法" target="_blank">oracle正则表达式的用法</a> <span class="text-muted">0624chenhong</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a> <div> 方括号表达示方括号表达式描述 [[:alnum:]] 字母和数字混合的字符 [[:alpha:]] 字母字符 [[:cntrl:]] 控制字符 [[:digit:]] 数字字符 [[:graph:]] 图像字符 [[:lower:]] 小写字母字符 [[:print:]] 打印字符 [[:punct：]] 标点符号字符 [[:space:]]</div> </li> <li><a href="/article/494.htm" title="2048源码(核心算法有，缺少几个anctionbar，以后补上)" target="_blank">2048源码(核心算法有，缺少几个anctionbar，以后补上)</a> <span class="text-muted">不懂事的小屁孩</span> <a class="tag" taget="_blank" href="/search/2048/1.htm">2048</a> <div>2048游戏基本上有四部分组成， 1：主activity，包含游戏块的16个方格，上面统计分数的模块 2：底下的gridview，监听上下左右的滑动，进行事件处理， 3：每一个卡片，里面的内容很简单，只有一个text，记录显示的数字 4：Actionbar，是游戏用重新开始，设置等功能(这个在底下可以下载的代码里面还没有实现) 写代码的流程 1：设计游戏的布局，基本是两块，上面是分</div> </li> <li><a href="/article/621.htm" title="jquery内部链式调用机理" target="_blank">jquery内部链式调用机理</a> <span class="text-muted">换个号韩国红果果</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a> <div>只需要在调用该对象合适(比如下列的setStyles)的方法后让该方法返回该对象（通过this 因为一旦一个函数称为一个对象方法的话那么在这个方法内部this（结合下面的setStyles）指向这个对象） function create(type){ var element=document.createElement(type); //this=element; </div> </li> <li><a href="/article/748.htm" title="你订酒店时的每一次点击背后都是NoSQL和云计算" target="_blank">你订酒店时的每一次点击背后都是NoSQL和云计算</a> <span class="text-muted">蓝儿唯美</span> <a class="tag" taget="_blank" href="/search/NoSQL/1.htm">NoSQL</a> <div>全球最大的在线旅游公司Expedia旗下的酒店预订公司，它运营着89个网站，跨越68个国家，三年前开始实验公有云，以求让客户在预订网站上查询假期酒店时得到更快的信息获取体验。云端本身是用于驱动网站的部分小功能的，如搜索框的自动推荐功能，还能保证处理Hotels.com服务的季节性需求高峰整体储能。 Hotels.com的首席技术官Thierry Bedos上个月在伦敦参加“2015 Clou</div> </li> <li><a href="/article/875.htm" title="java笔记1" target="_blank">java笔记1</a> <span class="text-muted">a-john</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>1，面向对象程序设计（Object-oriented Propramming，OOP）：java就是一种面向对象程序设计。 2，对象：我们将问题空间中的元素及其在解空间中的表示称为“对象”。简单来说，对象是某个类型的实例。比如狗是一个类型，哈士奇可以是狗的一个实例，也就是对象。 3，面向对象程序设计方式的特性： 3.1 万物皆为对象。 </div> </li> <li><a href="/article/1002.htm" title="C语言 sizeof和strlen之间的那些事 C/C++软件开发求职面试题必备考点（一）" target="_blank">C语言 sizeof和strlen之间的那些事 C/C++软件开发求职面试题必备考点（一）</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/C%2FC%2B%2B%E6%B1%82%E8%81%8C%E9%9D%A2%E8%AF%95%E5%BF%85%E5%A4%87%E8%80%83%E7%82%B9/1.htm">C/C++求职面试必备考点</a> <div> 找工作在即，以后决定每天至少写一个知识点，主要是记录，逼迫自己动手、总结加深印象。当然如果能有一言半语让他人收益，后学幸运之至也。如有错误，还希望大家帮忙指出来。感激不尽。后学保证每个写出来的结果都是自己在电脑上亲自跑过的，咱人笨，以前学的也半吊子。很多时候只能靠运行出来的结果再反过来</div> </li> <li><a href="/article/1129.htm" title="程序员写代码时就不要管需求了吗？" target="_blank">程序员写代码时就不要管需求了吗？</a> <span class="text-muted">asia007</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98%E4%B8%8D%E8%83%BD%E4%B8%80%E5%91%B3%E8%B7%9F%E9%9C%80%E6%B1%82%E8%B5%B0/1.htm">程序员不能一味跟需求走</a> <div> 编程也有2年了，刚开始不懂的什么都跟需求走，需求是怎样就用代码实现就行，也不管这个需求是否合理，是否为较好的用户体验。当然刚开始编程都会这样，但是如果有了2年以上的工作经验的程序员只知道一味写代码，而不在写的过程中思考一下这个需求是否合理，那么，我想这个程序员就只能一辈写敲敲代码了。我的技术不是很好，但是就不代</div> </li> <li><a href="/article/1256.htm" title="Activity的四种启动模式" target="_blank">Activity的四种启动模式</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/%E6%A0%88%E6%A8%A1%E5%BC%8F%E5%90%AF%E5%8A%A8/1.htm">栈模式启动</a><a class="tag" taget="_blank" href="/search/Activity%E7%9A%84%E6%A0%87%E5%87%86%E6%A8%A1%E5%BC%8F%E5%90%AF%E5%8A%A8/1.htm">Activity的标准模式启动</a><a class="tag" taget="_blank" href="/search/%E6%A0%88%E9%A1%B6%E6%A8%A1%E5%BC%8F%E5%90%AF%E5%8A%A8/1.htm">栈顶模式启动</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F%E5%90%AF%E5%8A%A8/1.htm">单例模式启动</a> <div>android界面的操作就是很多个activity之间的切换,启动模式决定启动的activity的生命周期 ; 启动模式xml中配置     <activity android:name=".MainActivity" android:launchMode="standard&quo</div> </li> <li><a href="/article/1383.htm" title="Spring中@Autowired标签与@Resource标签的区别" target="_blank">Spring中@Autowired标签与@Resource标签的区别</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%40Resource/1.htm">@Resource</a><a class="tag" taget="_blank" href="/search/%40Autowired/1.htm">@Autowired</a><a class="tag" taget="_blank" href="/search/%40Qualifier/1.htm">@Qualifier</a> <div>Spring不但支持自己定义的@Autowired注解，还支持由JSR-250规范定义的几个注解，如：@Resource、 @PostConstruct及@PreDestroy。 1. @Autowired    @Autowired是Spring 提供的，需导入 Package:org.springframewo</div> </li> <li><a href="/article/1510.htm" title="Changes Between SOAP 1.1 and SOAP 1.2" target="_blank">Changes Between SOAP 1.1 and SOAP 1.2</a> <span class="text-muted">sunjing</span> <a class="tag" taget="_blank" href="/search/Changes/1.htm">Changes</a><a class="tag" taget="_blank" href="/search/Enable/1.htm">Enable</a><a class="tag" taget="_blank" href="/search/SOAP+1.1/1.htm">SOAP 1.1</a><a class="tag" taget="_blank" href="/search/SOAP+1.2/1.htm">SOAP 1.2</a> <div>JAX-WS SOAP Version 1.2 Part 0: Primer (Second Edition) SOAP Version 1.2 Part 1: Messaging Framework (Second Edition) SOAP Version 1.2 Part 2: Adjuncts (Second Edition) Which style of WSDL</div> </li> <li><a href="/article/1637.htm" title="【Hadoop二】Hadoop常用命令" target="_blank">【Hadoop二】Hadoop常用命令</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a> <div>以Hadoop运行Hadoop自带的wordcount为例， hadoop脚本位于/home/hadoop/hadoop-2.5.2/bin/hadoop，需要说明的是，这些命令的使用必须在Hadoop已经运行的情况下才能执行 Hadoop HDFS相关命令 hadoop fs -ls 列出HDFS文件系统的第一级文件和第一级</div> </li> <li><a href="/article/1764.htm" title="java异常处理（初级）" target="_blank">java异常处理（初级）</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%E8%99%9A%E6%8B%9F%E6%9C%BA/1.htm">虚拟机</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a> <div>从学习到现在从事java开发一年多了，个人觉得对java只了解皮毛，很多东西都是用到再去慢慢学习，编程真的是一项艺术，要完成一段好的代码，需要懂得很多。最近项目经理让我负责一个组件开发，框架都由自己搭建，最让我头疼的是异常处理，我看了一些网上的源码，发现他们对异常的处理不是很重视，研究了很久都没有找到很好的解决方案。后来有幸看到一个200W美元的项目部分源码，通过他们对异常处理的解决方案，我终</div> </li> <li><a href="/article/1891.htm" title="记录整理-工作问题" target="_blank">记录整理-工作问题</a> <span class="text-muted">braveCS</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a> <div>1）那位同学还是CSV文件默认Excel打开看不到全部结果。以为是没写进去。同学甲说文件应该不分大小。后来log一下原来是有写进去。只是Excel有行数限制。那位同学进步好快啊。 2）今天同学说写文件的时候提示jvm的内存溢出。我马上反应说那就改一下jvm的内存大小。同学说改用分批处理了。果然想问题还是有局限性。改jvm内存大小只能暂时地解决问题，以后要是写更大的文件还是得改内存。想问题要长远啊</div> </li> <li><a href="/article/2018.htm" title="org.apache.tools.zip实现文件的压缩和解压，支持中文" target="_blank">org.apache.tools.zip实现文件的压缩和解压，支持中文</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a> <div>刚开始用java.util.Zip，发现不支持中文（网上有修改的方法，但比较麻烦）后改用org.apache.tools.zip org.apache.tools.zip的使用网上有更简单的例子下面的程序根据实际需求，实现了压缩指定目录下指定文件的方法 import java.io.BufferedReader; import java.io.BufferedWrit</div> </li> <li><a href="/article/2145.htm" title="读书笔记-4" target="_blank">读书笔记-4</a> <span class="text-muted">chengxuyuancsdn</span> <a class="tag" taget="_blank" href="/search/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/1.htm">读书笔记</a> <div>1、JSTL 核心标签库标签 2、避免SQL注入 3、字符串逆转方法 4、字符串比较compareTo 5、字符串替换replace 6、分拆字符串 1、JSTL 核心标签库标签共有13个，学习资料：http://www.cnblogs.com/lihuiyy/archive/2012/02/24/2366806.html 功能上分为4类： (1)表达式控制标签：out</div> </li> <li><a href="/article/2272.htm" title="[物理与电子]半导体教材的一个小问题" target="_blank">[物理与电子]半导体教材的一个小问题</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E9%97%AE%E9%A2%98/1.htm">问题</a> <div>       各种模拟电子和数字电子教材中都有这个词汇-空穴       书中对这个词汇的解释是; 当电子脱离共价键的束缚成为自由电子之后,共价键中就留下一个空位,这个空位叫做空穴       我现在回过头翻大学时候的教材,觉得这个</div> </li> <li><a href="/article/2399.htm" title="Flashback Database --闪回数据库" target="_blank">Flashback Database --闪回数据库</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E9%97%AA%E5%9B%9E%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">闪回数据库</a> <div>Flashback 技术是以Undo segment中的内容为基础的，因此受限于UNDO_RETENTON参数。要使用flashback 的特性，必须启用自动撤销管理表空间。在Oracle 10g中， Flash back家族分为以下成员： Flashback Database， Flashback Drop，Flashback Query(分Flashback Query,Flashbac</div> </li> <li><a href="/article/2526.htm" title="简单排序:插入排序" target="_blank">简单排序:插入排序</a> <span class="text-muted">dieslrae</span> <a class="tag" taget="_blank" href="/search/%E6%8F%92%E5%85%A5%E6%8E%92%E5%BA%8F/1.htm">插入排序</a> <div> public void insertSort(int[] array){ int temp; for(int i=1;i<array.length;i++){ temp = array[i]; for(int k=i-1;k>=0;k--)</div> </li> <li><a href="/article/2653.htm" title="C语言学习六指针小示例、一维数组名含义，定义一个函数输出数组的内容" target="_blank">C语言学习六指针小示例、一维数组名含义，定义一个函数输出数组的内容</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a> <div># include <stdio.h> int main(void) { int * p; //等价于 int *p 也等价于 int* p; int i = 5; char ch = 'A'; //p = 5; //error //p = &ch; //error //p = ch; //error p = &i; // </div> </li> <li><a href="/article/2780.htm" title="centos下php redis扩展的安装配置3种方法" target="_blank">centos下php redis扩展的安装配置3种方法</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div>方法一 1.下载php redis扩展包代码如下复制代码 #wget http://redis.googlecode.com/files/redis-2.4.4.tar.gz 2 tar -zxvf 解压压缩包，cd /扩展包（进入扩展包然后运行phpize 一下是我环境中phpize的目录，/usr/local/php/bin/phpize (一定要</div> </li> <li><a href="/article/2907.htm" title="线程池(Executors)" target="_blank">线程池(Executors)</a> <span class="text-muted">shuizhaosi888</span> <a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B%E6%B1%A0/1.htm">线程池</a> <div>在java类库中，任务执行的主要抽象不是Thread，而是Executor，将任务的提交过程和执行过程解耦 public interface Executor { void execute(Runnable command); } public class RunMain implements Executor{ @Override pub</div> </li> <li><a href="/article/3034.htm" title="openstack 快速安装笔记" target="_blank">openstack 快速安装笔记</a> <span class="text-muted">haoningabc</span> <a class="tag" taget="_blank" href="/search/openstack/1.htm">openstack</a> <div>前提是要配置好yum源版本icehouse，操作系统redhat6.5 最简化安装，不要cinder和swift 三个节点 172 control节点keystone glance horizon 173 compute节点nova 173 network节点neutron control /etc/sysctl.conf net.ipv4.ip_forward =</div> </li> <li><a href="/article/3161.htm" title="从c面向对象的实现理解c++的对象（二）" target="_blank">从c面向对象的实现理解c++的对象（二）</a> <span class="text-muted">jimmee</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/1.htm">面向对象</a><a class="tag" taget="_blank" href="/search/%E8%99%9A%E5%87%BD%E6%95%B0/1.htm">虚函数</a> <div>1. 类就可以看作一个struct，类的方法，可以理解为通过函数指针的方式实现的，类对象分配内存时，只分配成员变量的，函数指针并不需要分配额外的内存保存地址。 2. c++中类的构造函数，就是进行内存分配(malloc)，调用构造函数 3. c++中类的析构函数，就时回收内存(free) 4. c++是基于栈和全局数据分配内存的，如果是一个方法内创建的对象，就直接在栈上分配内存了。专门在</div> </li> <li><a href="/article/3288.htm" title="如何让那个一个div可以拖动" target="_blank">如何让那个一个div可以拖动</a> <span class="text-muted">lingfeng520240</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div> <!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/1999/xhtml</div> </li> <li><a href="/article/3415.htm" title="第10章高级事件（中）" target="_blank">第10章高级事件（中）</a> <span class="text-muted">onestopweb</span> <a class="tag" taget="_blank" href="/search/%E4%BA%8B%E4%BB%B6/1.htm">事件</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/3542.htm" title="计算两个经纬度之间的距离" target="_blank">计算两个经纬度之间的距离</a> <span class="text-muted">roadrunners</span> <a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97/1.htm">计算</a><a class="tag" taget="_blank" href="/search/%E7%BA%AC%E5%BA%A6/1.htm">纬度</a><a class="tag" taget="_blank" href="/search/LBS/1.htm">LBS</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E5%BA%A6/1.htm">经度</a><a class="tag" taget="_blank" href="/search/%E8%B7%9D%E7%A6%BB/1.htm">距离</a> <div>要解决这个问题的时候，到网上查了很多方案，最后计算出来的都与百度计算出来的有出入。下面这个公式计算出来的距离和百度计算出来的距离是一致的。 /** * * @param longitudeA * 经度A点 * @param latitudeA * 纬度A点 * @param longitudeB * </div> </li> <li><a href="/article/3669.htm" title="最具争议的10个Java话题" target="_blank">最具争议的10个Java话题</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>1、Java8已经到来。什么！？ Java8 支持lambda。哇哦，RIP Scala！　　随着Java8 的发布，出现很多关于新发布的Java8是否有潜力干掉Scala的争论，最终的结论是远远没有那么简单。Java8可能已经在Scala的lambda的包围中突围，但Java并非是函数式编程王位的真正觊觎者。　　2、Java 9 即将到来　　 Oracle早在8月份就发布</div> </li> <li><a href="/article/3796.htm" title="zoj 3826 Hierarchical Notation(模拟)" target="_blank">zoj 3826 Hierarchical Notation(模拟)</a> <span class="text-muted">阿尔萨斯</span> <a class="tag" taget="_blank" href="/search/rar/1.htm">rar</a> <div> 题目链接：zoj 3826 Hierarchical Notation 题目大意：给定一些结构体，结构体有value值和key值，Q次询问，输出每个key值对应的value值。解题思路：思路很简单，写个类词法的递归函数，每次将key值映射成一个hash值，用map映射每个key的value起始终止位置，预处理完了查询就很简单了。这题是最后10分钟出的，因为没有考虑value为{}的情</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.  </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>

入门基础教程（1）HTML速成教程

入门基础教程

HTML速成教程

1.1. 基本标签

1.1.1. HTML标签

1.1.2. 头部标签

1.1.3. 标题标签

1.1.4. 概要标签

1.2. 正文标签

1.3. Character字符，Paragraph 段落和Position位置

1.3.1. 标题标签

，最小的标题为
，其他依此类推。这些标签一般用于正文的大纲视图分层级。


最大文本

     ......


最小文本

1.3.2.
段落标签

P段落标签
之间可以放入一个段落，如：


基本信息

注意：
关闭标签可以省略。

，其他依此类推。这些标签一般用于正文的大纲视图分层级。


最大文本

     ......


最小文本

最大文本

最小文本

1.3.2.
段落标签

1.3.3. Align对齐属性

1.3.4. 居中对齐标签

1.3.5.
换行标签

1.3.6.
水平分隔线

1.3.7. 空格

1.3.8.
引用块

欢迎光临HTML入门教程官网!

1.3.9.
预格式化

1.3.10. Comments注释

1.4. Character Style字符样式

1.4.1. 默认字体

1.5. Lists列表标签

1.5.1. Unordered Lists无序列表

1.5.2. Ordered Lists有序列表

1.5.3. Definition Lists定义列表

1.6. 链接

1.7. Image图片

1.8. Color颜色

1.9. Table表格

1.10. Form表单

1.10.1. Input输入框

1.10.2. Text Area文本区域

姓名	电话	ID
John Lee	456-968	276580
Cherry Heitz	789-326	908743

属性	描述
ALIGN (LEFT, CENTER, RIGHT)	单元格的水平对齐样式
VALIGN (TOP, MIDDLE, BOTTOM)	单元格的垂直对齐样式
COLSPAN=n	某单元格横跨的列数
ROWSPAN=n	某单元格纵跨的行数
NOWRAP	单位格内关闭自动换行样式

表格条目	表格条目
表格条目	表格条目

入门基础教程（1）HTML速成教程

入门基础教程

HTML速成教程

1.1. 基本标签

1.1.1. HTML标签

1.1.2. 头部标签

1.1.3. 标题标签

1.1.4. 概要标签

1.2. 正文标签

1.3. Character字符，Paragraph 段落和Position位置

1.3.1. 标题标签

，最小的标题为，其他依此类推。这些标签一般用于正文的大纲视图分层级。 最大文本 ...... 最小文本 1.3.2. 段落标签 P段落标签 之间可以放入一个段落，如： 基本信息 注意：关闭标签可以省略。

，其他依此类推。这些标签一般用于正文的大纲视图分层级。 最大文本 ...... 最小文本

最大文本

最小文本

1.3.2. 段落标签

1.3.3. Align对齐属性

1.3.4. 居中对齐标签

1.3.5. 换行标签

1.3.6. 水平分隔线

1.3.7. 空格

1.3.8. 引用块

欢迎光临HTML入门教程官网!

1.3.9. 预格式化

1.3.10. Comments注释

1.4. Character Style字符样式

1.4.1. 默认字体

1.5. Lists列表标签

1.5.1. Unordered Lists无序列表

1.5.2. Ordered Lists有序列表

1.5.3. Definition Lists定义列表

1.6. 链接

1.7. Image图片

1.8. Color颜色

1.9. Table表格

1.10. Form表单

1.10.1. Input输入框

1.10.2. Text Area文本区域

，最小的标题为
，其他依此类推。这些标签一般用于正文的大纲视图分层级。

最大文本

......

最小文本

1.3.2.
段落标签

P段落标签
之间可以放入一个段落，如：

基本信息

注意：
关闭标签可以省略。

，其他依此类推。这些标签一般用于正文的大纲视图分层级。

最大文本

......

最小文本

1.3.2.
段落标签

1.3.5.
换行标签

1.3.6.
水平分隔线

1.3.8.
引用块

1.3.9.
预格式化