HTML学习总结

用两天的时间将HTML学完,整理一下笔记。由于是在边学习时边记的笔记,只记录了自己不熟悉的。排版不是很规范,慢慢学习,一步一步来。

一.基础布局

1.文件类型说明

2.HTML文件以开始,以结束。/表示标签结束。

3.,不显示在浏览器上,一般是属性的设置;

,要显示的文章内容

4.段落:

5.注释:

6.换行符:
,无结束标签

                 


,增加一条横线

    

:元素中的文本以固定宽度的字体(通常是Courier)显示,并且它保留了空格和换行符。

例:






this is a heading

二.链接

1.链接:,链接的目的地在href属性指定

this is a link

2.图片:img,源文件(src),替换文件(alt)(在无法显示时打开),宽度和高度

imgname

3.图片为链接:href为要链接到的地址,src为图片地址,alt为名称

<a href="default.asp">
  <img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;border:0;">
</a>

三.属性attribute:

        lang="",语言

        title,鼠标指到有显示

Attribute
Description
alt
Specifies an alternative text for an image, when the image cannot be displayed
disabled
Specifies that an input element should be disabled
href
Specifies the URL (web address) for a link
id
Specifies a unique id for an element
src
Specifies the URL (web address) for an image
style
Specifies an inline CSS style for an element
title
Specifies extra information about an element (displayed as a tool tip)

四.style:对应标签的CSS属性设置

