weixin_33920401

body标签中的相关标签

一、内容概要

字体标签
- h1~h6

排版标签

超链接标签

图片标签

列表标签

表格标签

表单标签

</li> <li><label></li> </ul></li> </ul> <h3>二、字体标签</h3> 　　字体标签包含：h1~h6、、、、、、 <h4>　　1、标题标签h1~h6</h4> 　　　　标题使用<h1>至<h6>标签进行定义。<h1>定义最大的标题，<h6>定义最小的标题。具有align属性，属性值可以是：left、center、right。 　　　　示例： <div class="cnblogs_code"> <pre><h1>1小伙子，加油干！</h1> <h2>2小伙子，加油干！</h2> <h3>3小伙子，加油干！</h3> <h4>4小伙子，加油干！</h4> <h5>5小伙子，加油干！</h5> <h6>6小伙子，加油干！</h6> <h7>7小伙子，加油干！</h7></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/9deb264d5c5b40889e10469283de0924.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/9deb264d5c5b40889e10469283de0924.jpg" alt="body标签中的相关标签_第1张图片" width="630" height="599" style="border:1px solid black;"></a> <h4>　　2、字体标签（已废弃）</h4> 　　　　 规定文本的字体、字体尺寸、字体颜色。 <ul> <li style="list-style-type:none;"> <ul> <li style="list-style-type:none;"> <ul> <li> color：规定文本的颜色。 </li> <li> face：规定文本的字体。 </li> <li> size：规定文本的字体大小。 </li> </ul></li> </ul></li> </ul> 　　　　示例： <div class="cnblogs_code"> <pre><font color="green" face="仿宋" size="7">字体标签</font></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/2ae95a8be786400d80c4ad17fd3f7d1a.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/2ae95a8be786400d80c4ad17fd3f7d1a.jpg" alt="body标签中的相关标签_第2张图片" width="510" height="138" style="border:1px solid black;"></a> <h4>　　3、粗体标签或（已废弃）</h4> 　　　　 标签规定粗体文本。 　　　　示例： <div class="cnblogs_code"> <pre>春风 <b>春风</b> <strong>春风</strong></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/9f7cee3ccbc2405ea68de37bb7dfd88b.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/9f7cee3ccbc2405ea68de37bb7dfd88b.jpg" alt="body标签中的相关标签_第3张图片" width="277" height="123" style="border:1px solid black;"></a> <h4>　　4、下划线标签中划线<s>（已废弃）</h4> 　　　　 标签可定义下划线文本。 　　　　<s> 标签可定义加删除线文本定义。 　　　　示例： <div class="cnblogs_code"> <pre><u>春风</u> <s>春风</s></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/d48ea0875c2d403ba402266f48add385.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/d48ea0875c2d403ba402266f48add385.jpg" alt="body标签中的相关标签_第4张图片" width="269" height="132" style="border:1px solid black;"></a> <h4>　　5、斜体标签或（已废弃）</h4> 　　　　 标签显示斜体文本效果。 　　　　 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。 　　　　示例： <div class="cnblogs_code"> <pre><i>春风</i> <em>春风</em></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/775feef7e2914268929543476b239af4.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/775feef7e2914268929543476b239af4.jpg" alt="" width="251" height="98"></a> <h4>　　6、上标和下标</h4> 　　　　 标签可定义上标文本。 　　　　 标签可定义下标文本。 　　　　上下标这两个标签容易混淆，怎么记呢？这样记：b的意思是bottom（底部） 　　　　示例： <div class="cnblogs_code"> <pre>4<sup>2</sup> 5<sub>3</sub></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/056715df08204e17b33dfb05d239a0f6.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/056715df08204e17b33dfb05d239a0f6.jpg" alt="body标签中的相关标签_第5张图片" width="252" height="102" style="border:1px solid black;"></a> <h3>三、排版标签</h3> <h4>　　1、段落标签</h4> 　　　　 标签定义段落。 　　　　段落：是英文paragraph的缩写。 　　　　属性： <ul> <li style="list-style-type:none;"> <ul> <li>align='属性值'：对齐方式。属性值包括：left、center、right</li> </ul></li> </ul> 　　　　示例： <div class="cnblogs_code"> <pre><p>这是一个段落</p> <p align="center">这是另一个段落</p></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/56c63e598ca9432bb032dbe63b072c1b.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/56c63e598ca9432bb032dbe63b072c1b.jpg" alt="body标签中的相关标签_第6张图片" width="650" height="114" style="border:1px solid black;"></a> 　　　　ok,下面这几句话，大家一定牢牢记住。HTML标签是分等级的。HTML将所有的标签分为两种： <ul> <li style="list-style-type:none;"> <ul> <li> 文本级标签：p、span、a、b、i、u、em。文本标签里只能放文字、图片、表单元素。 </li> <li> 容器级标签：div、h系列、li、dt、dd。容器级标签里可以放任何东西。 </li> </ul></li> </ul> 　　　　从学习p的第一天开始，就要死死记住：p标签是一个文本级标签，p里面只能放文字、图片、表单元素。其他的一律不能放。 　　　　错误写法：（把h系列的标签放到p里） <div class="cnblogs_code"> <pre><p> 我是个段落 <h2>我是二级标题</h2> </p></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/b397a861673a4623a8b09ab1b9268524.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/b397a861673a4623a8b09ab1b9268524.jpg" alt="body标签中的相关标签_第7张图片" width="650" height="158" style="border:1px solid black;"></a> 　　　　上图显示，浏览器不允许你这么做。我们使用Chrome的F12审查元素发现，浏览器自己把p封闭掉了，不让你去包裹h2。 　　　　PS：Chrome浏览器是世界上HTML5支持最好的浏览器。提供了非常好的开发工具，非常适合我们开发人员使用。审查元素功能的快捷键是F12。 <h4> 　　2、块级标签<div>和标签</h4> 　　　　<div> 可定义文档中的分区或节（division/section）。 　　　　 标签被用来组合文档中的行内元素。 　　　　div和span是非常重要的标签，div的语义是division“分割”； 　　　　span的语义就是span“范围、跨度”。 　　　　CSS课程中你将知道，这两个东西，都是最最重要的“盒子”。 　　　　属性： 　　　　　　align="属性值"：设置块儿的位置。属性值可选择：left、right、 center 　　　　和<div>唯一的区别在于：是不换行的，而<div>是换行的。 　　　　如果单独在网页中插入这两个元素，不会对页面产生任何的影响。这两个元素是专门为定义CSS样式而生的。或者说，DIV+CSS来实现各种样式。 　　　　示例： <div class="cnblogs_code"> <pre><div> 导航栏 </div> <div> 中心banner </div> <span>春风</span> <span>动力</span></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/088809f28dc247e4ac9098e44a9e7562.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/088809f28dc247e4ac9098e44a9e7562.png" alt="body标签中的相关标签_第8张图片" width="393" height="172" style="border:1px solid black;"></a> 　　　　div在浏览器中，默认是不会增加任何的效果的，但是语义变了，div中的所有元素是一个小区域。 　　　　div标签是一个容器级标签，里面什么都能放，甚至可以放div自己。 　　　　span也是表达“小区域、小跨度”的标签，但是是一个文本级的标签。 　　　　就是说，span里面只能放置文字、图片、表单元素。 span里面不能放p、h、ul、dl、ol、div。 　　　　div标签示例： <div class="cnblogs_code"> <pre><div class="header"> <div class="logo"></div> <div class="nav"></div> </div> <div class="content"> <div class="guanggao"></div> <div class="shop"></div> </div> <div class="footer"></div></pre> </div> 　　　　span标签示例： <div class="cnblogs_code"> <pre><p> 商品简介: <span> <a href="">详细信息</a> <a href="">生产日期</a> </span> </p></pre> </div> 　　　　so，我们亲切的称呼这种模式叫做“div+css”。div标签负责布局，负责结构，负责分块。css负责样式。 　　　　ps:这个class属性名就与css有很大关联，讲到css模块会详细讲这块内容。 <h4>　　3、换行标签 （已废弃）</h4> 　　　　 可插入一个简单的换行符。 　　　　当你打算结束一行，而又不想开始一个新段落时， 标签就派上用场了。无论你将它置于何处， 标签都会产生一个强制的换行。 　　　　示例： <div class="cnblogs_code"> <pre><p>春风</p> <p>动力</p> 春风<br>动力</pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/5b44f86895ea408c9ddac097cdeca7d0.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/5b44f86895ea408c9ddac097cdeca7d0.jpg" alt="body标签中的相关标签_第9张图片" width="443" height="212" style="border:1px solid black;"></a> 　　　　上图显示，标签和 标签的区别在于：标签会在段落的前后自动插入一个空行，而 标签没有空行；而且 标签没有属性。 　　　　注意 没有结束标签，把 标签写为 是经得起未来考验的做法，XHTML 和 XML 都接受在打开的标签内部来关闭标签的做法。 <h4>　　4、水平线标签<hr>（已废弃）</h4> 　　　　<hr> 标签在 HTML 页面中创建一条水平线。 　　　　水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。 　　　　示例： <div class="cnblogs_code"> <pre>春风<hr />动力<hr />盘它！</pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/87e034ed5be74e6593baa2c6c9256bfa.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/87e034ed5be74e6593baa2c6c9256bfa.jpg" alt="body标签中的相关标签_第10张图片" width="478" height="158" style="border:1px solid black;"></a> <h4>　　5、内容居中标签<center>（已废弃）</h4> 　　　　对其所包括的文本进行水平居中。 　　　　此时center代表是一个标签，而不是一个属性值了。只要是在这个标签里面的内容，都会居于浏览器的中间。 　　　　到了H5里面，center标签不建议使用。 　　　　示例： <div class="cnblogs_code"> <pre><center> <p>春风动力</p> <hr /> </center></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/82d8752e58084151bef5411ea291a52e.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/82d8752e58084151bef5411ea291a52e.jpg" alt="" width="650" height="77"></a> <h4>　　6、预定义（预格式化）标签<pre></h4> 　　　　<pre>标签可定义预格式化的文本。常见应用就是用来表示计算机的源代码。 　　　　含义：将保留其中的所有的空白字符(空格、换行符)，原封不动的输出结果（告诉浏览器不要忽略空格和空行） 　　　　说明：真正排网页过程中，<pre>标签几乎用不着。但在PHP中用于打印一个数组时使用。 　　　　示例： <div class="cnblogs_code"> <pre><p>戏张先</p> <pre> 戏张先 —— 苏轼十八新娘八十郎，苍苍白发对红妆。鸳鸯被里成双夜，一树梨花压海棠。 </pre></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/158794eab4414a13914537e8d97abe98.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/158794eab4414a13914537e8d97abe98.png" alt="body标签中的相关标签_第11张图片" width="345" height="179" style="border:1px solid black;"></a> 　　　　上图中，好像pre标签部分的字体变小了，而且还出现了缩进，好吧，这个其实是浏览器搞的鬼。 　　　　为什么要有<pre>这个标签呢？答案是： 　　　　所有的浏览器默认情况下都会忽略空格和空行。 　　　　好吧，其实这个标签也用的比较少。排版标签就给大家介绍到这里。 <h3>四、超链接标签<a></h3> 　　<a> 标签定义超链接，用于从一张页面链接到另一张页面。 　　<a> 元素最重要的属性是 href 属性，它指示链接的目标。 　　a是英语anchor“锚”的意思，就好像这个页面往另一个页面扔出了一个锚。是一个文本级的标签。 　　href是英语hypertext reference超文本地址的缩写。读作“喝瑞夫”，不要读作“喝夫”。 <h4>　　1、外部链接</h4> 　　　　链接到外部文件或设置URL链接，访问一个网址。 　　　　示例： <div class="cnblogs_code"> <pre><a href="new_html.html">跳转到新页面</a> <a href="http://www.baidu.com#">百度一下</a></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/16e5ef9178394c638cf1ccf4a8d0ee5a.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/16e5ef9178394c638cf1ccf4a8d0ee5a.jpg" alt="body标签中的相关标签_第12张图片" width="445" height="133" style="border:1px solid black;"></a> <h4>　　2、锚链接</h4> 　　　　指给超链接起一个名字，作用是在本页面或者其他页面的的不同位置进行跳转。 　　　　比如说，在网页底部有一个向上箭头，点击箭头后回到顶部，这个就是利用到了锚链接。 　　　　首先我们要创建一个锚点，也就是说，使用id属性给那个特定的位置起个名字。 　　　　示例： <div class="cnblogs_code"> <pre><h1>1小伙子，加油干！</h1> <h2>2小伙子，加油干！</h2> <h3 id="title_h3">3小伙子，加油干！</h3> <h4>4小伙子，加油干！</h4> <h5>5小伙子，加油干！</h5> <h6>6小伙子，加油干！</h6> <pre> </pre> <p> <a href="new_html.html#miaomiao">跳转到新页面</a> </p> <p> <a href="http://www.baidu.com#">百度一下</a> </p> <p> <a href="#title_h3">跳至h3</a> </p></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/8297232fcc9542a990d61c900eb9b6a0.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/8297232fcc9542a990d61c900eb9b6a0.jpg" alt="body标签中的相关标签_第13张图片" width="538" height="526" style="border:1px solid black;"></a> 　　　　说明：name属性是HTML4.0以前使用的，id属性是HTML4.0后才开始使用。为了向前兼容，因此，name和id这两个属性都要写上，并且值是一样的。 <h4>　　3、特殊的几个链接</h4> 　　　　a、返回页面顶部的位置 <div class="cnblogs_code"> <pre><a href="#">跳至顶部</a></pre> </div> 　　　　b、与js相关 <div class="cnblogs_code"> <pre><a href="javascript:alert('michael');">点击1</a> <a href="javascript:void(0);">点击2</a> <a href="javascript:;">点击3</a></pre> </div> 　　　　说明：1、javascript: 是表示在触发<a>默认动作时，执行一段JavaScript代码。 　　　　　　　2、javascript:;和javascript:void(0); 表示什么都不执行，这样点击<a>时就没有任何反应。 <h4>　　4、超链接的属性</h4> <ul> <li style="list-style-type:none;"> <ul> <li> href：目标URL </li> <li> title：悬停文本。 </li> <li> name：主要用于设置一个锚点的名称。 </li> <li> target：告诉浏览器用什么方式来打开目标页面。target属性有以下几个值： <ul> <li> _self：在同一个网页中显示（默认值） </li> <li> _blank：在新的窗口中打开。 </li> <li> _parent：在父窗口中显示 </li> <li> _top：在顶级窗口中显示 </li> </ul></li> </ul></li> </ul> 　　　　blank就是“空白”的意思，就表示新建一个空白窗口。为啥有一个_ ，就是规定，没啥好解释的。 　　　　也就是说，如果不写target="_blank"那么就是在相同的标签页打开，如果写了target="_blank"，就是在新的空白标签页中打开。 <h4>　　5、备注：<a>是一个文本级标签</h4> 　　　　比如一个段落中的所有文字都能够被点击，那么应该是p包含a <div class="cnblogs_code"> <pre><p> <a href="#">跳至顶部</a> </p></pre> </div> 　　　　而不是a包裹p <div class="cnblogs_code"> <pre><a href="#"> <p> 跳至顶部 </p> </a></pre> </div> 　　　　a的语义要小于p，a就是可以当做文本来处理，所以p里面相当于放的就是纯文字。 <h3>五、图片标签<img /></h3> 　　img：代表的就是一张图片。是单边标记。 　　img是自封闭标签，也称为单标签。 <h4>　　1、能插入的图片类型</h4> <ul> <li style="list-style-type:none;"> <ul> <li> 能够插入的图片类型是：jpg(jpeg)、gif、png、bmp。 </li> <li> 不能往网页中插入的图片格式是：psd、ai </li> </ul></li> </ul> 　　　　HTML页面不是直接插入图片，而是插入图片的引用地址，所以也要把图片上传到服务器上。 <h4>　　2、图片标签的属性</h4> <ul> <li style="list-style-type:none;"> <ul> <li>src：图像文件的 URL，也就是引用该图像的文件的的绝对路径或相对路径。</li> <li> width：宽度 </li> <li> height：高度 </li> <li> title：提示性文本。公有属性。也就是鼠标悬停时出现的文本。 </li> <li> align指图片的水平对齐方式，属性值可以是：left、center、right </li> <li> alt：当图片显示不出来的时候，代替图片显示的内容。alt是英语 alternate “替代”的意思。（有的浏览器不支持） </li> </ul></li> </ul> 　　　　示例： <div class="cnblogs_code"> <pre><img src="bobo.jpg" alt="波波在路上" title="波多野结衣" width="100"> <img src="bobo.jpg" alt="波波在路上" title="波多野结衣" width="100" height="300"> <img src="bobo.jpg" alt="波波在路上" title="波多野结衣"></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/d799da08f59b4092bc2787d3d6fe0b34.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/d799da08f59b4092bc2787d3d6fe0b34.jpg" alt="body标签中的相关标签_第14张图片" width="594" height="522" style="border:1px solid black;"></a> 　　　　文本级的标签显示在浏览器上时，不管你的图片多高，它总会底边对齐，这是一种现象，“高矮不齐，底边对齐”。 　　　　注意事项： <ul> <li style="list-style-type:none;"> <ul> <li> 如果要想保证图片等比例缩放，请只设置width和height中其中一个。 </li> <li> 如果想实现图文混排的效果，请使用align属性，取值为left或right </li> </ul></li> </ul> 　　　　如果想点击图片的时候跳转到某个链接，应该是： <div class="cnblogs_code"> <pre><a href=""> <img src="bobo.jpg" alt="波波在路上" title="波多野结衣"> </a></pre> </div> <h3>六、列表标签</h3> <h4 class="ql-long-18669989">　　1、无序列表</h4> 　　　　英文单词解释如下： <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">ul：unordered list，“无序列表”的意思。</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">li：list item，“列表项”的意思。</li> </ul></li> </ul> 　　　　示例： <div class="cnblogs_code"> <pre><ul> <li>张三</li> <li>李四</li> <li>赵五</li> </ul></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/7979794ce1764b8eaabd70f4f8fb0c25.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/7979794ce1764b8eaabd70f4f8fb0c25.jpg" alt="body标签中的相关标签_第15张图片" width="563" height="371" style="border:1px solid black;"></a> 　　　　注意： <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">li不能单独存在，必须包裹在ul里面；反过来说，ul的“儿子”不能是别的东西，只能有li。</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">我们这里再次强调，ul的作用，并不是给文字增加小圆点的，而是增加无序列表的“语义”的。</li> </ul></li> </ul> 　　　　属性： <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">type="属性值"。属性值可以选： disc(实心原点，默认)，square(实心方点)，circle(空心圆)。</li> </ul></li> </ul> 　　　　效果如下： <a href="http://img.e-com-net.com/image/info8/4984f374864f4d6486452095f2254a7f.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/4984f374864f4d6486452095f2254a7f.jpg" alt="body标签中的相关标签_第16张图片" width="595" height="385" style="border:1px solid black;"></a> 　　　　列表之间是可以嵌套的。我们来举个例子： 　　　　示例代码： <div class="cnblogs_code"> <pre><ul> <li><b>北京</b> <ul> <li>朝阳区</li> <li>东城区</li> <li>西城区</li> </ul> </li> </ul> <ul> <li><b>广东</b> <ul> <li>广州市</li> <li>佛山市</li> <li>深圳市</li> </ul> </li> </ul></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/f74d386b5c454513a6237e80a6fe52fe.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/f74d386b5c454513a6237e80a6fe52fe.jpg" alt="body标签中的相关标签_第17张图片" width="292" height="252" style="border:1px solid black;"></a> 　　　　声明：ul的儿子，只能是li。但是li是一个容器级标签，li里面什么都能放。甚至可以再放一个ul。 <h4 class="ql-long-18669989">　　2、有序列表</h4> 　　　　英文单词：Ordered List。 　　　　例如： <div class="cnblogs_code"> <pre><ol> <li>张三，默认</li> <li>李四，默认</li> <li>赵五，默认</li> </ol></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/b78b2daef70341819625de7d77488d1b.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/b78b2daef70341819625de7d77488d1b.jpg" alt="body标签中的相关标签_第18张图片" width="435" height="184" style="border:1px solid black;"></a> 　　　　属性： <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">type="属性值"。属性值可以是：1(阿拉伯数字，默认)、a、A、i、I。结合start属性表示从几开始。</li> </ul></li> </ul> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/6d6e122faa8f4236a1ea43d7d663733b.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/6d6e122faa8f4236a1ea43d7d663733b.jpg" alt="body标签中的相关标签_第19张图片" width="424" height="486" style="border:1px solid black;"></a> 　　　　我们不难看出，有序列表和无序列表一样，有序列表也是可以嵌套的哦，这里就不举类似的例子了。 　　　　ol和ul就是语义不一样，怎么使用都是一样的。 　　　　ol里面只能有li，li必须被ol包裹。li是容器级。 <h4 class="ql-long-18669989">　　3、定义列表</h4> 　　　　定义列表的作用非常大。 　　　　<dl>英文单词：definition list，没有属性。dl的子元素只能是dt和dd。 <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989"><dt>：definition title 列表的标题，这个标签是必须的</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989"><dd>：definition description 列表的列表项，如果不需要它，可以不加</li> </ul></li> </ul> 　　　　备注：dt、dd只能在dl里面；dl里面只能有dt、dd。 　　　　代码： <div class="cnblogs_code"> <pre><dl> <dt>第一条规则</dt> <dd>不准睡觉</dd> <dd>不准交头接耳</dd> <dd>不准下神</dd> <dt>第二条规则</dt> <dd>可以泡妞</dd> <dd>可以找妹子</dd> <dd>可以看mv</dd> </dl></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/18f96afed8c64333b3b44e8469ae5a60.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/18f96afed8c64333b3b44e8469ae5a60.jpg" alt="body标签中的相关标签_第20张图片" width="456" height="265" style="border:1px solid black;"></a> 　　　　上图可以看出，定义列表表达的语义是两层： <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">是一个列表，列出了几个dd项目</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">每一个词儿都有自己的描述项。</li> </ul></li> </ul> 　　　　备注：dd是描述dt的。 　　　　定义列表用法非常灵活，可以一个dt配很多dd： <div class="cnblogs_code"> <pre><dl> <dt>北京</dt> <dd>简称“京”</dd> <dd>首都，政治中心</dd> <dt>上海</dt> <dd>简称“沪”</dd> <dd>中国共党诞生地</dd> <dt>深圳</dt> <dd>简称“深”</dd> <dd>第一个经济特区</dd> </dl></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/251ef7fc078b457d8d32784d10bc142f.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/251ef7fc078b457d8d32784d10bc142f.jpg" alt="body标签中的相关标签_第21张图片" width="449" height="279" style="border:1px solid black;"></a> 　　　　还可以拆开，让每一个dl里面只有一个dt和dd，这样子感觉清晰一些： <div class="cnblogs_code"> <pre><dl> <dt>北京</dt> <dd>简称“京”</dd> <dd>首都，政治中心</dd> </dl> <dl> <dt>上海</dt> <dd>简称“沪”</dd> <dd>中国共党诞生地</dd> </dl> <dl> <dt>深圳</dt> <dd>简称“深”</dd> <dd>第一个经济特区</dd> </dl></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/75c7fd93571f4abeb234956d2f225f93.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/75c7fd93571f4abeb234956d2f225f93.jpg" alt="body标签中的相关标签_第22张图片" width="479" height="343" style="border:1px solid black;"></a> 　　　　小米案例（小米首页最下方） <a href="http://img.e-com-net.com/image/info8/b2c16fa292c3460fac3e1abab25ca4f9.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/b2c16fa292c3460fac3e1abab25ca4f9.jpg" alt="body标签中的相关标签_第23张图片" width="650" height="292" style="border:1px solid black;"></a> 　　　　dt、dd都是容器级标签，想放什么都可以。所以，现在就应该更加清晰的知道：用什么标签，不是根据样子来决定，而是语义（语义本质上是结构）。 <h3 class="ordered-item ql-heading-2 ql-long-18669989">七、表格标签</h3> 　　表格标签用<table>表示。 　　一个表格<table>是由每行<tr>组成的，每行是由<td>组成的。 　　所以我们要记住，一个表格是由行组成的（行是由列组成的），而不是由行和列组成的。 　　在以前，要想固定标签的位置，唯一的方法就是表格。现在可以通过CSS定位的功能来实现。但是现在在做页面的时候，表格作用还是有一些的。 　　例如，一行的单元格： <div class="cnblogs_code"> <pre><table> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table></pre> </div> 　　上面的表格中没有加文字，所以在生成的网页中什么都看不到。 　　例如，3行4列的单元格： <div class="cnblogs_code"> <pre><table> <tr> <td>波波</td> <td>22</td> <td>女</td> <td>东瀛</td> </tr> <tr> <td>小岳岳</td> <td>45</td> <td>男</td> <td>河南</td> </tr> <tr> <td>邓紫棋</td> <td>23</td> <td>女</td> <td>香港</td> </tr> </table></pre> </div> 　　效果： <a href="http://img.e-com-net.com/image/info8/d69d2ddf29d44d1babd8ff047bfd348e.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/d69d2ddf29d44d1babd8ff047bfd348e.jpg" alt="body标签中的相关标签_第24张图片" width="468" height="296" style="border:1px solid black;"></a> 　　上图中的表格好像没看到边框呀，不急，接下来看看<table>标签的属性。 　　<table>的属性： <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">border：边框。像素为单位。</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">style="border-collapse:collapse;"：单元格的线和表格的边框线合并</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">width：宽度。像素为单位。</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">height：高度。像素为单位。</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">bordercolor：表格的边框颜色。</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">align：表格的水平对齐方式。属性值可以填：left right center。</li> </ul></li> </ul> 　　注意：这里不是设置表格里内容的对齐方式，如果想设置内容的对齐方式，要对单元格标签<td>进行设置） <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">cellpadding：单元格内容到边的距离，像素为单位。默认情况下，文字是紧挨着左边那条线的，即默认情况下的值为0。</li> </ul></li> </ul> 　　注意不是单元格内容到四条边的距离哈，而是到一条边的距离，默认是与左边那条线的距离。如果设置属性dir="rtl"，那就指的是内容到右边那条线的距离。 <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">cellspacing：单元格和单元格之间的距离（外边距），像素为单位。默认情况下的值为0</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">bgcolor="#99cc66"：表格的背景颜色。</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">background="路径src/..."：背景图片。</li> </ul></li> </ul> 　　背景图片的优先级大于背景颜色。 　单元格带边框的效果： <a href="http://img.e-com-net.com/image/info8/d1c5c6b63f074c8d867cda92fa51316c.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/d1c5c6b63f074c8d867cda92fa51316c.jpg" alt="body标签中的相关标签_第25张图片" width="430" height="217" style="border:1px solid black;"></a> 　　备注：表格中很细表格边线的制作： 　　CSS的写法： <div class="cnblogs_code"> <pre>style="border-collapse:collapse;"</pre> </div> 　　<tr>行： 　　　　一个表格就是一行一行组成的，tr代表一行。 　　属性： <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">dir：公有属性，设置这一行单元格内容的排列方式。可以取值：ltr：从左到右（left to right，默认），rtl：从右到左（right to left）</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">bgcolor：设置这一行的单元格的背景色。</li> </ul></li> </ul> 　　　　　　注：没有background属性，即：无法设置这一行的背景图片，如果非要设置，可以用css实现。 <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">height：一行的高度</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">align="center"：一行的内容水平居中显示，取值：left、center、right</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">valign="center"：一行的内容垂直居中，取值：top、middle、bottom</li> </ul></li> </ul> 　　<td>列： 　　　　一行是由不同的列组成，td代表一列。 　　属性： <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">align：内容的横向对齐方式。属性值可以填：left right center。</li> </ul></li> </ul> 　　　　　　如果想让每个单元格的内容都居中，这个属性太麻烦了，以后用css来解决。 <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">valign：内容的纵向对齐方式。属性值可以填：top middle bottom</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">width：绝对值或者相对值(%)</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">height：单元格的高度</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">bgcolor：设置这个单元格的背景色。</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">background：设置这个单元格的背景图片。</li> </ul></li> </ul> 　　单元格合并 　　　　如果要将两个单元格合并，那肯定就要删掉一个单元格。 　　　　单元格的属性： <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">colspan：横向合并。例如colspan="2"表示当前单元格在水平方向上要占据两个单元格的位置。</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">rowspan：纵向合并。例如rowspan="2"表示当前单元格在垂直方向上</li> </ul></li> </ul> 　　　　效果：（横向合并） <a href="http://img.e-com-net.com/image/info8/bc9c41012891466182e77cfb5b18b27f.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/bc9c41012891466182e77cfb5b18b27f.jpg" alt="body标签中的相关标签_第26张图片" width="607" height="238" style="border:1px solid black;"></a> 　　　　效果举例：（纵向合并） <a href="http://img.e-com-net.com/image/info8/82096081e57c47d2b9070bc579c33b4d.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/82096081e57c47d2b9070bc579c33b4d.jpg" alt="body标签中的相关标签_第27张图片" width="650" height="396" style="border:1px solid black;"></a> 　　<th>标签： 　　　　加粗的单元格，相当于<td> + 。 　　　　属性同<td>标签。 　　<caption>标签： 　　　　表格的标题，使用时和<tr>同级并列。 　　　　效果如下： <a href="http://img.e-com-net.com/image/info8/6f53359bf22648d6bd7dfdbd327ac8b4.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/6f53359bf22648d6bd7dfdbd327ac8b4.jpg" alt="body标签中的相关标签_第28张图片" width="631" height="232" style="border:1px solid black;"></a> 　　表格的<thead>、<tbody>和<tfoot>标签： 　　　　这三个标签有与没有的区别： <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-5 ql-long-18669989">如果写了，那么这三个部分的代码顺序可以任意，浏览器显示的时候还是按照thead、tbody、tfoot的顺序依次来显示内容。如果不写thead、tbody、tfoot，那么浏览器解析并显示表格内容的时候是从按照代码的从上到下的顺序来显示。</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-5 ql-long-18669989">当表格非常大内容非常多的时候，如果用thead、tbody、tfoot标签的话，那么数据可以边获取边显示。如果不写，则必须等表格的内容全部从服务器获取完成才能显示出来。</li> </ul></li> </ul> 　　　　例子： <div class="cnblogs_code"> <pre><table border="1" style="border-collapse:collapse;"> <caption>人物介绍</caption> <tbody> <tr> <td>波波</td> <td>22</td> <td>女</td> <td rowspan="3">亚洲</td> </tr> <tr> <td>小岳岳</td> <td>45</td> <td>男</td>  </tr> <tr> <td>邓紫棋</td> <td>23</td> <td>女</td>  </tr> </tbody> <tfoot> <tr> <td colspan="4">总计：3人</td> </tr> </tfoot> <thead> <tr> <td>姓名</td> <td>年龄</td> <td>性别</td> <td>地区</td> </tr> </thead> </table></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/9b89c87ef8c94d509b52901962553956.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/9b89c87ef8c94d509b52901962553956.jpg" alt="body标签中的相关标签_第29张图片" width="650" height="194" style="border:1px solid black;"></a> <h3 class="ordered-item ql-heading-2 ql-long-18669989">八、表单标签</h3> 　　表单标签用<form>表示，用于与服务器的交互。表单就是收集用户信息的，就是让用户填写的、选择的。 　　属性： <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">name：表单的名称，用于JS来操作或控制表单时使用；</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">id：表单的名称，用于JS来操作或控制表单时使用；</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">action：指定表单数据提交的地址；</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">method：表单数据的提交方式，一般取值：get(默认)和post。</li> </ul></li> </ul> 　　　　form标签里面的action属性和method属性，在后面课程给大家讲解。稍微说一下：action属性就是表示，表单将提交到哪里。 method属性表示用什么HTTP方法提交，有get、post两种。 　　get提交和post提交的区别： <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-1 ql-long-18669989">GET方式：</li> </ul></li> </ul> 　　　　　　将表单数据，以"name=value"形式追加到action指定的处理程序的后面，两者间用"?"隔开，每一个表单的"name=value"间用"&"号隔开。 　　　　　　特点：只适合提交少量信息，并且不太安全(不要提交敏感数据)、提交的数据类型只限于ASCII字符。 <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-1 ql-long-18669989">POST方式：</li> </ul></li> </ul> 　　　　将表单数据直接发送(隐藏)到action指定的处理程序。POST发送的数据不可见。Action指定的处理程序可以获取到表单数据。 　　　　特点：可以提交海量信息，相对来说安全一些，提交的数据格式是多样的(Word、Excel、rar、img)。 　　Enctype： 　　　　表单数据的编码方式(加密方式)，取值可以是：application/x-www-form-urlencoded、multipart/form-data。Enctype只能在POST方式下使用。 <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">Application/x-www-form-urlencoded：默认加密方式，除了上传文件之外的数据都可以</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">Multipart/form-data：上传附件时，必须使用这种编码方式。</li> </ul></li> </ul> <h4 class="ordered-item ql-heading-2 ql-long-18669989">　　1、<input>输入标签（文本框）</h4> 　　　　用于接收用户输入。 <div class="cnblogs_code"> <pre><input type="text" /></pre> </div> 　　　　属性： <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">type="属性值"：文本类型。属性值可以是：</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">text（默认）</li> </ul></li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">password：密码类型</li> </ul></li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">radio：单选按钮，名字相同的按钮作为一组进行单选（单选按钮，天生是不能互斥的，如果想互斥，必须要有相同的name属性。name就是“名字”。）。非常像以前的收音机，按下去一个按钮，其他的就抬起来了。所以叫做radio。</li> </ul></li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">checkbox：多选按钮，名字相同的按钮作为一组进行选择。</li> </ul></li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li style="list-style-type:none;"> <ul> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">checked：将单选按钮或多选按钮默认处于选中状态。当<input>标签的type="radio"时，可以用这个属性。属性值也是checked，可以省略。</li> </ul></li> </ul></li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">hidden：隐藏框，在表单中包含不希望用户看见的信息</li> </ul></li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">button：普通按钮，结合js代码进行使用。</li> </ul></li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">submit：提交按钮，传送当前表单的数据给服务器或其他程序处理。这个按钮不需要写value自动就会有“提交”文字。这个按钮真的有提交功能。点击按钮后，这个表单就会被提交到form标签的action属性中指定的那个页面中去。</li> </ul></li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">reset：重置按钮，清空当前表单的内容，并设置为最初的默认值</li> </ul></li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">image：图片按钮，和提交按钮的功能完全一致，只不过图片按钮可以显示图片。</li> </ul></li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-3 ql-long-18669989">file：文件选择框。</li> </ul></li> </ul></li> </ul> 　　　　　　　　提示：如果要限制上传文件的类型，需要配合JS来实现验证。对上传文件的安全检查：一是扩展名的检查，二是文件数据内容的检查。 <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">value="内容"：文本框里的默认内容（已经被填好了的）</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">size="50"：表示文本框内可以显示五十个字符。一个英文或一个中文都算一个字符。</li> </ul></li> </ul> 　　　　注意size属性值的单位不是像素哦。 <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">readonly：文本框只读，不能编辑。因为它的属性值也是readonly，所以属性值可以不写。</li> </ul></li> </ul> 　　　　　　用了这个属性之后，在google浏览器中，光标点不进去；在IE浏览器中，光标可以点进去，但是文字不能编辑。 <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">disabled：文本框只读，不能编辑，光标点不进去。属性值可以不写。</li> </ul></li> </ul> 　　　　例子： <div class="cnblogs_code"> <pre><form> 姓名：<input value="呵呵" >逗比<br> 昵称：<input value="哈哈" readonly=""><br> 名字：<input type="text" value="name" disabled=""><br> 密码：<input type="password" value="pwd" size="50"><br> 性别：<input type="radio" name="gender" value="male" checked="">男 <input type="radio" name="gender" value="female" >女<br> 爱好：<input type="checkbox" name="love" value="eat">吃饭 <input type="checkbox" name="love" value="sleep">睡觉 <input type="checkbox" name="love" value="bat">打豆豆 </form></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/512c83f1eaf44955880bc44db40ee390.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/512c83f1eaf44955880bc44db40ee390.jpg" alt="body标签中的相关标签_第30张图片" width="528" height="203" style="border:1px solid black;"></a> 　　　　四种按钮的举例： <div class="cnblogs_code"> <pre><form> <input type="button" value="普通按钮"><br> <input type="submit" value="提交按钮"><br> <input type="reset" value="重置按钮"><br> <input type="image" src="https://gss0.bdstatic.com/-4o3dSag_xI4khGkpoWK1HF6hhy/baike/w%3D268%3Bg%3D0/sign=16535fed6163f6241c5d3e05bf7f8cc5/fd039245d688d43f63d84526771ed21b0ff43bf5.jpg" width="200" value="图片按钮2"><br> <input type="file" value="文件选择框"> </form></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/ee3ff814293e4cc59f80ad4cfaaa19b8.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/ee3ff814293e4cc59f80ad4cfaaa19b8.jpg" alt="body标签中的相关标签_第31张图片" width="400" height="401" style="border:1px solid black;"></a> <h4 class="ordered-item ql-heading-2 ql-long-18669989">　　2、<select>下拉列表标签</h4> 　　　　<select>标签里面的每一项用<option>表示。select就是“选择”，option“选项”。 　　　　select标签和ul、ol、dl一样，都是组标签。 　　　　<select>标签的属性： <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">multiple：可以对下拉列表中的选项进行多选。没有属性值。</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">size="3"：如果属性值大于1，则列表为滚动视图。默认属性值为1，即下拉视图。</li> </ul></li> </ul> 　　　　<option>标签的属性： <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">selected：预选中。没有属性值。</li> </ul></li> </ul> 　　　　例子： <div class="cnblogs_code"> <pre><form> <select> <option>小学</option> <option>初中</option> <option>高中</option> <option>大学</option> <option selected="">研究生</option> </select> <br><br><br> <select size="3"> <option>小学</option> <option>初中</option> <option>高中</option> <option>大学</option> <option>研究生</option> </select> <br><br><br> <select multiple=""> <option>小学</option> <option>初中</option> <option selected="">高中</option> <option selected="">大学</option> <option>研究生</option> </select> <br><br><br> </form></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/c918ba04879b464198570040c1161352.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/c918ba04879b464198570040c1161352.jpg" alt="body标签中的相关标签_第32张图片" width="301" height="279" style="border:1px solid black;"></a> <h4 class="ordered-item ql-size-12 ql-long-18669989 ql-authorBlock-18669989 ql-heading-2">　　3、<textarea>标签：多行文本输入框</h4> 　　　　text就是“文本”，area就是“区域”。 　　　　属性： <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">value：提交给服务器的值。</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">rows="4"：指定文本区域的行数。</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">cols="20"：指定文本区域的列数。</li> </ul></li> </ul> <ul class="ql-long-18669989"> <li style="list-style-type:none;"> <ul> <li class="bullet-item ql-indent-2 ql-long-18669989">readonly：只读。</li> </ul></li> </ul> <div class="cnblogs_code"> <pre><form> <textarea name="txtInfo" rows="4" cols="20">路飞学城</textarea> </form></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/ca24b9e9f9d64dce880753896117f249.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/ca24b9e9f9d64dce880753896117f249.jpg" alt="body标签中的相关标签_第33张图片" width="292" height="132" style="border:1px solid black;"></a> <h4>　　4、表单的语义化</h4> 　　　　比如，我们在注册一个网站的信息的时候，有一部分是必填信息，有一部分是选填信息，这个时候可以利用表单的语义化。 　　　　例子： <div class="cnblogs_code"> <pre><form> <fieldset> <legend>账号信息</legend> 姓名：<input value="呵呵" >逗比<br> 密码：<input type="password" value="pwd" size="50"><br> </fieldset> <fieldset> <legend>其他信息</legend> 性别：<input type="radio" name="gender" value="male" checked="">男 <input type="radio" name="gender" value="female" >女<br> 爱好：<input type="checkbox" name="love" value="eat">吃饭 <input type="checkbox" name="love" value="sleep">睡觉 <input type="checkbox" name="love" value="bat">打豆豆 </fieldset> </form></pre> </div> 　　　　效果： <a href="http://img.e-com-net.com/image/info8/601cfbed3387406191a86fade5eb961a.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/601cfbed3387406191a86fade5eb961a.jpg" alt="body标签中的相关标签_第34张图片" width="650" height="249" style="border:1px solid black;"></a> <h4 class="ordered-item ql-heading-2 ql-long-18669989">　　5、<label>标签</h4> 　　　　我们先来看下面一段代码： <div class="cnblogs_code"> <pre><input type="radio" name="sex" /> 男 <input type="radio" name="sex" /> 女</pre> </div> 　　　　对于上面这样的单选框，我们只有点击那个单选框（小圆圈）才可以选中，点击“男”、“女”这两个文字时是无法选中的。于是，label标签派上了用场。 　　　　本质上来讲，“男”、“女”这两个文字和input标签时没有关系的，而label就是解决这个问题的。我们可以通过label把input和汉字包裹起来作为整体。 　　　　解决方法如下： <div class="cnblogs_code"> <pre><input type="radio" name="sex" id="male" /> <label for="male">男</label> <input type="radio" name="sex" id="female" /> <label for="female">女</label></pre> </div> 　　　　上方代码中，input元素要有一个id，然后label标签有一个for属性，和id相同，那么这个label和input就有绑定关系了。 　　　　当然了，复选框也有label：（任何表单元素都有label） <div class="cnblogs_code"> <pre><input type="checkbox" id="kk" /> <label for="kk">10天内免登陆</label> </pre> </div> 　　　　好了，基本上常用的HTML标签就给大家介绍到这里，基本上呢，标准的div+css布局，我们常用的的标签如下： <div class="cnblogs_code"> <pre>div p h1 span a img ul ol dl input等</pre> </div> 　　　　想要扩展请移步：戳我啊！ <h3 class="ql-long-18669989">九、今日作业</h3> 　　小米官网 　　看小米官网，通过截图，完成网页的结构图。 </div> 转载于:https://www.cnblogs.com/Michael--chen/p/10278814.html </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1292664292776157184"></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">你可能感兴趣的:(body标签中的相关标签)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1882721263651188736.htm" title="LeetCode刷题day19——贪心" target="_blank">LeetCode刷题day19——贪心</a> Jessie_waverider <a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</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%B4%AA%E5%BF%83%E7%AE%97%E6%B3%95/1.htm">贪心算法</a> <div>LeetCode刷题day19——贪心55.跳跃游戏分析：45.跳跃游戏Ⅱ分析：452.用最少数量的箭引爆气球分析：**总结**55.跳跃游戏给你一个非负整数数组nums，你最初位于数组的第一个下标。数组中的每个元素代表你在该位置可以跳跃的最大长度。判断你是否能够到达最后一个下标，如果可以，返回true；否则，返回false。示例1：输入：nums=[2,3,1,1,4]输出：true解释：可以先</div> </li> <li><a href="/article/1882718744115998720.htm" title="剩余电流动作保护器和接地系统" target="_blank">剩余电流动作保护器和接地系统</a> ACRELKY <a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a> <div>摘要：剩余电流动作保护器在不同的接地系统中有其适用性和严格的接线方式，错误地选用剩余电流动作保护器或不规范地接线，会使剩余电流动作保护器误动或拒动，甚至引起人身触电和电气火灾事故。从剩余电流动作保护器工作原理出发，着重于用电设备的电流矢量分析与计算，阐述剩余电流动作保护器在低压配电接地系统中的应用特性，定量地分析接地系统类型对剩余电流动作保护器工作的影响。电流矢量的分析方法为剩余电流动作保护器的应</div> </li> <li><a href="/article/1882718113431089152.htm" title="系统相关类——java.lang.Math （三）（案例详细拆解小白友好）" target="_blank">系统相关类——java.lang.Math （三）（案例详细拆解小白友好）</a> 励志去大厂的菜鸟 <a class="tag" taget="_blank" href="/search/Java%E6%80%9D%E6%83%B3%E5%92%8C%E6%96%B9%E6%B3%95/1.htm">Java思想和方法</a><a class="tag" taget="_blank" href="/search/Java%E5%AD%A6%E4%B9%A0/1.htm">Java学习</a><a class="tag" taget="_blank" href="/search/%E7%99%BD%E8%AF%9D%E6%8B%86%E8%A7%A3Java/1.htm">白话拆解Java</a><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><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/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%96%B9%E6%B3%95/1.htm">学习方法</a> <div>前言：小编打算近期更俩三期类的专栏，一些常用的专集类，给大家分好类别总结和详细的代码举例解释。今天是第三个java.lang.Math类我们一直都是以这样的形式，让新手小白轻松理解复杂晦涩的概念，把Java代码拆解的清清楚楚，每一步都知道他是怎么来的，为什么用这串代码关键字，对比同类型的代码，让大家真正看完以后融会贯通，举一反三，实践应用！！！！①官方定义和大白话拆解对比②举生活中常见贴合例子、图</div> </li> <li><a href="/article/1882717861282115584.htm" title="CTF学习法则——寒假篇新手赶快收藏吧！" target="_blank">CTF学习法则——寒假篇新手赶快收藏吧！</a> 网络安全技术分享 <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/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%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/CTF/1.htm">CTF</a> <div>CTF（CapturetheFlag）是网络安全领域中的一种比赛形式，涵盖了漏洞利用、逆向工程、加密解密、编码解码等多方面的技术，参与者通过解决难题（称为“Flag”）获得积分。对于想要在寒假期间提升CTF技能的同学们，以下是一些有效的学习法则，可以帮助你高效地进行学习和提升：1.合理规划学习时间寒假时间有限，建议制定合理的学习计划：每天固定时间学习：保持稳定的学习节奏，避免临时抱佛脚。分阶段学习</div> </li> <li><a href="/article/1882717230530097152.htm" title="2024 年最新基于 Spring Cloud 的微服务架构分析" target="_blank">2024 年最新基于 Spring Cloud 的微服务架构分析</a> 2401_83916326 <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/cloud/1.htm">cloud</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E6%9C%8D%E5%8A%A1/1.htm">微服务</a> <div>SpringCloud的核心组件==================1.Eureka（注册中心）================Eureka是SpringCloud微服务架构中的注册中心，专门负责服务的注册与发现,里面有一个注册表,保存了各个服务器的机器和端口。Eureka服务端：也称服务注册中心，同其他服务注册中心一样，支持高可用配置。如果Eureka以集群模式部署，当集群中有分片出现故障时，那</div> </li> <li><a href="/article/1882715843838668800.htm" title="Jupyter notebook将指定文件夹中所有word文件导出为PDF文件" target="_blank">Jupyter notebook将指定文件夹中所有word文件导出为PDF文件</a> 不知何时归家 <a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/jupyter/1.htm">jupyter</a><a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a> <div>importosimportcomtypes.client#遍历指定目录中的Word文件，并导出PDF文件folder_path=r"D:\test"fordirpath,dirs,filenamesinos.walk(folder_path):forfilenameinfilenames:file_path=os.path.join(dirpath,filename)suffix=os.path</div> </li> <li><a href="/article/1882711809799024640.htm" title="python strip() 函数和 split() 函数的详解" target="_blank">python strip() 函数和 split() 函数的详解</a> xinyuerr <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>本文主要介绍了pythonstrip()函数和split()函数的详解及实例的相关资料,需要的朋友可以参考下pythonstrip()函数和split()函数的详解及实例一直以来都分不清楚strip和split的功能，实际上strip是删除的意思；而split则是分割的意思。因此也表示了这两个功能是完全不一样的，strip可以删除字符串的某些字符，而split则是根据规定的字符将字符串进行分割。下</div> </li> <li><a href="/article/1882711179093143552.htm" title="服务器遭到入侵后的排查与应对" target="_blank">服务器遭到入侵后的排查与应对</a> Ryann6 <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/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>目录1.立即隔离受影响的服务器2.检查系统日志重点检查：3.检查运行中的进程和开放端口4.检查文件系统的异常更改5.分析网络流量6.检查用户账户和权限7.查杀恶意软件8.恢复系统和加强防御最后在当今的网络环境中，服务器遭到入侵已经成为一个不可忽视的安全威胁。无论是个人网站、企业服务，还是云平台上的资源，一旦服务器被攻击，可能会导致数据泄露、服务中断、甚至财务损失。本文将介绍如何在服务器遭到入侵后进</div> </li> <li><a href="/article/1882710923362234368.htm" title="LLaMA Pro是什么相比于lora full freeze有什么区别怎么使用" target="_blank">LLaMA Pro是什么相比于lora full freeze有什么区别怎么使用</a> Ven% <a class="tag" taget="_blank" href="/search/%E7%AE%80%E5%8D%95%E8%AF%B4%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">简单说深度学习</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0%E5%9F%BA%E7%A1%80%E5%8A%A8%E6%89%8B/1.htm">深度学习基础动手</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0%E9%80%9F%E9%80%9A%E7%B3%BB%E5%88%97/1.htm">深度学习速通系列</a><a class="tag" taget="_blank" href="/search/llama/1.htm">llama</a><a class="tag" taget="_blank" href="/search/transformer/1.htm">transformer</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>1.LLaMAPro是什么？LLaMAPro是一种基于LLaMA架构改进的大型语言模型（LLM），旨在解决大模型微调中的知识遗忘问题。它通过在原有模型的基础上扩展新的模块（如Transformer块），并在微调时仅训练这些新增模块，从而在适应新任务的同时保留预训练模型的通用知识。LLaMAPro在代码理解、数学推理和语言理解等任务上表现出色，特别适合需要持续学习和多任务处理的场景。2.LLaMAP</div> </li> <li><a href="/article/1882710460818583552.htm" title="【vLLM 学习】使用 OpenVINO 安装" target="_blank">【vLLM 学习】使用 OpenVINO 安装</a> <div>vLLM是一款专为大语言模型推理加速而设计的框架，实现了KV缓存内存几乎零浪费，解决了内存管理瓶颈问题。更多vLLM中文文档及教程可访问→https://vllm.hyper.ai/由OpenVINO驱动的vLLM支持来自vLLM支持的模型列表中的所有LLM模型，并且可以在所有x86-64CPU上（至少需要AVX2支持）进行最佳的模型服务。OpenVINO的vLLM后端支持以下高级vLLM特性：前</div> </li> <li><a href="/article/1882710204068458496.htm" title="< HarmonyOS TechTalk 33 >应用安全开发关键技术讲解" target="_blank">< HarmonyOS TechTalk 33 >应用安全开发关键技术讲解</a> <a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a> <div>课程简介本课程是【HarmonyOSTechTalk】的第33课。本课程主要内容为应用安全开发关键技术讲解，主要针对应用开发中常见的安全技术进行介绍，包括应用权限申请、加解密算法、未成年人模式。能够帮助开发者更好的掌握安全开发相关能力。标签高级课程HarmonyOS权限申请加解密算法未成年人模式观看课程点击链接，立马观看学习：应用安全开发关键技术讲解学习全部课程共33个课程，欢迎小伙伴们观看学习，</div> </li> <li><a href="/article/1882710202726281216.htm" title="< HarmonyOS TechTalk 32 > 全场景协同开发实践" target="_blank">< HarmonyOS TechTalk 32 > 全场景协同开发实践</a> <a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a> <div>课程简介本课程是【HarmonyOSTechTalk】的第32课。本课程主题为全场景协同开发实践，主要针对鸿蒙全场景协同场景的讲解，包含接续、跨设备互通、跨设备剪贴板等协同场景，并提供了多个实践案例。标签高级课程HarmonyOS全场景接续跨设备互通跨设备剪贴板观看课程点击链接，立马观看学习：全场景协同开发实践学习全部课程共33个课程，欢迎小伙伴们观看学习，掌握更多鸿蒙开发技能。事件通知高频场景串</div> </li> <li><a href="/article/1882710166709792768.htm" title="Java 枚举类型用法" target="_blank">Java 枚举类型用法</a> 我心向阳iu <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Java%E8%BF%9B%E9%98%B6/1.htm">Java进阶</a><a class="tag" taget="_blank" href="/search/Java%E9%9D%A2%E8%AF%95%E7%9F%A5%E8%AF%86%E7%82%B9%E7%B2%BE%E8%AE%B2/1.htm">Java面试知识点精讲</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>文章目录枚举1.1概述1.2定义格式1.3枚举的特点枚举中的抽象方法1.4枚举的方法枚举1.1概述为了间接的表示一些固定的值，Java就给我们提供了枚举枚举是指将变量的值一一列出来,变量的值只限于列举出来的值的范围内1.2定义格式格式publicenums{枚举项1,枚举项2,枚举项3;}注意:定义枚举类要用关键字enum示例代码</div> </li> <li><a href="/article/1882710075659841536.htm" title="<HarmonyOS TechTalk 30> 一镜到底、智能填充、悬停适配开发实践" target="_blank"><HarmonyOS TechTalk 30> 一镜到底、智能填充、悬停适配开发实践</a> <a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a> <div>课程简介本课程是【HarmonyOSTechTalk】的第30课。本课程将向开发者介绍HarmonyOS系统的强大开发能力,重点讲解三大核心特性：一镜到底、悬停适配、智能填充，帮助开发者更高效地构建优质的鸿蒙应用。课程旨在帮助开发者提升构建优质鸿蒙应用的能力，通过学习这些特性，开发者可以提升应用开发的灵活性和用户体验，从而开发更具创新性的跨平台应用。标签高级课程HarmonyOS一镜到底悬停智能填</div> </li> <li><a href="/article/1882710074347024384.htm" title="<HarmonyOS TechTalk 29> 应用冷启动及页面滑动场景性能优化" target="_blank"><HarmonyOS TechTalk 29> 应用冷启动及页面滑动场景性能优化</a> <a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a> <div>课程简介本课程是【HarmonyOSTechTalk】的第29课。本次主要围绕“应用冷启动及页面滑动场景性能优化”展开介绍。课程分为两个部分：1.应用冷启动流程讲解：介绍关键性能指标、问题分析思路以及提升应用冷启动方案；2.页面滑动场景性能优化实践：包括滑动性能指标、问题分析思路、ArkUI和RN应用的常见优化手段。通过深入了解这些内容，开发者能够提高冷启动流程效率和优化滑动体验。标签高级课程Ha</div> </li> <li><a href="/article/1882709440096956416.htm" title="hyper快照，hyper-v快照的管理" target="_blank">hyper快照，hyper-v快照的管理</a> <a class="tag" taget="_blank" href="/search/hyper-v/1.htm">hyper-v</a> <div>企业战略实施的过程中，批量管理如同战略落地的坚实基石，确保战略目标的逐步实现。今天小编要给大家分享hyper-v快照的管理。Hyper-V快照是Hyper-V虚拟化环境中的一项重要功能，它允许用户记录虚拟机在某一特定时间点的状态，包括内存、磁盘和网络配置等。通过快照，用户可以在虚拟机出现问题或需要回溯到某个状态时，快速恢复到该快照所记录的状态。Hyper-V快照的类型：标准检查点：记录虚拟机及其内</div> </li> <li><a href="/article/1882709438691864576.htm" title="hyper快照，hyper-v快照的管理" target="_blank">hyper快照，hyper-v快照的管理</a> <a class="tag" taget="_blank" href="/search/hyper-v/1.htm">hyper-v</a> <div>企业战略实施的过程中，批量管理如同战略落地的坚实基石，确保战略目标的逐步实现。今天小编要给大家分享hyper-v快照的管理。Hyper-V快照是Hyper-V虚拟化环境中的一项重要功能，它允许用户记录虚拟机在某一特定时间点的状态，包括内存、磁盘和网络配置等。通过快照，用户可以在虚拟机出现问题或需要回溯到某个状态时，快速恢复到该快照所记录的状态。Hyper-V快照的类型：标准检查点：记录虚拟机及其内</div> </li> <li><a href="/article/1882707015084601344.htm" title="python面试情景题_50道python笔试面试真题大集合" target="_blank">python面试情景题_50道python笔试面试真题大集合</a> 我是史迪仔 <a class="tag" taget="_blank" href="/search/python%E9%9D%A2%E8%AF%95%E6%83%85%E6%99%AF%E9%A2%98/1.htm">python面试情景题</a> <div>Python爬虫人工智能100GBweb爬虫数据分析人工智能视频免费领题目后面有50道题答案领取方式哦1、一行代码实现1--100之和利用sum()函数求和2、如何在一个函数内部修改全局变量利用global修改全局变量3、列出5个python标准库os：提供了不少与操作系统相关联的函数sys:通常用于命令行参数re:正则匹配math:数学运算datetime:处理日期时间4、字典如何删除键和合并两</div> </li> <li><a href="/article/1882706634208243712.htm" title="AI人工智能代理工作流 AI Agent WorkFlow：在金融领域中的应用" target="_blank">AI人工智能代理工作流 AI Agent WorkFlow：在金融领域中的应用</a> AI天才研究院 <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AEAI%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">大数据AI人工智能</a><a class="tag" taget="_blank" href="/search/AI%E5%A4%A7%E6%A8%A1%E5%9E%8B%E4%BC%81%E4%B8%9A%E7%BA%A7%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91%E5%AE%9E%E6%88%98/1.htm">AI大模型企业级应用开发实战</a><a class="tag" taget="_blank" href="/search/AI%E5%A4%A7%E6%A8%A1%E5%9E%8B%E5%BA%94%E7%94%A8%E5%85%A5%E9%97%A8%E5%AE%9E%E6%88%98%E4%B8%8E%E8%BF%9B%E9%98%B6/1.htm">AI大模型应用入门实战与进阶</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E7%A7%91%E5%AD%A6/1.htm">计算科学</a><a class="tag" taget="_blank" href="/search/%E7%A5%9E%E7%BB%8F%E8%AE%A1%E7%AE%97/1.htm">神经计算</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E7%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C/1.htm">神经网络</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%9E%8B%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">大型语言模型</a><a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/AGI/1.htm">AGI</a><a class="tag" taget="_blank" href="/search/LLM/1.htm">LLM</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><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1/1.htm">架构设计</a><a class="tag" taget="_blank" href="/search/Agent/1.htm">Agent</a><a class="tag" taget="_blank" href="/search/RPA/1.htm">RPA</a> <div>AI人工智能代理工作流AIAgentWorkFlow：在金融领域中的应用作者：禅与计算机程序设计艺术/ZenandtheArtofComputerProgramming关键词：AIAgentWorkFlow,金融风险管理,自动化投资决策,数据驱动策略生成,量化交易系统1.背景介绍1.1问题的由来随着金融市场全球化和技术的飞速发展，金融机构面临着日益复杂的业务挑战。从风险管理和投资决策到客户关系管理</div> </li> <li><a href="/article/1882705750204149760.htm" title="nutzboot框架入门" target="_blank">nutzboot框架入门</a> 优人qaq <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>引言NutzBoot是基于Nutz框架开发的一款轻量级、高效的JavaWeb开发脚手架，它旨在简化JavaWeb应用的开发与部署流程，为开发者提供便捷、高效的开发体验。核心特性自动配置：NutzBoot具备类似于SpringBoot的自动配置功能。它能够依据项目的依赖和配置，自动完成各类组件的初始化与配置。例如，若项目中添加了数据库相关依赖，NutzBoot会自动配置数据源和数据库连接池，极大减少</div> </li> <li><a href="/article/1882704491300581376.htm" title="重新修改 Qt 项目的 Kit 配置" target="_blank">重新修改 Qt 项目的 Kit 配置</a> 课堂随想 <a class="tag" taget="_blank" href="/search/QT/1.htm">QT</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a> <div>要重新修改Qt项目的Kit配置，你可以按照以下步骤进行操作：1.打开QtCreator首先，启动QtCreator，确保你的项目已经打开。2.进入项目设置在QtCreator中，点击菜单栏的“Projects”标签（通常在窗口的左侧）。在打开的“Projects”视图中，你将看到项目的各种配置选项。3.选择Kit在“Build&Run”选项下，你将看到当前配置的Kit列表。如果你想修改已经选择的K</div> </li> <li><a href="/article/1882704362116018176.htm" title="将 GitHub 仓库从公开（public）设置为私有（private）" target="_blank">将 GitHub 仓库从公开（public）设置为私有（private）</a> 课堂随想 <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E7%AC%A8%E5%8A%9E%E6%B3%95%E5%AD%A6Git/1.htm">笨办法学Git</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a> <div>登录GitHub并进入你想要设置为私有的仓库页面。点击页面右上角的“Settings”（设置）标签。在设置页面中，向下滚动，找到“DangerZone”（危险区域）部分。在危险区域中，你会看到一个“Changerepositoryvisibility”（更改仓库可见性）的选项。点击“Changevisibility”按钮。GitHub会弹出一个提示框，询问你是否要将仓库设置为私有。确认更改后，仓库</div> </li> <li><a href="/article/1882703099521462272.htm" title="【设计模式-行为型】访问者模式" target="_blank">【设计模式-行为型】访问者模式</a> 博一波 <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E8%AE%BF%E9%97%AE%E8%80%85%E6%A8%A1%E5%BC%8F/1.htm">访问者模式</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>一、什么是访问者模式说起来访问者模式，其实很少用。我一直在思考该用什么样的例子把这个设计模式表述清晰，最近突然想到一个例子也许他就是访问者。港片有过很辉煌的年代，小的时候一直在看港片觉得拍的非常好，而且演员的演技也在线。不知道大家看没有看过一个金典的穿越剧----《寻秦记》，其中的项少龙（古天乐）就是专业的访问者。项少龙的经历可以很好地体现访问者模式的核心思想。项少龙作为一个现代人，穿越到战国时期</div> </li> <li><a href="/article/1882701334310875136.htm" title="制作动态菜单" target="_blank">制作动态菜单</a> 大磊程序员(“hello world”) <a class="tag" taget="_blank" href="/search/Java%E5%90%8E%E7%AB%AF/1.htm">Java后端</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><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>动态菜单的说明什么叫做动态菜单？动态菜单就是根据用户属于不同的角色，每个角色还有不同的菜单，左侧菜单栏会有不同的显示前端加载流程menu.js修改/src/api/menu.js中的请求地址，如下所示：//获取菜单exportconstGetMenus=params=>{returnrequest({url:'/admin/system/index/menus',method:'get',para</div> </li> <li><a href="/article/1882700451497963520.htm" title="基于机器视觉的钢管表面缺陷检测方法" target="_blank">基于机器视觉的钢管表面缺陷检测方法</a> winxp-pic <a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E8%A7%86%E8%A7%89/1.htm">计算机视觉</a> <div>钢管作为原材料，广泛应用于如石油、化工、电力、船舶、汽车等行业。近年来，经济全球化发展使企业对产品质量提出更高要求，钢管表面存在缺陷会严重影响其使用寿命，同时在设备某些重要位，使用劣质钢管会存在安全隐患，严重威胁人员生命，对企业造成产财产损失。因此，为了控制钢管质量，相关企业会对其进行质量检测，但检测措施通常由人工实现，无法实现快速、精准检测缺陷。在钢管生产的过程中，由于原材料、轧制设备和加工工艺</div> </li> <li><a href="/article/1882699188307816448.htm" title="探索WPF中的RelativeSource：灵活的资源绑定利器" target="_blank">探索WPF中的RelativeSource：灵活的资源绑定利器</a> 硅谷调试员 <a class="tag" taget="_blank" href="/search/%E6%B5%8B%E6%8E%A7%E6%8A%80%E6%9C%AF%E4%B8%8E%E4%BB%AA%E5%99%A8/1.htm">测控技术与仪器</a><a class="tag" taget="_blank" href="/search/wpf/1.htm">wpf</a> <div>探索WPF中的RelativeSource：灵活的资源绑定利器在WPF（WindowsPresentationFoundation）开发中，资源绑定是一个强大且灵活的功能，它允许开发者将UI元素与数据源动态关联。而RelativeSource则是WPF中一个非常有用的工具，特别是在处理复杂的UI层次结构时。本文将带你深入了解RelativeSource的用法，并通过实例展示如何在实际项目中灵活运用</div> </li> <li><a href="/article/1882698683498164224.htm" title="动态规划汇总5" target="_blank">动态规划汇总5</a> get_zhang_ <a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E8%A7%84%E5%88%92/1.htm">动态规划</a><a class="tag" taget="_blank" href="/search/%E5%AD%90%E4%B8%B2/1.htm">子串</a><a class="tag" taget="_blank" href="/search/%E5%AD%90%E5%BA%8F%E5%88%97/1.htm">子序列</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E8%A7%84%E5%88%92/1.htm">动态规划</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</a> <div>1.最长递增子序列力扣题目链接(opensnewwindow)给你一个整数数组nums，找到其中最长严格递增子序列的长度。子序列是由数组派生而来的序列，删除（或不删除）数组中的元素而不改变其余元素的顺序。例如，[3,6,2,7]是数组[0,3,1,6,2,2,7]的子序列。示例1：输入：nums=[10,9,2,5,3,7,101,18]输出：4解释：最长递增子序列是[2,3,7,101]，因此长</div> </li> <li><a href="/article/1882697046004133888.htm" title="Encoder（编码器）和Decoder（解码器）有什么区别" target="_blank">Encoder（编码器）和Decoder（解码器）有什么区别</a> YiHanXii <a class="tag" taget="_blank" href="/search/nlp/1.htm">nlp</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>编码器和解码器的区别主要功能：编码器：编码器的主要功能是处理输入数据，并将其转换成一种内部表示（contextvectors），这种表示捕捉了输入数据的重要特征。编码器特别适合于自然语言理解（NLU）任务。解码器：解码器的主要功能是基于某种内部表示或前一个状态的输出来生成新的输出。解码器特别适合于自然语言生成（NLG）任务。处理方式：编码器通常一次性处理整个输入序列，捕捉序列中的信息，并生成一个固</div> </li> <li><a href="/article/1882694019612471296.htm" title="如何设置全局代理网络？" target="_blank">如何设置全局代理网络？</a> 星鹿跨境 <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>为了访问被封锁的网站，提高网络安全性，设置全局代理网络都是一种有效的解决方案。全局代理网络可以将系统中的所有网络请求都通过指定的代理服务器进行转发，来确保所有应用程序都使用代理服务器进行网络访问。什么是全局代理？全局代理是指将系统中的所有网络请求都通过指定的代理服务器进行转发。这意味着不管是浏览器、即时通讯软件还是其他任何网络应用程序，都将通过设置的代理进行连接。全局代理常常用于绕过地区限制、提升</div> </li> <li><a href="/article/1882691752935092224.htm" title="AI人工智能代理工作流AI Agent WorkFlow：智能代理在金融系统中的应用" target="_blank">AI人工智能代理工作流AI Agent WorkFlow：智能代理在金融系统中的应用</a> AGI大模型与大数据研究院 <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AEAI%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">大数据AI人工智能</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E7%A7%91%E5%AD%A6/1.htm">计算科学</a><a class="tag" taget="_blank" href="/search/%E7%A5%9E%E7%BB%8F%E8%AE%A1%E7%AE%97/1.htm">神经计算</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E7%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C/1.htm">神经网络</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%9E%8B%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">大型语言模型</a><a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/AGI/1.htm">AGI</a><a class="tag" taget="_blank" href="/search/LLM/1.htm">LLM</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><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1/1.htm">架构设计</a><a class="tag" taget="_blank" href="/search/Agent/1.htm">Agent</a><a class="tag" taget="_blank" href="/search/RPA/1.htm">RPA</a> <div>AI人工智能代理工作流AIAgentWorkFlow：智能代理在金融系统中的应用1.背景介绍1.1金融系统的重要性金融系统是现代经济的核心支柱,它确保资金在不同经济实体之间的有效流动和分配。一个高效、可靠的金融系统对于促进经济增长、维护金融稳定和满足社会资金需求至关重要。然而,金融系统也面临着诸多挑战,例如复杂的监管要求、日益增长的交易量、网络安全风险等。1.2人工智能在金融领域的应用近年来,人工</div> </li> <li><a href="/article/18.htm" title="jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque" target="_blank">jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque</a> qiaolevip <a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E8%BF%9B%E6%AD%A5%E4%B8%80%E7%82%B9%E7%82%B9/1.htm">每天进步一点点</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%B0%B8%E6%97%A0%E6%AD%A2%E5%A2%83/1.htm">学习永无止境</a><a class="tag" taget="_blank" href="/search/%E8%B7%A8%E5%9F%9F/1.htm">跨域</a><a class="tag" taget="_blank" href="/search/%E4%BC%97%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">众观千象</a> <div>XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:1 </div> </li> <li><a href="/article/145.htm" title="mysql 分区查询优化" target="_blank">mysql 分区查询优化</a> annan211 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%8C%BA/1.htm">分区</a><a class="tag" taget="_blank" href="/search/%E4%BC%98%E5%8C%96/1.htm">优化</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div> 分区查询优化引入分区可以给查询带来一定的优势，但同时也会引入一些bug. 分区最大的优点就是优化器可以根据分区函数来过滤掉一些分区，通过分区过滤可以让查询扫描更少的数据。所以，对于访问分区表来说，很重要的一点是要在where 条件中带入分区，让优化器过滤掉无需访问的分区。可以通过查看explain执行计划，是否携带 partitions</div> </li> <li><a href="/article/272.htm" title="MYSQL存储过程中使用游标" target="_blank">MYSQL存储过程中使用游标</a> chicony <a class="tag" taget="_blank" href="/search/Mysql%E5%AD%98%E5%82%A8%E8%BF%87%E7%A8%8B/1.htm">Mysql存储过程</a> <div>DELIMITER $$ DROP PROCEDURE IF EXISTS getUserInfo $$ CREATE PROCEDURE getUserInfo(in date_day datetime)-- -- 实例-- 存储过程名为：getUserInfo-- 参数为：date_day日期格式:2008-03-08-- BEGINdecla</div> </li> <li><a href="/article/399.htm" title="mysql 和 sqlite 区别" target="_blank">mysql 和 sqlite 区别</a> Array_06 <a class="tag" taget="_blank" href="/search/sqlite/1.htm">sqlite</a> <div>转载： http://www.cnblogs.com/ygm900/p/3460663.html mysql 和 sqlite 区别 SQLITE是单机数据库。功能简约，小型化，追求最大磁盘效率 MYSQL是完善的服务器数据库。功能全面，综合化，追求最大并发效率 MYSQL、Sybase、Oracle等这些都是试用于服务器数据量大功能多需要安装，例如网站访问量比较大的。而sq</div> </li> <li><a href="/article/526.htm" title="pinyin4j使用" target="_blank">pinyin4j使用</a> oloz <a class="tag" taget="_blank" href="/search/pinyin4j/1.htm">pinyin4j</a> <div>首先需要pinyin4j的jar包支持；jar包已上传至附件内方法一:把汉字转换为拼音；例如：编程转换后则为biancheng /** * 将汉字转换为全拼 * @param src 你的需要转换的汉字 * @param isUPPERCASE 是否转换为大写的拼音； true:转换为大写；fal</div> </li> <li><a href="/article/653.htm" title="微博发送私信" target="_blank">微博发送私信</a> 随意而生 <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E5%8D%9A/1.htm">微博</a> <div>在前面文章中说了如和获取登陆时候所需要的cookie，现在只要拿到最后登陆所需要的cookie，然后抓包分析一下微博私信发送界面 http://weibo.com/message/history?uid=****&name=**** 可以发现其发送提交的Post请求和其中的数据，让后用程序模拟发送POST请求中的数据，带着cookie发送到私信的接入口，就可以实现发私信的功能了。 </div> </li> <li><a href="/article/780.htm" title="jsp" target="_blank">jsp</a> 香水浓 <a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a> <div>JSP初始化容器载入JSP文件后，它会在为请求提供任何服务前调用jspInit()方法。如果您需要执行自定义的JSP初始化任务，复写jspInit()方法就行了 JSP执行这一阶段描述了JSP生命周期中一切与请求相关的交互行为，直到被销毁。当JSP网页完成初始化后</div> </li> <li><a href="/article/907.htm" title="在 Windows 上安装 SVN Subversion 服务端" target="_blank">在 Windows 上安装 SVN Subversion 服务端</a> AdyZhang <a class="tag" taget="_blank" href="/search/SVN/1.htm">SVN</a> <div>在 Windows 上安装 SVN Subversion 服务端2009-09-16高宏伟哈尔滨市道里区通达街291号最佳阅读效果请访问原地址：http://blog.donews.com/dukejoe/archive/2009/09/16/1560917.aspx 现在的Subversion已经足够稳定，而且已经进入了它的黄金时段。我们看到大量的项目都在使</div> </li> <li><a href="/article/1034.htm" title="android开发中如何使用 alertDialog从listView中删除数据？" target="_blank">android开发中如何使用 alertDialog从listView中删除数据？</a> aijuans <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>我现在使用listView展示了很多的配置信息，我现在想在点击其中一条的时候填出 alertDialog,点击确认后就删除该条数据，（ ArrayAdapter ，ArrayList，listView 全部删除），我知道在下面的onItemLongClick 方法中参数 arg2 是选中的序号，但是我不知道如何继续处理下去 1 2 3 </div> </li> <li><a href="/article/1161.htm" title="jdk-6u26-linux-x64.bin 安装" target="_blank">jdk-6u26-linux-x64.bin 安装</a> baalwolf <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>1.上传安装文件(jdk-6u26-linux-x64.bin) 2.修改权限 [root@localhost ~]# ls -l /usr/local/jdk-6u26-linux-x64.bin 3.执行安装文件 [root@localhost ~]# cd /usr/local [root@localhost local]# ./jdk-6u26-linux-x64.bin&nbs</div> </li> <li><a href="/article/1288.htm" title="MongoDB经典面试题集锦" target="_blank">MongoDB经典面试题集锦</a> BigBird2012 <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div>1.什么是NoSQL数据库？NoSQL和RDBMS有什么区别？在哪些情况下使用和不使用NoSQL数据库？ NoSQL是非关系型数据库，NoSQL = Not Only SQL。关系型数据库采用的结构化的数据，NoSQL采用的是键值对的方式存储数据。在处理非结构化/半结构化的大数据时；在水平方向上进行扩展时；随时应对动态增加的数据项时可以优先考虑使用NoSQL数据库。在考虑数据库的成熟</div> </li> <li><a href="/article/1415.htm" title="JavaScript异步编程Promise模式的6个特性" target="_blank">JavaScript异步编程Promise模式的6个特性</a> bijian1013 <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/Promise/1.htm">Promise</a> <div> Promise是一个非常有价值的构造器，能够帮助你避免使用镶套匿名方法，而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性。在我们开始正式介绍之前，我们想看看Javascript Promise的样子： var p = new Promise(function(r</div> </li> <li><a href="/article/1542.htm" title="[Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager" target="_blank">[Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager</a> bit1129 <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a> <div>ClientWatchManager接口 //接口的唯一方法materialize用于确定那些Watcher需要被通知 //确定Watcher需要三方面的因素1.事件状态 2.事件类型 3.znode的path public interface ClientWatchManager { /** * Return a set of watchers that should</div> </li> <li><a href="/article/1669.htm" title="【Scala十五】Scala核心九：隐式转换之二" target="_blank">【Scala十五】Scala核心九：隐式转换之二</a> bit1129 <a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a> <div>隐式转换存在的必要性，在Java Swing中，按钮点击事件的处理，转换为Scala的的写法如下： val button = new JButton button.addActionListener( new ActionListener { def actionPerformed(event: ActionEvent) { </div> </li> <li><a href="/article/1796.htm" title="Android JSON数据的解析与封装小Demo" target="_blank">Android JSON数据的解析与封装小Demo</a> ronin47 <div>转自：http://www.open-open.com/lib/view/open1420529336406.html package com.example.jsondemo; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject; impor</div> </li> <li><a href="/article/1923.htm" title="[设计]字体创意设计方法谈" target="_blank">[设计]字体创意设计方法谈</a> brotherlamp <a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/ui%E8%87%AA%E5%AD%A6/1.htm">ui自学</a><a class="tag" taget="_blank" href="/search/ui%E8%A7%86%E9%A2%91/1.htm">ui视频</a><a class="tag" taget="_blank" href="/search/ui%E6%95%99%E7%A8%8B/1.htm">ui教程</a><a class="tag" taget="_blank" href="/search/ui%E8%B5%84%E6%96%99/1.htm">ui资料</a> <div> 从古至今，文字在我们的生活中是必不可少的事物，我们不能想象没有文字的世界将会是怎样。在平面设计中，UI设计师在文字上所花的心思和功夫最多，因为文字能直观地表达UI设计师所的意念。在文字上的创造设计，直接反映出平面作品的主题。如设计一幅戴尔笔记本电脑的广告海报，假设海报上没有出现“戴尔”两个文字，即使放上所有戴尔笔记本电脑的图片都不能让人们得知这些电脑是什么品牌。只要写上“戴尔笔</div> </li> <li><a href="/article/2050.htm" title="单调队列-用一个长度为k的窗在整数数列上移动，求窗里面所包含的数的最大值" target="_blank">单调队列-用一个长度为k的窗在整数数列上移动，求窗里面所包含的数的最大值</a> bylijinnan <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/%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">面试题</a> <div>import java.util.LinkedList; /* 单调队列滑动窗口单调队列是这样的一个队列：队列里面的元素是有序的，是递增或者递减题目：给定一个长度为N的整数数列a(i),i=0,1,...,N-1和窗长度k. 要求：f(i) = max{a(i-k+1),a(i-k+2),..., a(i)},i = 0,1,...,N-1 问题的另一种描述就</div> </li> <li><a href="/article/2177.htm" title="struts2处理一个form多个submit" target="_blank">struts2处理一个form多个submit</a> chiangfai <a class="tag" taget="_blank" href="/search/struts2/1.htm">struts2</a> <div>web应用中，为完成不同工作，一个jsp的form标签可能有多个submit。如下代码： <s:form action="submit" method="post" namespace="/my"> <s:textfield name="msg" label="叙述："></div> </li> <li><a href="/article/2304.htm" title="shell查找上个月，陷阱及野路子" target="_blank">shell查找上个月，陷阱及野路子</a> chenchao051 <a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a> <div>date -d "-1 month" +%F 以上这段代码，假如在2012/10/31执行，结果并不会出现你预计的9月份，而是会出现八月份，原因是10月份有31天，9月份30天，所以-1 month在10月份看来要减去31天，所以直接到了8月31日这天，这不靠谱。野路子解决：假设当天日期大于15号</div> </li> <li><a href="/article/2431.htm" title="mysql导出数据中文乱码问题" target="_blank">mysql导出数据中文乱码问题</a> daizj <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E6%96%87%E4%B9%B1%E7%A0%81/1.htm">中文乱码</a><a class="tag" taget="_blank" href="/search/%E5%AF%BC%E6%95%B0%E6%8D%AE/1.htm">导数据</a> <div>解决mysql导入导出数据乱码问题方法：１、进入mysql，通过如下命令查看数据库编码方式： mysql> show variables like 'character_set_%'; +--------------------------+----------------------------------------+ | Variable_name&nbs</div> </li> <li><a href="/article/2558.htm" title="SAE部署Smarty出现：Uncaught exception 'SmartyException' with message 'unable to write" target="_blank">SAE部署Smarty出现：Uncaught exception 'SmartyException' with message 'unable to write</a> dcj3sjt126com <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/smarty/1.htm">smarty</a><a class="tag" taget="_blank" href="/search/sae/1.htm">sae</a> <div> 对于SAE出现的问题：Uncaught exception 'SmartyException' with message 'unable to write file...。官方给出了详细的FAQ：http://sae.sina.com.cn/?m=faqs&catId=11#show_213 解决方案为： 01 $path </div> </li> <li><a href="/article/2685.htm" title="《教父》系列台词" target="_blank">《教父》系列台词</a> dcj3sjt126com <div>Your love is also your weak point. 你的所爱同时也是你的弱点。 If anything in this life is certain, if history has taught us anything, it is that you can kill anyone. 不顾家的人永远不可能成为一个真正的男人。 &</div> </li> <li><a href="/article/2812.htm" title="mongodb安装与使用" target="_blank">mongodb安装与使用</a> dyy_gusi <a class="tag" taget="_blank" href="/search/mongo/1.htm">mongo</a> <div>一.MongoDB安装和启动,widndows和linux基本相同 1.下载数据库, linux:mongodb-linux-x86_64-ubuntu1404-3.0.3.tgz 2.解压文件,并且放置到合适的位置 tar -vxf mongodb-linux-x86_64-ubun</div> </li> <li><a href="/article/2939.htm" title="Git排除目录" target="_blank">Git排除目录</a> geeksun <a class="tag" taget="_blank" href="/search/git/1.htm">git</a> <div>在Git的版本控制中，可能有些文件是不需要加入控制的，那我们在提交代码时就需要忽略这些文件，下面讲讲应该怎么给Git配置一些忽略规则。有三种方法可以忽略掉这些文件，这三种方法都能达到目的，只不过适用情景不一样。 1. 针对单一工程排除文件这种方式会让这个工程的所有修改者在克隆代码的同时，也能克隆到过滤规则，而不用自己再写一份，这就能保证所有修改者应用的都是同一</div> </li> <li><a href="/article/3066.htm" title="Ubuntu 创建开机自启动脚本的方法" target="_blank">Ubuntu 创建开机自启动脚本的方法</a> hongtoushizi <a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a> <div>转载自： http://rongjih.blog.163.com/blog/static/33574461201111504843245/ Ubuntu 创建开机自启动脚本的步骤如下： 1) 将你的启动脚本复制到 /etc/init.d目录下以下假设你的脚本文件名为 test。 2) 设置脚本文件的权限 $ sudo chmod 755</div> </li> <li><a href="/article/3193.htm" title="第八章流量复制/AB测试/协程" target="_blank">第八章流量复制/AB测试/协程</a> jinnianshilongnian <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/lua/1.htm">lua</a><a class="tag" taget="_blank" href="/search/coroutine/1.htm">coroutine</a> <div>流量复制在实际开发中经常涉及到项目的升级，而该升级不能简单的上线就完事了，需要验证该升级是否兼容老的上线，因此可能需要并行运行两个项目一段时间进行数据比对和校验，待没问题后再进行上线。这其实就需要进行流量复制，把流量复制到其他服务器上，一种方式是使用如tcpcopy引流；另外我们还可以使用nginx的HttpLuaModule模块中的ngx.location.capture_multi进行并发</div> </li> <li><a href="/article/3320.htm" title="电商系统商品表设计" target="_blank">电商系统商品表设计</a> lkl <div>DROP TABLE IF EXISTS `category`; -- 类目表 /*!40101 SET @saved_cs_client = @@character_set_client */; /*!40101 SET character_set_client = utf8 */; CREATE TABLE `category` ( `id` int(11) NOT NUL</div> </li> <li><a href="/article/3447.htm" title="修改phpMyAdmin导入SQL文件的大小限制" target="_blank">修改phpMyAdmin导入SQL文件的大小限制</a> pda158 <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>　用phpMyAdmin导入mysql数据库时，我的10M的数据库不能导入，提示mysql数据库最大只能导入2M。　　 phpMyAdmin数据库导入出错：　　You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit. </div> </li> <li><a href="/article/3574.htm" title="Tomcat性能调优方案" target="_blank">Tomcat性能调优方案</a> Sobfist <a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">应用服务器</a> <div>一、操作系统调优对于操作系统优化来说，是尽可能的增大可使用的内存容量、提高CPU的频率，保证文件系统的读写速率等。经过压力测试验证，在并发连接很多的情况下，CPU的处理能力越强，系统运行速度越快。。【适用场景】任何项目。二、Java虚拟机调优应该选择SUN的JVM，在满足项目需要的前提下，尽量选用版本较高的JVM，一般来说高版本产品在速度和效率上比低版本会有改进。 J</div> </li> <li><a href="/article/3701.htm" title="SQLServer学习笔记" target="_blank">SQLServer学习笔记</a> vipbooks <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>1、create database school 创建数据库school 2、drop database school 删除数据库school 3、use school 连接到school数据库，使其成为当前数据库 4、create table class(classID int primary key identity not null) 创建一个名为class的表，其有一</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> 按字母分类： <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>