The following tags describe metadata: , <style>, <meta>, <link>, <script>, and <base></span> </div> <div> <p><span><span style="font-family:'Microsoft YaHei';font-size:14px;">style attribute:<tagname style="property:value;">(在对应属性的开头标签里,并不是在head)</span></span></p> <p><span><span style="font-family:'Microsoft YaHei';font-size:14px;">background-color;color;记得还有个分号</span></span></p> <p><span><span style="font-family:'Microsoft YaHei';font-size:14px;">font-family(字体);font-size(大小)</span></span></p> </div> <div> <span><span style="font-family:'Microsoft YaHei';font-size:14px;">text-align(对齐)</span></span> </div> <div style="font-size:12px;color:rgb(51,51,51);border:1px solid rgba(0,0,0,.15);"> <ul style="color:rgb(0,0,0);font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"> <li><span style="font-family:'Microsoft YaHei';"><b> - Bold text</span></li> <li><span style="font-family:'Microsoft YaHei';"><strong> - Important text</span></li> <li><span style="font-family:'Microsoft YaHei';"><i> - Italic text</span></li> <li><span style="font-family:'Microsoft YaHei';"><em> - Emphasized text</span></li> <li><span style="font-family:'Microsoft YaHei';"><mark> - Marked text</span></li> <li><span style="font-family:'Microsoft YaHei';"><small> - Small text</span></li> <li><span style="font-family:'Microsoft YaHei';"><del> - Deleted text</span></li> <li><span style="font-family:'Microsoft YaHei';"><ins> - Inserted text</span></li> <li><span style="font-family:'Microsoft YaHei';"><sub> - Subscript text</span></li> <li><span style="font-family:'Microsoft YaHei';"><sup> - Superscript text</span></li> </ul> </div> <div> <span style="font-family:'Microsoft YaHei';"><br></span> </div> <h3><span style="font-family:'Microsoft YaHei';">五.引用quotation</span></h3> <span style="font-family:'Microsoft YaHei';"><span></span></span> <h2 style="letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><span style="letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><span style="color:rgb(0,0,0);font-size:12pt;"><span style="font-family:'Microsoft YaHei';">HTML Quotation and Citation Elements</span></span></span></h2> <table style="border-spacing:0px;font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"> <colgroup> <col style="width:181px;"> <col style="width:535px;"> </colgroup> <tbody> <tr> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="color:rgb(0,0,0);font-size:15px;"><span style="font-family:'Microsoft YaHei';">Tag</span></span> </div></td> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="color:rgb(0,0,0);font-size:15px;"><span style="font-family:'Microsoft YaHei';">Description</span></span> </div></td> </tr> <tr> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-family:'Microsoft YaHei';"><abbr></span> </div></td> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-family:'Microsoft YaHei';"><span style="color:rgb(0,0,0);font-size:15px;">Defines an abbreviation or acronym(</span> <span style="font-size:14px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);">缩写或首字母缩略</span></span> </div> <div> <span style="font-size:14px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);"><span style="font-family:'Microsoft YaHei';">词)</span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">p</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);">The</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">abbr</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;">title</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">="World Health Organization"</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);">WHO</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">/abbr</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);">was founded in 1948.</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">/p</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span></span> </div></td> </tr> <tr> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-family:'Microsoft YaHei';"><address></span> </div></td> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="color:rgb(0,0,0);font-size:15px;"><span style="font-family:'Microsoft YaHei';">Defines contact information for the author/owner of a document</span></span> </div></td> </tr> <tr> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-family:'Microsoft YaHei';"><bdo></span> </div></td> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="color:rgb(0,0,0);font-size:15px;"><span style="font-family:'Microsoft YaHei';">Defines the text direction(文本方向)</span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">bdo</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;">dir</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">="rtl"</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);">This text will be written from right to left</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">/bdo</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span></span> </div></td> </tr> <tr> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-family:'Microsoft YaHei';"><blockquote></span> </div></td> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="color:rgb(0,0,0);font-size:15px;"><span style="font-family:'Microsoft YaHei';">Defines a section that is quoted from another source</span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(165,42,42);">blockquote</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;">cite</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">="</span>http://www.worldwildlife.org/who/index.html<span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">"</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span></span> </div></td> </tr> <tr> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-family:'Microsoft YaHei';"><cite></span> </div></td> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="color:rgb(0,0,0);font-size:15px;"><span style="font-family:'Microsoft YaHei';">Defines the title of a work</span></span> </div></td> </tr> <tr> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-family:'Microsoft YaHei';"><q></span> </div></td> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="color:rgb(0,0,0);font-size:15px;"><span style="font-family:'Microsoft YaHei';">Defines a short inline quotation</span></span> </div></td> </tr> </tbody> </table> <h3><span style="font-family:'Microsoft YaHei';">六.class,id属性:</span></h3> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);">要定义样式的一种特殊类型的元素,添加类属性的元素, <span style="font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);">然后定义为与特定类元素的样式</span></span></span> </div> <div style="font-size:12px;color:rgb(51,51,51);border:1px solid rgba(0,0,0,.15);"> <div> <span style="color:rgb(0,0,0);font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">p</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;">class</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">="error"</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span><span style="color:rgb(0,0,0);font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">I am different</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">/p</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span></span></span> </div> <div> <span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><span style="font-family:'Microsoft YaHei';">在<head></span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><span style="color:rgb(165,42,42);font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">p.error</span><span style="color:rgb(165,42,42);font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#000000;">{</span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;">    color</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#000000;">:</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">red</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#000000;">;</span></span> </div> <div> <span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#000000;"><span style="font-family:'Microsoft YaHei';">}</span></span> </div> </div> <span style="font-family:'Microsoft YaHei';"></span> <div> <span style="font-family:'Microsoft YaHei';">id属性(在internal CSS使用),即在<style></span> </div> <div style="font-size:12px;color:rgb(51,51,51);border:1px solid rgba(0,0,0,.15);"> <div> <span style="font-size:9pt;"><span style="font-family:'Microsoft YaHei';"><style></span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:9pt;"><span style="color:rgb(255,0,0);">#p01</span></span> <span style="font-size:9pt;">{</span></span> </div> <div> <span style="font-size:9pt;"><span style="font-family:'Microsoft YaHei';">    color: blue;</span></span> </div> <div> <span style="font-size:9pt;"><span style="font-family:'Microsoft YaHei';">}</span></span> </div> <div> <span style="font-size:9pt;"><span style="font-family:'Microsoft YaHei';"></style></span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><br></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><body></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:9pt;"><p</span> <span style="font-size:9pt;"><span style="color:rgb(255,0,0);">id="p01"</span></span><span style="font-size:9pt;">>I am different.</p></span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><br style="font-size:9pt;"></span> </div> <div> <span style="font-size:9pt;"><span style="font-family:'Microsoft YaHei';"></body></span></span> </div> </div> <br> <span></span> <div> <div> <br> </div> <h3><span style="font-family:'Microsoft YaHei';">七.HTML表格</span></h3> <div> <span style="font-family:'Microsoft YaHei';">定义HTML表格:</span> </div> <div> <span style="font-family:'Microsoft YaHei';"><table>定义</span> </div> <div> <span style="font-family:'Microsoft YaHei';">每行<tr></span> </div> <div> <span style="font-family:'Microsoft YaHei';">表头标题<th></span> </div> <div> <span style="font-family:'Microsoft YaHei';">表中数据<td></span> </div> <div> <span style="font-family:'Microsoft YaHei';"></span> </div> <div> <span style="font-family:'Microsoft YaHei';">增加边框</span> </div> <div style="font-size:12px;color:rgb(51,51,51);border:1px solid rgba(0,0,0,.15);"> <div> <span style="font-family:'Microsoft YaHei';"><span style="color:rgb(165,42,42);font-size:16px;">p</span><span style="color:rgb(165,42,42);font-size:16px;"> </span><span style="font-size:16px;color:#000000;">{</span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;color:#FF0000;">    border</span><span style="font-size:16px;color:#000000;">:</span><span style="font-size:16px;"> </span><span style="font-size:16px;">1px     solid powderblue</span><span style="font-size:16px;color:#000000;">;</span></span> </div> <div> <span style="font-size:16px;color:#000000;"><span style="font-family:'Microsoft YaHei';">            边框厚度  实线   颜色</span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;color:#FF0000;">    padding</span><span style="font-size:16px;color:#000000;">:</span><span style="font-size:16px;"> </span><span style="font-size:16px;">30px</span><span style="font-size:16px;color:#000000;">;</span></span> </div> <div> <span style="font-size:16px;color:#000000;"><span style="font-family:'Microsoft YaHei';">    边框宽度</span></span> </div> <div> <span style="font-size:16px;color:#000000;"><span style="font-family:'Microsoft YaHei';">}</span></span> </div> </div> <div style="font-size:12px;color:rgb(51,51,51);border:1px solid rgba(0,0,0,.15);"> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#000000;"></span></span> </div> </div> <table style="border-spacing:0px;font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"> <colgroup> <col style="width:454px;"> <col style="width:454px;"> </colgroup> <tbody> <tr> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-size:15px;color:rgb(0,0,0);"><span style="font-family:'Microsoft YaHei';">Tag</span></span> </div></td> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-size:15px;color:rgb(0,0,0);"><span style="font-family:'Microsoft YaHei';">Description</span></span> </div></td> </tr> <tr> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-family:'Microsoft YaHei';"><table></span> </div></td> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-size:15px;color:rgb(0,0,0);"><span style="font-family:'Microsoft YaHei';">Defines a table</span></span> </div></td> </tr> <tr> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-family:'Microsoft YaHei';"><th></span> </div></td> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-size:15px;color:rgb(0,0,0);"><span style="font-family:'Microsoft YaHei';">Defines a header cell in a table</span></span> </div></td> </tr> <tr> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-family:'Microsoft YaHei';"><tr></span> </div></td> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-size:15px;color:rgb(0,0,0);"><span style="font-family:'Microsoft YaHei';">Defines a row in a table</span></span> </div></td> </tr> <tr> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-family:'Microsoft YaHei';"><td></span> </div></td> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-size:15px;color:rgb(0,0,0);"><span style="font-family:'Microsoft YaHei';">Defines a cell in a table</span></span> </div></td> </tr> <tr> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-family:'Microsoft YaHei';"><caption></span> </div></td> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-size:15px;color:rgb(0,0,0);"><span style="font-family:'Microsoft YaHei';">Defines a table caption</span></span> </div></td> </tr> <tr> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-family:'Microsoft YaHei';"><colgroup></span> </div></td> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-size:15px;color:rgb(0,0,0);"><span style="font-family:'Microsoft YaHei';">Specifies a group of one or more columns in a table for formatting</span></span> </div></td> </tr> <tr> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-family:'Microsoft YaHei';"><col></span> </div></td> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-size:15px;color:rgb(0,0,0);"><span style="font-family:'Microsoft YaHei';">Specifies column properties for each column within a <colgroup> element</span></span> </div></td> </tr> <tr> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-family:'Microsoft YaHei';"><thead></span> </div></td> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-size:15px;color:rgb(0,0,0);"><span style="font-family:'Microsoft YaHei';">Groups the header content in a table</span></span> </div></td> </tr> <tr> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-family:'Microsoft YaHei';"><tbody></span> </div></td> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-size:15px;color:rgb(0,0,0);"><span style="font-family:'Microsoft YaHei';">Groups the body content in a table</span></span> </div></td> </tr> <tr> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-family:'Microsoft YaHei';"><tfoot></span> </div></td> <td style="text-align:left;vertical-align:top;border:1px solid rgb(204,204,204);"> <div> <span style="font-size:15px;color:rgb(0,0,0);"><span style="font-family:'Microsoft YaHei';">Groups the footer content in a table</span></span> </div></td> </tr> </tbody> </table> <h3><span style="color:rgb(0,0,0);font-weight:bold;"><span style="font-family:'Microsoft YaHei';font-size:16px;">八.列表list</span></span></h3> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);">1.无序:一个无序列表开始与</span><span style="font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);"><strong><ul></strong></span><span style="font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);">标签。</span><span style="font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);">每个列表项开始与</span><span style="font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);"> </span><span style="font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);"><strong><LI></strong></span><span style="font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);">标记</span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);">2.有序:有序列表开始与</span><span style="font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);"><strong><OL></strong></span><span style="font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);">标记。</span><span style="font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);">每个列表项开始与</span><span style="font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);"><strong><LI></strong></span><span style="font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);">标记</span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><br></span> </div> <div> <span style="font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);"><span style="font-family:'Microsoft YaHei';">块级元素:<div>,占用可用的全宽(伸到左侧和右侧,只要它可以)</span></span> </div> <div> <span style="font-size:15px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:rgb(0,0,0);"><span style="font-family:'Microsoft YaHei';">内联元素:<span>,不启用新行,只需要站尽可能多的宽度</span></span> </div> </div> <div> <span style="font-family:'Microsoft YaHei';"><br></span> </div> <span style="font-family:'Microsoft YaHei';"><br><span></span></span> <h3><span style="font-family:'Microsoft YaHei';">九.HTML CSS</span></h3> <div> <span style="font-family:'Microsoft YaHei';">有三种方式:</span> </div> <div> <span style="font-family:'Microsoft YaHei';">1.inline:在元素旁标签开头用style设置属性</span> </div> <div> <span style="font-family:'Microsoft YaHei';">2.internal:在<head>部分,用<style>标签,每个要设置属性的部分用{  };</span> </div> <div style="font-size:12px;color:rgb(51,51,51);border:1px solid rgba(0,0,0,.15);"> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">head</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">style</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">body</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#000000;">{</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;">background-color</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#000000;">:</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">powderblue</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#000000;">;</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#000000;">}</span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">h1  </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#000000;">{</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;">color</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#000000;">:</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">blue</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#000000;">;</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#000000;">}</span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">p   </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#000000;">{</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;">color</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#000000;">:</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">red</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#000000;">;</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#000000;">}</span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">/style</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">/head</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span></span> </div> </div> <div> <span style="font-family:'Microsoft YaHei';">3.external:在head添加CSS链接</span> </div> <div style="font-size:12px;color:rgb(51,51,51);border:1px solid rgba(0,0,0,.15);"> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">head</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><span style="color:rgb(0,0,0);font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"> </span><span style="color:rgb(0,0,0);font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">link</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;">rel</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">="stylesheet"</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;">href</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">="styles.css"</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">/head</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span></span> </div> </div> <div> <span style="font-family:'Microsoft YaHei';">????rel表示的是什么</span> </div> <div> <span style="font-family:'Microsoft YaHei';">外部样式表:</span> </div> <div> <span style="font-size:15px;color:rgb(0,0,0);"><span style="font-family:'Microsoft YaHei';">使用一个完整的URL链接到一个样式表:</span></span> </div> <div style="font-size:12px;color:rgb(51,51,51);border:1px solid rgba(0,0,0,.15);"> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;"><</span><span style="color:rgb(165,42,42);font-size:16px;">link</span><span style="font-size:16px;color:#FF0000;"> </span><span style="font-size:16px;color:#FF0000;">rel</span><span style="font-size:16px;">="stylesheet"</span><span style="font-size:16px;color:#FF0000;"> </span><span style="font-size:16px;color:#FF0000;">href</span><span style="font-size:16px;">="https://www.w3schools.com/html/styles.css"</span><span style="font-size:16px;">></span></span> </div> </div> <div> <span style="font-size:15px;color:rgb(0,0,0);"><span style="font-family:'Microsoft YaHei';">链接到位于对当前网站的HTML文件夹的样式表</span></span> </div> <div style="font-size:12px;color:rgb(51,51,51);border:1px solid rgba(0,0,0,.15);"> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;"><</span><span style="color:rgb(165,42,42);font-size:16px;">link</span><span style="font-size:16px;color:#FF0000;"> </span><span style="font-size:16px;color:#FF0000;">rel</span><span style="font-size:16px;">="stylesheet"</span><span style="font-size:16px;color:#FF0000;"> </span><span style="font-size:16px;color:#FF0000;">href</span><span style="font-size:16px;">="/html/styles.css"</span><span style="font-size:16px;">></span></span> </div> </div> <div> <span style="font-size:15px;color:rgb(0,0,0);"><span style="font-family:'Microsoft YaHei';">链接到位于同一文件夹中当前页面的样式表:</span></span> </div> <div style="font-size:12px;color:rgb(51,51,51);border:1px solid rgba(0,0,0,.15);"> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;"><</span><span style="color:rgb(165,42,42);font-size:16px;">link</span><span style="font-size:16px;color:#FF0000;"> </span><span style="font-size:16px;color:#FF0000;">rel</span><span style="font-size:16px;">="stylesheet"</span><span style="font-size:16px;color:#FF0000;"> </span><span style="font-size:16px;color:#FF0000;">href</span><span style="font-size:16px;">="styles.css"</span><span style="font-size:16px;">></span></span> </div> </div> <div> <span style="font-family:'Microsoft YaHei';">链接:</span> </div> <div style="font-size:12px;color:rgb(51,51,51);border:1px solid rgba(0,0,0,.15);"> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;"><</span><span style="font-size:16px;">a</span><span style="font-size:16px;color:#FF0000;"> </span><span style="font-size:16px;color:#FF0000;">href</span><span style="font-size:16px;">="</span><span style="font-size:16px;"><em>url</em></span><span style="font-size:16px;">"</span><span style="font-size:16px;">></span><span style="color:rgb(0,0,0);font-size:16px;"><em>link text</em></span><span style="font-size:16px;"><</span><span style="font-size:16px;">/a</span><span style="font-size:16px;">></span></span> </div> </div> <div style="font-size:12px;color:rgb(51,51,51);border:1px solid rgba(0,0,0,.15);"> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;"><</span><span style="font-size:16px;">a</span><span style="font-size:16px;color:#FF0000;"> </span><span style="font-size:16px;color:#FF0000;">href</span><span style="font-size:16px;">="https://www.w3schools.com/html/"</span><span style="font-size:16px;">></span><span style="color:rgb(0,0,0);font-size:16px;">Visit our HTML tutorial</span><span style="font-size:16px;"><</span><span style="font-size:16px;">/a</span><span style="font-size:16px;">></span></span> </div> </div> <div> <br> <h3>十.Iframes</h3> </div> <span style="font-family:'Microsoft YaHei';"><span></span></span> <div> <span style="font-family:'Microsoft YaHei';">Iframes</span> </div> <div style="font-size:12px;color:rgb(51,51,51);border:1px solid rgba(0,0,0,.15);"> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">iframe</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;">src</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">="</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><em>URL</em></span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">"</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">/iframe</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span></span> </div> </div> <div> <span style="font-family:'Microsoft YaHei';">例</span> </div> <div style="font-size:12px;color:rgb(51,51,51);border:1px solid rgba(0,0,0,.15);"> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">iframe</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;">src</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">="demo_iframe.htm"</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;">style</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">="border:none;"</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">/iframe</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span></span> </div> </div> <div style="font-size:12px;color:rgb(51,51,51);border:1px solid rgba(0,0,0,.15);"> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">iframe</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;">src</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">="demo_iframe.htm"</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;">name</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">="iframe_a"</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">/iframe</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><br style="color:rgb(0,0,0);font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"></span> </div> <div> <span style="font-family:'Microsoft YaHei';"><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">p</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">a</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;">href</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">="https://www.w3schools.com"</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;"> </span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;color:#FF0000;">target</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">="iframe_a"</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span><span style="color:rgb(0,0,0);font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">W3Schools.com</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">/a</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;"><</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">/p</span><span style="font-size:16px;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;">></span></span> </div> </div> <div> <span style="font-family:'Microsoft YaHei';"><br></span> </div> <div> <br> </div> <span style="font-family:'Microsoft YaHei';"><br><br><br></span> <p><br></p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1276501743479308288"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部 动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(study)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835471059135066112.htm" title="你可能遗漏的一些C#/.NET/.NET Core知识点" target="_blank">你可能遗漏的一些C#/.NET/.NET Core知识点</a> <span class="text-muted">追逐时光者</span> <a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/.NET/1.htm">.NET</a><a class="tag" taget="_blank" href="/search/DotNetGuide%E7%BC%96%E7%A8%8B%E6%8C%87%E5%8D%97/1.htm">DotNetGuide编程指南</a><a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/.netcore/1.htm">.netcore</a><a class="tag" taget="_blank" href="/search/microsoft/1.htm">microsoft</a> <div>前言在这个快速发展的技术世界中,时常会有一些重要的知识点、信息或细节被忽略或遗漏。《C#/.NET/.NETCore拾遗补漏》专栏我们将探讨一些可能被忽略或遗漏的重要知识点、信息或细节,以帮助大家更全面地了解这些技术栈的特性和发展方向。拾遗补漏GitHub开源地址https://github.com/YSGStudyHards/DotNetGuide/blob/main/docs/DotNet/D</div> </li> <li><a href="/article/1835428821877223424.htm" title="计算机毕业设计PHP仓储综合管理系统(源码+程序+VUE+lw+部署)" target="_blank">计算机毕业设计PHP仓储综合管理系统(源码+程序+VUE+lw+部署)</a> <span class="text-muted">java毕设程序源码王哥</span> <a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置:phpStudy+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue+Express。项目技术:原生PHP++Vue等等组成,B/S模式+Vscode管理+前后端分离等等。环境需要1.运行环境:最好是小皮phpstudy最新版,我们在这个版本上开发的。其他版本理论上也可以。2.开发</div> </li> <li><a href="/article/1835110293278126080.htm" title="史上最全的maven的pom.xml文件详解" target="_blank">史上最全的maven的pom.xml文件详解</a> <span class="text-muted">Meta999</span> <a class="tag" taget="_blank" href="/search/Maven/1.htm">Maven</a> <div>注:详解文件中,用红色进行标注的是平常项目中常用的配置节点。要详细学习!转载的,太经典了、、、、欢迎收藏xxxxxxxxxxxx4.0.0xxxxxxjar1.0-SNAPSHOTxxx-mavenhttp://maven.apache.orgAmavenprojecttostudymaven.jirahttp://jira.baidu.com/banseonDemobanseon@126.com</div> </li> <li><a href="/article/1834237705895112704.htm" title="包含所有的计算机视频教程" target="_blank">包含所有的计算机视频教程</a> <span class="text-muted">rart2008</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F/1.htm">程序人生</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E5%BC%80%E5%8F%91/1.htm">移动开发</a><a class="tag" taget="_blank" href="/search/%E4%BC%81%E4%B8%9A%E5%BA%94%E7%94%A8/1.htm">企业应用</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F%E5%BA%94%E7%94%A8/1.htm">分布式应用</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a> <div>计算机视频教程http://www.study66.cn/soft/show.asp?id=1237北京师范大-多媒体视频http://www.study66.cn/soft/show.asp?id=1240北京理工大学编译原理串讲http://www.study66.cn/soft/show.asp?id=1241北京大学计算机网络视频教程http://www.study66.cn/soft/s</div> </li> <li><a href="/article/1834024059940204544.htm" title="Study Plan For Algorithms - Part29" target="_blank">Study Plan For Algorithms - Part29</a> <span class="text-muted">五月的风与火</span> <a class="tag" taget="_blank" href="/search/Study/1.htm">Study</a><a class="tag" taget="_blank" href="/search/Plan/1.htm">Plan</a><a class="tag" taget="_blank" href="/search/For/1.htm">For</a><a class="tag" taget="_blank" href="/search/Algorithms/1.htm">Algorithms</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a> <div>1.在排序数组中查找数字统计一个数字在排序数组中出现的次数。方法一:defsearch(nums,target):returnhelper(nums,target)-helper(nums,target-1)defhelper(nums,target):i=0j=len(nums)-1whileitargetor(lowerandnums[mid]>=target):right=mid-1else</div> </li> <li><a href="/article/1833759310522445824.htm" title="【LeetCode】面试经典 150 题 Day 1" target="_blank">【LeetCode】面试经典 150 题 Day 1</a> <span class="text-muted">追风0068</span> <a class="tag" taget="_blank" href="/search/Leetcode/1.htm">Leetcode</a><a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA%E5%92%8C%E5%8F%91%E5%B1%95/1.htm">职场和发展</a> <div>88.合并两个有序数组https://leetcode.cn/problems/merge-sorted-array/description/?envType=study-plan-v2&envId=top-interview-15088.合并两个有序数组给你两个按非递减顺序排列的整数数组nums1和nums2,另有两个整数m和n,分别表示nums1和nums2中的元素数目。请你合并nums2到n</div> </li> <li><a href="/article/1833548576656027648.htm" title="将本地已有的项目上传到新建的git仓库的方法" target="_blank">将本地已有的项目上传到新建的git仓库的方法</a> <span class="text-muted">10676</span> <div>将本地已有的一个非git项目上传到新建的git仓库的方法一共有两种。一、克隆+拷贝第一种方法比较简单,直接用把远程仓库拉到本地,然后再把自己本地的项目拷贝到仓库中去。然后push到远程仓库上去即可。此方法适用于本地项目不是一个git仓库的情况。1、首先克隆gitclonegit@github.com:yuanmingchen/tensorflow_study.git2、然后复制自己项目的所有文件到</div> </li> <li><a href="/article/1833192099839832064.htm" title="2.28" target="_blank">2.28</a> <span class="text-muted">云中江山</span> <div>图片发自Appitisbettertomanagepresentthanworryaboutthefuturelifeislikegamemissiononlyafteryoupassitcanyoufigureoutwhatisthenextsoliveagoodlifeanddonotwastetimestudyhardandkeeponenrichingyourselfonlyinthisw</div> </li> <li><a href="/article/1832311541156900864.htm" title="vscode php 代码跳转" target="_blank">vscode php 代码跳转</a> <span class="text-muted">windyboy</span> <div>条件1.前提条件:安装7.0以上版本php2.phpIntelliSense插件的安装配置php的可执行路径{"workbench.colorTheme":"DefaultLight+","window.zoomLevel":0,"php.validate.executablePath":"D:\\phpStudy\\php\\php-7.0.12-nts\\php.exe","php.execu</div> </li> <li><a href="/article/1832243131433709568.htm" title="Java进阶 之 再论面向对象(2)——类的定义及对象的使用 &; 封装Encapsulation &; 关键字private,this" target="_blank">Java进阶 之 再论面向对象(2)——类的定义及对象的使用 &; 封装Encapsulation &; 关键字private,this</a> <span class="text-muted">2401_85125308</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>intage;//成员方法publicvoidstudy(){System.out.println("好好学习,天天向上");}publicvoiddoHomework(){System.out.println("键盘敲烂,月薪过万");}}/*学生测试类*/publicclassStudentDemo{publicstaticvoidmain(String[]args){//创建对象Studen</div> </li> <li><a href="/article/1831619497245634560.htm" title="LinuxDNS域名解析服务" target="_blank">LinuxDNS域名解析服务</a> <span class="text-muted">诺妍352</span> <a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>1.DNS基本概念DNS(DomainNameSystem)域名系统,应用层协议,域名和ip地址相互映射的数据库,FQDN域名:主机名(名)+域名(姓)域名=子域名+父域名根域一级域名:TopLevelDomainedu,mil,gov,net,org,int,arpa组织域、国家域(.cn.ca,.hk,tw)、反向域二级域名:test.com三级域名:study.test.com最多可达127</div> </li> <li><a href="/article/1831239602896203776.htm" title="2023-04-24" target="_blank">2023-04-24</a> <span class="text-muted">denese</span> <div>https://tuostudy.com/%F0%9F%94%8A%20030%23%20%E8%AF%BE%E6%9C%AC%E9%9F%B3%E9%A2%91/%F0%9F%93%81%2003%23%20%E9%AB%98%E4%B8%AD%E8%8B%B1%E8%AF%AD/%E6%96%B0%E4%BA%BA%E6%95%99%E7%89%88/从这个网站下载,单词音频和课文音频都有</div> </li> <li><a href="/article/1831216635306930176.htm" title="goreplay流量重放备忘" target="_blank">goreplay流量重放备忘</a> <span class="text-muted">dzl84394</span> <a class="tag" taget="_blank" href="/search/go/1.htm">go</a><a class="tag" taget="_blank" href="/search/%E5%8E%8B%E5%8A%9B%E6%B5%8B%E8%AF%95/1.htm">压力测试</a> <div>go环境下载gohttps://studygolang.com/dl解压tar-C/usr/local-zxvfgo1.21.4.linux-amd64.tar.gz环境变量vim/etc/profileexportGOROOT=/usr/local/goexportPATH=PATH:PATH:PATH:GOROOT/binsource/etc/profile验证goversiongorepla</div> </li> <li><a href="/article/1831021956678381568.htm" title="1-Python开发环境搭建" target="_blank">1-Python开发环境搭建</a> <span class="text-muted">梦想成为小仙女</span> <div>这里是什么,安装,配置https://www.cnblogs.com/EmptyFS/p/6184627.htmlhttps://github.com/pgmpy/pgmpyhttps://study.163.com/course/courseLearn.htm?courseId=1004719028#/learn/text?lessonId=1050366508&courseId=1004719</div> </li> <li><a href="/article/1831011289934163968.htm" title="golang教程推荐" target="_blank">golang教程推荐</a> <span class="text-muted">kdbshi</span> <a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>推荐几个Go语言教程:Go语言圣经:https://books.studygolang.com/gopl-zh/Go语言高级编程:https://chai2010.cn/advanced-go-programming-book/GoWeb编程:http://go-web-programming-cn.github.io/Go入门指南:https://tour.golang.org/welcome/</div> </li> <li><a href="/article/1830922429191516160.htm" title="计量经济学——事件研究法/事件分析法" target="_blank">计量经济学——事件研究法/事件分析法</a> <span class="text-muted">佛系研go</span> <a class="tag" taget="_blank" href="/search/%E8%AE%A1%E9%87%8F%E7%BB%8F%E6%B5%8E%E5%AD%A6/1.htm">计量经济学</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>计量经济学——事件研究法/事件分析法基本定义事件分析法(EventStudyMethodology,ESM)是一种用于研究重大事件对公司层面变量短期影响的计量方法。在以往研究中,该方法主要应用于金融领域,且主要用来衡量某一特定事件对公司股票价格的影响。但是在最近的研究中,由于具有逻辑清晰,分析过程简单等优点,该方法越来越多的受到研究者的关注,也开始逐渐被应用于其他领域研究。尤其近期,新冠疫情的发生</div> </li> <li><a href="/article/1830911688900177920.htm" title="My day" target="_blank">My day</a> <span class="text-muted">回味_b135</span> <div>I'mZhaoYichen,I'mastudent,butI'mcannotintheschool.Iaminthehome7:30amgetup!8:30am,it'sstudy.12:30pm,gotothelunch.2:30。It'sstudy.7.00It'seatthedinner,9:10it'stimegotothebed.</div> </li> <li><a href="/article/1830493265003114496.htm" title="学习效率低?不妨试试这个方法" target="_blank">学习效率低?不妨试试这个方法</a> <span class="text-muted">奶油坚果</span> <div>这可能是学习当中的痛点之一:听课时认真记下的笔记,大多时候都被扔在一边,让记笔记这件事变成不大有用的过场。康奈尔笔记法可以解决很多人的问题。在康奈尔大学官网,有一个学习方法中心,其中简要介绍了康奈尔笔记系统,并提供了一份可供参考的PDF文档。不过这段千余字的介绍也是从WalterPauk的书《HowtoStudyinCollege》当中改编而来。这一种笔记法也被称为「5R笔记法」,又叫做康乃笔记法</div> </li> <li><a href="/article/1830474097507790848.htm" title="OHIF记录(十)——初始页面的table配置" target="_blank">OHIF记录(十)——初始页面的table配置</a> <span class="text-muted">Leonopteryxw</span> <a class="tag" taget="_blank" href="/search/OHIF/1.htm">OHIF</a><a class="tag" taget="_blank" href="/search/reactjs/1.htm">reactjs</a> <div>OHIF记录(十)——初始页面的table配置在根路径页面的table包含两部分:第一部分:由三个搜索框组成的检索模块,包括患者姓名,Description,检查日期等三种不同类型的检索。第二部分:库中所有dicom数据的无序列表,源码中有24条数据。在platform/ui/components/studyList.js里定义了用于修改检索模块的接口,即mediumTableMeta数组,数组同</div> </li> <li><a href="/article/1830042933949198336.htm" title="写给工程师的十条精进原则(转)" target="_blank">写给工程师的十条精进原则(转)</a> <span class="text-muted">birdhsy</span> <div>写给工程师的十条精进原则(转)引言时间回到8年前,我人生中第一份实习的工作,是在某互联网公司的无线搜索部做一个C++工程师。当时的我可谓意气风发,想要大干一场,结果第一次上线就写了人生中第一个Casestudy。由于对部署环境的不了解,把SVN库里的配置文件错误地发到线上,并且上完线就去吃晚饭了,等吃饭回来发现师傅在焦头烂额地回滚配置。那次故障造成了一个核心服务20分钟不可用,影响了几百万的用户。</div> </li> <li><a href="/article/1829974497067888640.htm" title="2018-11-03(霄)" target="_blank">2018-11-03(霄)</a> <span class="text-muted">18郎师门</span> <div>今天尝试用e-study软件来看文献,记笔记。首先要导入一个学习单元然后把要读的同一类型的文献导入这个学习单元,再在这些文献里做标注,笔记就形成了,比较方便在导出笔记过程,不知道怎样只导出一个文献里的笔记,而不是导出一个或整个单元的笔记</div> </li> <li><a href="/article/1829971056887164928.htm" title="MyBatis源码下载安装教程" target="_blank">MyBatis源码下载安装教程</a> <span class="text-muted">darendu</span> <div>一、下载(原文链接:http://www.studyshare.cn/software/details/1177/1github下载:去下载百度网盘下载:去下载提取码:d1er二、安装1、检查本机Maven版本,必须3.25以上,最好使用maven最新版本2、由于MyBatis源码工程是maven工程,在开发工具中导入,jdk必须是1.8及以上3、导入MyBatis工程后,打开pom文件,并将所有</div> </li> <li><a href="/article/1829941398502207488.htm" title="【研经日课22天】路加福音 Study 22 Luke 8:40-56" target="_blank">【研经日课22天】路加福音 Study 22 Luke 8:40-56</a> <span class="text-muted">CoramDeo</span> <div>经文:路8:40-56(本次网上提供的版本为新译本。欢迎大家自己使用自己熟悉的和合本,NIV1984,ESV或NASB等)40耶稣回来的时候,众人欢迎他,因为大家都在等着他。41那时,有一个人来了,名叫叶鲁,他是一位会堂主管。他俯伏在耶稣脚前,求他往他家里去,42因为他的独生女,约十二岁,快要死了。耶稣去的时候,群众拥挤着他。43有一个女人,患了十二年的血漏病,在医生手里花尽了全部养生的(有些抄本</div> </li> <li><a href="/article/1829729638931329024.htm" title="FreeRTOS入坑指南" target="_blank">FreeRTOS入坑指南</a> <span class="text-muted">大熊的瓜地</span> <a class="tag" taget="_blank" href="/search/freertos/1.htm">freertos</a><a class="tag" taget="_blank" href="/search/stm32/1.htm">stm32</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/freertos/1.htm">freertos</a> <div>开发环境准备:一般平台都有自己的开发环境。例如nxp有mcuxpresso开发工具。这里我们推荐linux上的freertos模拟器。感谢GitHub-crazyskady/FreeRTOS_study:StudyforFreeRTOShttps://github.com/crazyskady/FreeRTOS_study贡献的代码,我们把代码拉到本地,增加一个tmp目录,就可以顺利编译通过。下面</div> </li> <li><a href="/article/1829258932347039744.htm" title="Module not found: Error: Can‘t resolve ‘sass-loader‘ in..." target="_blank">Module not found: Error: Can‘t resolve ‘sass-loader‘ in...</a> <span class="text-muted">Coisini_甜柚か</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF/1.htm">web前端</a><a class="tag" taget="_blank" href="/search/sass/1.htm">sass</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>"sass-loader"报错!!!Failedtocompile../src/main.jsModulenotfound:Error:Can'tresolve'sass-loader'in'E:\study_software\JetBrains\WebStorm2021\WebstormProjects\vue-element-admin-master'npminstallsass-loader</div> </li> <li><a href="/article/1828867494748712960.htm" title="ChatGPT 50个顶级指令" target="_blank">ChatGPT 50个顶级指令</a> <span class="text-muted">yjyang1990</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>点击上方蓝字关注我们!新用户注册,送3天超级会员免费使用GPT-4.0,不限次数和字数GPT-4omini免费✔在线使用地址:https://ai.ninebotai.com免费使用方法:直接点击下方名片,关注NineBotAi公众号每天公众号发送消息:抽奖,兑换卡密点击左侧,切换AI模型,选择GPT-4omini改写的提示词指令英文提示词:Iamaresearcherstudying+(你的研究</div> </li> <li><a href="/article/1828717967798530048.htm" title="PHP集成环境升级mysql" target="_blank">PHP集成环境升级mysql</a> <span class="text-muted">Stargazes</span> <div>一、备份原来phpStudy中MySQL安装目录二、把下载的MySQL压缩文件解压至phpStudy下的MySQL目录,复制my-default.ini,重命名为my.ini。打开my.ini,找到#basedir处编辑:basedir=D:/phpStudy/MySQLdatadir=D:/phpStudy/MySQL/data三、把MySQL安装路径添加至系统环境变量四、在cmd下进入MySQ</div> </li> <li><a href="/article/1828492336859017216.htm" title="Springboot 图片" target="_blank">Springboot 图片</a> <span class="text-muted">Jonathan Star</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>Springboot图片因为server.servlet.context-path:/api所以url是这个的时候http://127.0.0.1:9100/api/staticfiles/image/dd56a59d-da84-441a-8dac-1d97f9e42090.jpeg配置代码的前面的/api是不要写的packagecom.gk.study.config;importorg.spri</div> </li> <li><a href="/article/1828404576282308608.htm" title="五星朝斗:星盘案例分析,群星射手座,喀戎2" target="_blank">五星朝斗:星盘案例分析,群星射手座,喀戎2</a> <span class="text-muted">铁树开花耶</span> <div>2023年1月18日喀戎西:Hellosweetheart.Ijustawakedfromadreamandhavetotellyouaboutit.Itvwasaboutourstudyofastronomicallanguages...此处省略十万字节喀戎东:现在的医学在飞速发展,或许在一百年之后,我们都还健康地活着,因此,提前写好人生剧本,等到人生暮年再来观看。有趣的梦,告诉你另一个有趣的事</div> </li> <li><a href="/article/1828297540605407232.htm" title="微信小程序封装接口" target="_blank">微信小程序封装接口</a> <span class="text-muted">Hello杨先生</span> <div>1baseurl.jsmodule.exports={//开发环境basePath:'https://www.easy-mock.com/mock/5d257e0a77744b2808b88407/study'//测试环境//basePath:'https://www.easyLmock.com/mock/5d257e0a77744b2808b88407/study'////正式环境//baseP</div> </li> <li><a href="/article/70.htm" title="PHP如何实现二维数组排序?" target="_blank">PHP如何实现二维数组排序?</a> <span class="text-muted">IT独行者</span> <a class="tag" taget="_blank" href="/search/%E4%BA%8C%E7%BB%B4%E6%95%B0%E7%BB%84/1.htm">二维数组</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E6%8E%92%E5%BA%8F%E3%80%80/1.htm">排序 </a> <div>二维数组在PHP开发中经常遇到,但是他的排序就不如一维数组那样用内置函数来的方便了,(一维数组排序可以参考本站另一篇文章【PHP中数组排序函数详解汇总】)。二维数组的排序需要我们自己写函数处理了,这里UncleToo给大家分享一个PHP二维数组排序的函数: 代码: functionarray_sort($arr,$keys,$type='asc'){ $keysvalue= $new_arr</div> </li> <li><a href="/article/197.htm" title="【Hadoop十七】HDFS HA配置" target="_blank">【Hadoop十七】HDFS HA配置</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a> <div>基于Zookeeper的HDFS HA配置主要涉及两个文件,core-site和hdfs-site.xml。   测试环境有三台 hadoop.master hadoop.slave1 hadoop.slave2   hadoop.master包含的组件NameNode, JournalNode, Zookeeper,DFSZKFailoverController</div> </li> <li><a href="/article/324.htm" title="由wsdl生成的java vo类不适合做普通java vo" target="_blank">由wsdl生成的java vo类不适合做普通java vo</a> <span class="text-muted">darrenzhu</span> <a class="tag" taget="_blank" href="/search/VO/1.htm">VO</a><a class="tag" taget="_blank" href="/search/wsdl/1.htm">wsdl</a><a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a><a class="tag" taget="_blank" href="/search/rpc/1.htm">rpc</a> <div>开发java webservice项目时,如果我们通过SOAP协议来输入输出,我们会利用工具从wsdl文件生成webservice的client端类,但是这里面生成的java data model类却不适合做为项目中的普通java vo类来使用,当然有一中情况例外,如果这个自动生成的类里面的properties都是基本数据类型,就没问题,但是如果有集合类,就不行。原因如下: 1)使用了集合如Li</div> </li> <li><a href="/article/451.htm" title="JAVA海量数据处理之二(BitMap)" target="_blank">JAVA海量数据处理之二(BitMap)</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/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/bitmap/1.htm">bitmap</a><a class="tag" taget="_blank" href="/search/bitset/1.htm">bitset</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE/1.htm">数据</a> <div>       路漫漫其修远兮,吾将上下而求索。想要更快,就要深入挖掘 JAVA 基础的数据结构,从来分析出所编写的 JAVA 代码为什么把内存耗尽,思考有什么办法可以节省内存呢? 啊哈!算法。这里采用了 BitMap 思想。   首先来看一个实验: 指定 VM 参数大小: -Xms256m -Xmx540m </div> </li> <li><a href="/article/578.htm" title="java类型与数据库类型" target="_blank">java类型与数据库类型</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>很多时候我们用hibernate的时候往往并不是十分关心数据库类型和java类型的对应关心,因为大多数hbm文件是自动生成的,但有些时候诸如:数据库设计、没有生成工具、使用原始JDBC、使用mybatis(ibatIS)等等情况,就会手动的去对应数据库与java的数据类型关心,当然比较简单的数据类型即使配置错了也会很快发现问题,但有些数据类型却并不是十分常见,这就给程序员带来了很多麻烦。 &nb</div> </li> <li><a href="/article/705.htm" title="Linux命令" target="_blank">Linux命令</a> <span class="text-muted">510888780</span> <a class="tag" taget="_blank" href="/search/linux%E5%91%BD%E4%BB%A4/1.htm">linux命令</a> <div>系统信息 arch 显示机器的处理器架构(1) uname -m 显示机器的处理器架构(2) uname -r 显示正在使用的内核版本 dmidecode -q 显示硬件系统部件 - (SMBIOS / DMI) hdparm -i /dev/hda 罗列一个磁盘的架构特性 hdparm -tT /dev/sda 在磁盘上执行测试性读取操作 cat /proc/cpuinfo 显示C</div> </li> <li><a href="/article/832.htm" title="java常用JVM参数" target="_blank">java常用JVM参数</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/jvm%E5%8F%82%E6%95%B0/1.htm">jvm参数</a> <div>-Xms:初始堆大小,默认为物理内存的1/64(<1GB);默认(MinHeapFreeRatio参数可以调整)空余堆内存小于40%时,JVM就会增大堆直到-Xmx的最大限制 -Xmx:最大堆大小,默认(MaxHeapFreeRatio参数可以调整)空余堆内存大于70%时,JVM会减少堆直到 -Xms的最小限制 -Xmn:新生代的内存空间大小,注意:此处的大小是(eden+ 2</div> </li> <li><a href="/article/959.htm" title="我的spring学习笔记9-Spring使用工厂方法实例化Bean的注意点" target="_blank">我的spring学习笔记9-Spring使用工厂方法实例化Bean的注意点</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/Spring+3/1.htm">Spring 3</a> <div>方法一: <bean id="musicBox" class="onlyfun.caterpillar.factory.MusicBoxFactory" factory-method="createMusicBoxStatic"></bean> 方法二: </div> </li> <li><a href="/article/1086.htm" title="mysql查询性能优化之二" target="_blank">mysql查询性能优化之二</a> <span class="text-muted">annan211</span> <a class="tag" taget="_blank" href="/search/UNION/1.htm">UNION</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E6%9F%A5%E8%AF%A2%E4%BC%98%E5%8C%96/1.htm">查询优化</a><a class="tag" taget="_blank" href="/search/%E7%B4%A2%E5%BC%95%E4%BC%98%E5%8C%96/1.htm">索引优化</a> <div> 1 union的限制 有时mysql无法将限制条件从外层下推到内层,这使得原本能够限制部分返回结果的条件无法应用到内层 查询的优化上。 如果希望union的各个子句能够根据limit只取部分结果集,或者希望能够先排好序在 合并结果集的话,就需要在union的各个子句中分别使用这些子句。 例如 想将两个子查询结果联合起来,然后再取前20条记录,那么mys</div> </li> <li><a href="/article/1213.htm" title="数据的备份与恢复" target="_blank">数据的备份与恢复</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%81%A2%E5%A4%8D/1.htm">数据恢复</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%A4%87%E4%BB%BD/1.htm">数据备份</a> <div> 数据的备份与恢复的方式有: 表,方案 ,数据库;     数据的备份: 导出到的常见命令; 参数 说明 USERID 确定执行导出实用程序的用户名和口令 BUFFER 确定导出数据时所使用的缓冲区大小,其大小用字节表示 FILE 指定导出的二进制文</div> </li> <li><a href="/article/1340.htm" title="线程组" target="_blank">线程组</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/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B%E7%BB%84/1.htm">线程组</a> <div>有些程序包含了相当数量的线程。这时,如果按照线程的功能将他们分成不同的类别将很有用。        线程组可以用来同时对一组线程进行操作。        创建线程组:ThreadGroup g = new ThreadGroup(groupName);  &nbs</div> </li> <li><a href="/article/1467.htm" title="top命令找到占用CPU最高的java线程" target="_blank">top命令找到占用CPU最高的java线程</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/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/top/1.htm">top</a> <div>上次分析系统中占用CPU高的问题,得到一些使用Java自身调试工具的经验,与大家分享。 (1)使用top命令找出占用cpu最高的JAVA进程PID:28174 (2)如下命令找出占用cpu最高的线程 top -Hp 28174 -d 1 -n 1 32694 root 20 0 3249m 2.0g 11m S 2 6.4 3:31.12 java </div> </li> <li><a href="/article/1594.htm" title="【持久化框架MyBatis3四】MyBatis3一对一关联查询" target="_blank">【持久化框架MyBatis3四】MyBatis3一对一关联查询</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/Mybatis3/1.htm">Mybatis3</a> <div>  当两个实体具有1对1的对应关系时,可以使用One-To-One的进行映射关联查询   One-To-One示例数据 以学生表Student和地址信息表为例,每个学生都有都有1个唯一的地址(现实中,这种对应关系是不合适的,因为人和地址是多对一的关系),这里只是演示目的   学生表   CREATE TABLE STUDENTS ( </div> </li> <li><a href="/article/1721.htm" title="C/C++图片或文件的读写" target="_blank">C/C++图片或文件的读写</a> <span class="text-muted">bitcarter</span> <a class="tag" taget="_blank" href="/search/%E5%86%99%E5%9B%BE%E7%89%87/1.htm">写图片</a> <div>先看代码: /*strTmpResult是文件或图片字符串 * filePath文件需要写入的地址或路径 */ int writeFile(std::string &strTmpResult,std::string &filePath) { int i,len = strTmpResult.length(); unsigned cha</div> </li> <li><a href="/article/1848.htm" title="nginx自定义指定加载配置" target="_blank">nginx自定义指定加载配置</a> <span class="text-muted">ronin47</span> <div>进入 /usr/local/nginx/conf/include 目录,创建 nginx.node.conf 文件,在里面输入如下代码: upstream nodejs { server 127.0.0.1:3000; #server 127.0.0.1:3001; keepalive 64; } server { liste</div> </li> <li><a href="/article/1975.htm" title="java-71-数值的整数次方.实现函数double Power(double base, int exponent),求base的exponent次方" target="_blank">java-71-数值的整数次方.实现函数double Power(double base, int exponent),求base的exponent次方</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/double/1.htm">double</a> <div> public class Power { /** *Q71-数值的整数次方 *实现函数double Power(double base, int exponent),求base的exponent次方。不需要考虑溢出。 */ private static boolean InvalidInput=false; public static void main(</div> </li> <li><a href="/article/2102.htm" title="Android四大组件的理解" target="_blank">Android四大组件的理解</a> <span class="text-muted">Cb123456</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E5%9B%9B%E5%A4%A7%E7%BB%84%E4%BB%B6%E7%9A%84%E7%90%86%E8%A7%A3/1.htm">四大组件的理解</a> <div> 分享一下,今天在Android开发文档-开发者指南中看到的:                            App components are the essential building blocks of an Android </div> </li> <li><a href="/article/2229.htm" title="[宇宙与计算]涡旋场计算与拓扑分析" target="_blank">[宇宙与计算]涡旋场计算与拓扑分析</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97/1.htm">计算</a> <div>      怎么阐述我这个理论呢? 。。。。。。。。。       首先: 宇宙是一个非线性的拓扑结构与涡旋轨道时空的统一体。。。。       我们要在宇宙中寻找到一个适合人类居住的行星,时间非常重要,早一个刻度和晚一个刻度,这颗行星的</div> </li> <li><a href="/article/2356.htm" title="同一个Tomcat不同Web应用之间共享会话Session" target="_blank">同一个Tomcat不同Web应用之间共享会话Session</a> <span class="text-muted">cwqcwqmax9</span> <a class="tag" taget="_blank" href="/search/session/1.htm">session</a> <div>实现两个WEB之间通过session 共享数据 查看tomcat 关于 HTTP Connector 中有个emptySessionPath 其解释如下: If set to true, all paths for session cookies will be set to /. This can be useful for portlet specification impleme</div> </li> <li><a href="/article/2483.htm" title="springmvc Spring3 MVC,ajax,乱码" target="_blank">springmvc Spring3 MVC,ajax,乱码</a> <span class="text-muted">dashuaifu</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a> <div>  springmvc Spring3 MVC @ResponseBody返回,jquery ajax调用中文乱码问题解决   Spring3.0 MVC @ResponseBody 的作用是把返回值直接写到HTTP response body里。具体实现AnnotationMethodHandlerAdapter类handleResponseBody方法,具体实</div> </li> <li><a href="/article/2610.htm" title="搭建WAMP环境" target="_blank">搭建WAMP环境</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/wamp/1.htm">wamp</a> <div>这里先解释一下WAMP是什么意思。W:windows,A:Apache,M:MYSQL,P:PHP。也就是说本文说明的是在windows系统下搭建以apache做服务器、MYSQL为数据库的PHP开发环境。      工欲善其事,必须先利其器。因为笔者的系统是WinXP,所以下文指的系统均为此系统。笔者所使用的Apache版本为apache_2.2.11-</div> </li> <li><a href="/article/2737.htm" title="yii2 使用raw http request" target="_blank">yii2 使用raw http request</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/http/1.htm">http</a> <div>Parses a raw HTTP request using yii\helpers\Json::decode()   To enable parsing for JSON requests you can configure yii\web\Request::$parsers using this class: 'request' =&g</div> </li> <li><a href="/article/2864.htm" title="Quartz-1.8.6 理论部分" target="_blank">Quartz-1.8.6 理论部分</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/quartz/1.htm">quartz</a> <div>转载请出自出处:http://eksliang.iteye.com/blog/2207691 一.概述 基于Quartz-1.8.6进行学习,因为Quartz2.0以后的API发生的非常大的变化,统一采用了build模式进行构建; 什么是quartz?   答:简单的说他是一个开源的java作业调度框架,为在 Java 应用程序中进行作业调度提供了简单却强大的机制。并且还能和Sp</div> </li> <li><a href="/article/2991.htm" title="什么是POJO?" target="_blank">什么是POJO?</a> <span class="text-muted">gupeng_ie</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a> <div>POJO--Plain Old Java Objects(简单的java对象)   POJO是一个简单的、正规Java对象,它不包含业务逻辑处理或持久化逻辑等,也不是JavaBean、EntityBean等,不具有任何特殊角色和不继承或不实现任何其它Java框架的类或接口。   POJO对象有时也被称为Data对象,大量应用于表现现实中的对象。如果项目中使用了Hiber</div> </li> <li><a href="/article/3118.htm" title="jQuery网站顶部定时折叠广告" target="_blank">jQuery网站顶部定时折叠广告</a> <span class="text-muted">ini</span> <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/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>效果体验:http://hovertree.com/texiao/jquery/4.htmHTML文件代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>网页顶部定时收起广告jQuery特效 - HoverTree<</div> </li> <li><a href="/article/3245.htm" title="Spring boot内嵌的tomcat启动失败" target="_blank">Spring boot内嵌的tomcat启动失败</a> <span class="text-muted">kane_xie</span> <a class="tag" taget="_blank" href="/search/spring+boot/1.htm">spring boot</a> <div>根据这篇guide创建了一个简单的spring boot应用,能运行且成功的访问。但移植到现有项目(基于hbase)中的时候,却报出以下错误:     SEVERE: A child container failed during start java.util.concurrent.ExecutionException: org.apache.catalina.Lif</div> </li> <li><a href="/article/3372.htm" title="leetcode: sort list" target="_blank">leetcode: sort list</a> <span class="text-muted">michelle_0916</span> <a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a><a class="tag" taget="_blank" href="/search/linked+list/1.htm">linked list</a><a class="tag" taget="_blank" href="/search/sort/1.htm">sort</a> <div>Sort a linked list in O(n log n) time using constant space complexity. ====analysis======= mergeSort for singly-linked list  ====code=======   /** * Definition for sin</div> </li> <li><a href="/article/3499.htm" title="nginx的安装与配置,中途遇到问题的解决" target="_blank">nginx的安装与配置,中途遇到问题的解决</a> <span class="text-muted">qifeifei</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a> <div>我使用的是ubuntu13.04系统,在安装nginx的时候遇到如下几个问题,然后找思路解决的,nginx 的下载与安装   wget http://nginx.org/download/nginx-1.0.11.tar.gz tar zxvf nginx-1.0.11.tar.gz ./configure make make install   安装的时候出现</div> </li> <li><a href="/article/3626.htm" title="用枚举来处理java自定义异常" target="_blank">用枚举来处理java自定义异常</a> <span class="text-muted">tcrct</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/enum/1.htm">enum</a><a class="tag" taget="_blank" href="/search/exception/1.htm">exception</a> <div>在系统开发过程中,总少不免要自己处理一些异常信息,然后将异常信息变成友好的提示返回到客户端的这样一个过程,之前都是new一个自定义的异常,当然这个所谓的自定义异常也是继承RuntimeException的,但这样往往会造成异常信息说明不一致的情况,所以就想到了用枚举来解决的办法。 1,先创建一个接口,里面有两个方法,一个是getCode, 一个是getMessage public </div> </li> <li><a href="/article/3753.htm" title="erlang supervisor分析" target="_blank">erlang supervisor分析</a> <span class="text-muted">wudixiaotie</span> <a class="tag" taget="_blank" href="/search/erlang/1.htm">erlang</a> <div>当我们给supervisor指定需要创建的子进程的时候,会指定M,F,A,如果是simple_one_for_one的策略的话,启动子进程的方式是supervisor:start_child(SupName, OtherArgs),这种方式可以根据调用者的需求传不同的参数给需要启动的子进程的方法。和最初的参数合并成一个数组,A ++ OtherArgs。那么这个时候就有个问题了,既然参数不一致,那</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类:</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>