WEB前端开发基础学习-html

WEB前端开发基础学习-html_第1张图片
9113969-ff37899ceb04d044[1].png

服务器就是一台专门为用户服务的电脑,服务器中放着对应的首页内容,浏览器在地址栏输入网页地址并回车之后通过互联网浏览器会对网页地址对应的服务器发送请求,由服务器端的软件把服务器端首页的内容返回给浏览器,并且把首页的内容下载到用户的电脑上面,然后在浏览器中显示下载到的页面。
WEB前端开发基础学习-html_第2张图片
9113969-04549438b17536c3[1].png

DNS就是下面所说的域名解析系统。
WEB前端开发基础学习-html_第3张图片
9113969-e6f106fecff30ebe[1].png

浏览器去访问百度的服务器ip大部分用户记不住,但是大部分用户可以记住 www.baidu.com,域名解析系统会把网址发送到域名解析服务器上帮助查看该网址对应的ip地址,然后返回到浏览器中对应的ip地址,浏览器会去访问具体的服务器,最后服务器会返回网页的内容。

WEB前端开发基础学习-html_第4张图片
QQ图片20180102102036.png

人的骨骼相当于HTML结构,衣服鞋子相当于CSS表现,行走奔跑跳跃就是javascript行为。

URL协议:
WEB前端开发基础学习-html_第5张图片
QQ图片20180102163326.png
WEB前端开发基础学习-html_第6张图片
QQ图片20180102163732.png
URL编码:内容转换为ASKII码值的过程,URL中的非ASCII码转为%%ASCII码。

为了使世界上的国家能够显示别国的语言。


WEB前端开发基础学习-html_第7张图片
QQ图片20180102164657.png
WEB前端开发基础学习-html_第8张图片
QQ图片20180102104236.png

http://www.runoob.com/try/try.php?filename=tryhtml_intro

//文档声明是一个 HTML 标签,它是用来告知 Web 浏览器页面使用了哪种 HTML版 本标准。在使用CSS时,文档声明标签会严重影响页面效果。
html是HTML5 中的文档类型,常见的还有HTML 4.01 和XHTML 1.0都规定了三种不同的 声明,分别是:Strict、Transitional 和 Frameset,以及XHTML 1.1。
文档类型不同他们所包含的元素也有可能不同,比如


// 元素是 HTML 页面的根元素, 与 标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。lang标签可以让搜索引擎了解该页面是以什么语言为主。


//文档的头部由 标签定义
一般用来申明使用的脚本语言,以及网页传输时使用的方式等 特效所使用的脚本语言插在这里。
head标签中包含的是给浏览器用的东西。

//告诉浏览器这页代码的编码格式,告诉浏览器器此页面属于什么字符编码格式,下一步浏览器做好“翻译”工作。常见的字符编码有:gb2312、gbk、unicode、utf-8。例如:如果你的网页里面出现了中文,在头部没有”utf-8“的话,将会导致中文乱码。UTF-8包含全世界所有国家需要用到的字符,是国际编码,通用性强。
当浏览器解析当前的文档的编码和文档实际的编码不一致的时候会出现乱码的问题。
菜鸟教程
//用来定义文档的标题,这个标题会显示在浏览器的标题栏上


F)9QEH2OZD`HR87VB8[`@HO.png

比如我们可以查看本页面的源代码,可以找到写文章 - ,我们把这个页面保存为书签:
当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。
标签是 <head> 标签中唯一要求包含的东西。<br> </head><br> <body><br> //文档的主体由 <body> 标签定义。<br> body标签在HTML中只能使用一次,通常你想要显示的网页内容都放在body中。body标签是网站显示给用户看的内容。<br> <p>我的第一个标题</p><br> <h1>标题</h1><br> //<h1> 元素定义一个大标题,hx(x=1-6)随着x的增加标题的字会越来越小。</p> <br> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 470px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/3eef5d9bd5e547a98f377a42cc4056f4.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/3eef5d9bd5e547a98f377a42cc4056f4.jpg" width="650" height="279" alt="WEB前端开发基础学习-html_第9张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102190647.png </div> </div> <p><p>2shdjkasdhaskhdj</p><br> //<p> 元素定义一个段落,我试了试如果直接用enter代替换行的话,在网页中只会变成一个空格,所以另起一段的话需要再写一个<p></p>。<br> </body><br> </html></p> <h6>id属性</h6> <p>http://www.w3school.com.cn/html/html_links.asp<br> 查看源代码可以找到![[PPHTXOY83E0DY)QE82IYH.png<br> 下面的是 HTML 文档的锚<br> 上面是指向该锚的链接,当我们点击这个连接页面就会跳转到锚这里。<br> 如果不在同一页面只需要在该页面的网址后面加上#+锚的名字,点击后就会直接跳转到这个页面的锚的位置。<br> 插入图片:<br> <img src="123.jpg" width="258" height="39" /><br> ../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。<br> 如果是子目录,例如images里面,就用images/123.jpg<br> 如果是本目录直接输入文件名"123.jpg"。<br> 如果要把其他网页中的地址插入到自己的网页中的话,直接右键查看该图片的属性中的URL地址,让src=URL。<br> htm 与 html 的区别:<br> 推荐使用长后缀名 html 。<br> 前者是超文本标记(Hypertext Markup)<br> 后者是超文本标记语言(Hypertext Markup Language)<br> 可以说 htm = html<br> 同时,这两种都是静态网页文件的扩展名,扩展名可以互相更换而不会引起错误(这是指打开而言,但是对于一个链接来说,如果它指向的是一个htm文件,而那个htm文件被更改为html文件,那么是找不到这个链接的)<br> </p> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 443px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/c71831ef0c684c51b48992f425eb0f75.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/c71831ef0c684c51b48992f425eb0f75.jpg" width="650" height="400" alt="WEB前端开发基础学习-html_第10张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102174301.png </div> </div> <br> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 494px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/e49893ba170147f4b129edf1b3dcccda.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/e49893ba170147f4b129edf1b3dcccda.jpg" width="650" height="412" alt="WEB前端开发基础学习-html_第11张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102174839.png </div> </div> <br> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 417px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/e17fecbc652844e1a1ce2a12c129c4ed.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/e17fecbc652844e1a1ce2a12c129c4ed.jpg" width="650" height="351" alt="WEB前端开发基础学习-html_第12张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102175240.png </div> </div> <p></p> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 517px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/f1ad9234f1c34ff2b36856290c859a98.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/f1ad9234f1c34ff2b36856290c859a98.jpg" width="650" height="443" alt="WEB前端开发基础学习-html_第13张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102175322.png </div> </div> <br> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 425px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/c54d619f6d904d47a378db71976f841e.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/c54d619f6d904d47a378db71976f841e.jpg" width="650" height="378" alt="WEB前端开发基础学习-html_第14张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102195754.png </div> </div> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 686px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/73a3253fb2c845fbb6e0261b76b61148.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/73a3253fb2c845fbb6e0261b76b61148.jpg" width="650" height="503" alt="WEB前端开发基础学习-html_第15张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102202411.png </div> </div> <br> <p>实例如下:</p> <br> <div class="image-package"> <div class="image-container" style="max-width: 186px; max-height: 238px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/28f0cacb7990462bbb7e976b7f93ec2e.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/28f0cacb7990462bbb7e976b7f93ec2e.jpg" width="186" height="238" alt="WEB前端开发基础学习-html_第16张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102202355.png </div> </div> <br> <p>表格标签的使用:</p> <br> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 538px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/fb4578b1293846dea69e2cc7c554ddd2.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/fb4578b1293846dea69e2cc7c554ddd2.jpg" width="650" height="414" alt="WEB前端开发基础学习-html_第17张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102204818.png </div> </div> <br> table代表整个表格,一个tr代表一行表格,一个td代表一个单元格。 <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 528px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/8d29df8886dc43e2ac4c8606ca221059.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/8d29df8886dc43e2ac4c8606ca221059.jpg" width="650" height="491" alt="WEB前端开发基础学习-html_第18张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102205826.png </div> </div> <p>thead代表表格每一列的头部标题<br> <thead><br> <th>列名1</th><th>列名2</th><th>列名3</th><th>列名4</th><br> </thead><br> 1 2 3 4分别会对应显示到每一列的第一行的头部。</p> <br> <div class="image-package"> <div class="image-container" style="max-width: 562px; max-height: 292px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/fe5ac71fb9ea4dbd8ffde060f5e63ab0.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/fe5ac71fb9ea4dbd8ffde060f5e63ab0.jpg" width="562" height="292" alt="WEB前端开发基础学习-html_第19张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102205816.png </div> </div> <br> <p>单元格合并:</p> <br> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 591px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/e6806e0c125148f1a561e21de2b40960.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/e6806e0c125148f1a561e21de2b40960.jpg" width="650" height="417" alt="WEB前端开发基础学习-html_第20张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102210756.png </div> </div> <br> <div class="image-package"> <div class="image-container" style="max-width: 316px; max-height: 134px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/e391835df5f348cc9b31395140e8dfdc.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/e391835df5f348cc9b31395140e8dfdc.jpg" width="316" height="134" alt="WEB前端开发基础学习-html_第21张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102210737.png </div> </div> <br> rowspan合并行,colspan合并列。 <p>块级标签独占一行,行级标签和其他行内标签共用一行:</p> <br> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 537px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/a2159c51ceff4d50bada37a98c551eba.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/a2159c51ceff4d50bada37a98c551eba.jpg" width="650" height="442" alt="WEB前端开发基础学习-html_第22张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102211844.png </div> </div> <br> <p>实例如下:</p> <br> <div class="image-package"> <div class="image-container" style="max-width: 585px; max-height: 600px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/2b06dab12c234355943d58c9dc510506.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/2b06dab12c234355943d58c9dc510506.jpg" width="585" height="600" alt="WEB前端开发基础学习-html_第23张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102212017.png </div> </div> <br> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 440px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/b038cc1420994072b31bd15ab400436f.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/b038cc1420994072b31bd15ab400436f.jpg" width="650" height="409" alt="WEB前端开发基础学习-html_第24张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102211919.png </div> </div> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 545px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/db320eb3a11a4a6da102881435396885.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/db320eb3a11a4a6da102881435396885.jpg" width="650" height="506" alt="WEB前端开发基础学习-html_第25张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102211945.png </div> </div> <p>div标签占用一整行,span标签只占用它所在的一块。</p> <h6>表单:</h6> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 596px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/3ed98b9fb8ae48a894ce2145a4c4d3f5.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/3ed98b9fb8ae48a894ce2145a4c4d3f5.jpg" width="650" height="472" alt="WEB前端开发基础学习-html_第26张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102212354.png </div> </div> <br> <p><form></form><br> 功能:用于申明表单,定义采集数据的范围,也就是<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里。<br> 语法:<FORM ACTION="URL" METHOD="GET|POST" ENCTYPE="MIME" TARGET="...">. . .</FORM><br> 属性解释见下表:<br> action=url用来指定处理提交表单的格式.它可以是一个URL地址(提交给程式)或一个电子邮件地址.<br> method=get或post指明提交表单的HTTP方法.可能的值为: post:POST方法在表单的主干包含名称/值对并且无需包含于action特性的URL中. get:不赞成。GET方法把名称/值对加在action的URL后面并且把新的URL送至服务器.这是往前兼容的缺省值.这个值由于国际化的原因不赞成使用.<br> enctype=cdata指明用来把表单提交给服务器时(当method值为"post")的互联网媒体形式.这个特性的缺省值是"application/x-www-form-urlencoded"<br> TARGET="..."指定提交的结果文档显示的位置: _blank :在一个新的、无名浏览器窗口调入指定的文档; _self :在指向这个目标的元素的相同的框架中调入文档; _parent :把文档调入当前框的直接的父FRAMESET框中;这个值在当前框没有父框时等价于_self; _top :把文档调入原来的最顶部的浏览器窗口中(因此取消所有其它框架);这个值等价于当前框没有你框时的_self.</p> <br> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 698px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/a3f3c3c400e14dfda6032e661f4e6135.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/a3f3c3c400e14dfda6032e661f4e6135.jpg" width="650" height="464" alt="WEB前端开发基础学习-html_第27张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> ![QQ图片20180102214243.png](http://upload-images.jianshu.io/upload_images/9113969-d24290664ad2f913.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) </div> </div> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 404px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/3de426f3ec7049cd89c0d82a940eb73a.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/3de426f3ec7049cd89c0d82a940eb73a.jpg" width="650" height="337" alt="WEB前端开发基础学习-html_第28张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102214417.png </div> </div> <br> <p>生成的网页内容如下:</p> <br> <div class="image-package"> <div class="image-container" style="max-width: 457px; max-height: 321px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/9f4513bd776d4cab8c6dd3aa84dd7d4e.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/9f4513bd776d4cab8c6dd3aa84dd7d4e.jpg" width="457" height="321" alt="WEB前端开发基础学习-html_第29张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102214243.png </div> </div> <br> <p>普通的下拉列表:</p> <br> <div class="image-package"> <div class="image-container" style="max-width: 596px; max-height: 389px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/5263d0f56d25475aa0c13439ee7a3687.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/5263d0f56d25475aa0c13439ee7a3687.jpg" width="596" height="389" alt="WEB前端开发基础学习-html_第30张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102213439.png </div> </div> <br> <div class="image-package"> <div class="image-container" style="max-width: 278px; max-height: 171px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/5e23bc2a52d64a7b950edaebde513342.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/5e23bc2a52d64a7b950edaebde513342.jpg" width="278" height="171" alt="WEB前端开发基础学习-html_第31张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180102215240 - 副本 (2).png </div> </div> <br> value 属性规定在表单被提交时被发送到服务器的值。如上面的内容被提交到服务器时会收到name=1或者2,而不是name=公历或者农历。 <p>可以多选的下拉列表:select中加入multiple=“multiple”</p> <br> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 259px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/2bbeac53a58245c9a4eab915d8364f5f.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/2bbeac53a58245c9a4eab915d8364f5f.jpg" width="650" height="239" alt="WEB前端开发基础学习-html_第32张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180103103657.png </div> </div> <div class="image-package"> <div class="image-container" style="max-width: 219px; max-height: 137px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/cd9c45bb9a6b46b79dd49da8255bdae2.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/cd9c45bb9a6b46b79dd49da8255bdae2.jpg" width="219" height="137" alt="WEB前端开发基础学习-html_第33张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180103103714.png </div> </div> <p>以及默认选项:input中是checked=“checked” select中是selected=“true”<br> 如下:我在男的input标签中加入了checked 3的input标签中加入了checked,刚打开浏览器时它会自动选择上男和3。</p> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 280px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/0b1d2c53b51f4e748875584438f9cb46.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/0b1d2c53b51f4e748875584438f9cb46.jpg" width="650" height="132" alt="WEB前端开发基础学习-html_第34张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180103104245.png </div> </div> <div class="image-package"> <div class="image-container" style="max-width: 204px; max-height: 79px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/8598b1e7e77f472bb9ac4d25e393b806.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/8598b1e7e77f472bb9ac4d25e393b806.jpg" width="204" height="79"></a> </div> </div> <div class="image-caption"> QQ图片20180103104232.png </div> </div> <br> <p>单选框type=radio,多选框type=checkbox。<br> 单选框中的name属性代表男女是一组的属性,只能选择一个。</p> <h6>QQ注册表单实例:</h6> <div class="image-package"> <div class="image-container" style="max-width: 585px; max-height: 1123px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/65310110eb2540b892c7dfa71ab1146d.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/65310110eb2540b892c7dfa71ab1146d.jpg" width="585" height="939" alt="WEB前端开发基础学习-html_第35张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180103113232.png </div> </div> <br> <div class="image-package"> <div class="image-container" style="max-width: 320px; max-height: 236px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/1bccfecdadc44560a196c9254353f4d2.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/1bccfecdadc44560a196c9254353f4d2.jpg" width="320" height="236" alt="WEB前端开发基础学习-html_第36张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180103113243.png </div> </div> <br> <p>快速生成顺序数字的技巧:</p> <br> <div class="image-package"> <div class="image-container" style="max-width: 448px; max-height: 117px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/ee62682c9eda4023a30921abe0edbde4.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/ee62682c9eda4023a30921abe0edbde4.jpg" width="448" height="117" alt="WEB前端开发基础学习-html_第37张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180103112627.png </div> </div> <br> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 385px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/c135751ac46f48adaef9f5809a74066d.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/c135751ac46f48adaef9f5809a74066d.jpg" width="650" height="320" alt="WEB前端开发基础学习-html_第38张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180103112636.png </div> </div> <p>feldset标签实现表单分组:</p> <br> <div class="image-package"> <div class="image-container" style="max-width: 522px; max-height: 227px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/93f17e3988144d948a8a7eaff7558e7a.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/93f17e3988144d948a8a7eaff7558e7a.jpg" width="522" height="227" alt="WEB前端开发基础学习-html_第39张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180103114115.png </div> </div> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 98px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/a1fbfa32998c4433b637e9a5fdbc72f8.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/a1fbfa32998c4433b637e9a5fdbc72f8.jpg" width="650" height="50"></a> </div> </div> <div class="image-caption"> QQ图片20180103114051.png </div> </div> <h6>表单总结:</h6> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 324px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/f956f7cf7dae45d1b76811efc767d74c.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/f956f7cf7dae45d1b76811efc767d74c.jpg" width="650" height="228" alt="WEB前端开发基础学习-html_第40张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180103115144.png </div> </div> <div class="image-package"> <div class="image-container" style="max-width: 551px; max-height: 71px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/7d121cf1a9c94ffaaf17e887a705f7ab.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/7d121cf1a9c94ffaaf17e887a705f7ab.jpg" width="551" height="71"></a> </div> </div> <div class="image-caption"> QQ图片20180103115217.png </div> </div> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 588px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/30c08415a5164751ab903098a59a8af4.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/30c08415a5164751ab903098a59a8af4.jpg" width="650" height="466" alt="WEB前端开发基础学习-html_第41张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180103120213.png </div> </div> <br> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 546px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/8be97682dc5e4435b2e22c0069bdad66.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/8be97682dc5e4435b2e22c0069bdad66.jpg" width="650" height="440" alt="WEB前端开发基础学习-html_第42张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180103121627.png </div> </div> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 245px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/7b41d8d2fedb4c60aab00d12c64b3f46.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/7b41d8d2fedb4c60aab00d12c64b3f46.jpg" width="650" height="192" alt="WEB前端开发基础学习-html_第43张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180103122105.png </div> </div> <br> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 534px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/3e08be1591634068bc887197fb370fa4.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/3e08be1591634068bc887197fb370fa4.jpg" width="650" height="343" alt="WEB前端开发基础学习-html_第44张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180103121957.png </div> </div> <br> <p>meta标签对网页内容无任何作用,他是为了与搜索引擎匹配度更高,与搜索内容越符文,则搜索排名更靠前,关键词越少权重越高,但是被搜索的概率降低。它包含在head中。</p> <br> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 558px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/3cec949653954727a644f2735994e2c0.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/3cec949653954727a644f2735994e2c0.jpg" width="650" height="486" alt="WEB前端开发基础学习-html_第45张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> QQ图片20180103132039.png </div> </div> <br> KeyWords: <br> <p>Keywords又叫关键词、关键字,其就是一个网站管理者给网站某个页面设定的以便用户通过搜索引擎能搜到本网页的词汇,关键词代表了网站的市场定位。网站的首页关键词至关重要。首页网站关键词代表了网站主题内容,内页和栏目页的关键词一般紧扣页面主题,代表的是当前页面或者栏目内容的主体。<br> 密度<br> keywords密度是指keywords出现的次数和keywords关联字词出现的次数与整个网页文本之比,keywords在文本中出现的次数越多,那么keywords密度越高,反之就越低</p> <p>Description:<br> 在网站建设中,Description是出现在页面头部的 Meta 标签中,用于记录本页面的概要与描述!<br> Description作用:Description出现在网页的<head></head>;之间meta标签之一,可称为“内容标签”,“描述标签”或“内容摘要”可以预见在以后的用户搜索中Description会扮演越来越重要的技术之一。<br> 作用1.简单大概描述你网站的主要内容,主要是让用户了解观看的,在百度或google搜索某个关键词的时候会看到每个搜索结果的下面都有一段描述,这段描述就是Description的内容。<br> 作用2.给搜索引擎提供了一个很好的参考,缩小了搜索引擎对网页关键词的判断范围,(所以不要小看description)。<br> 作用3.引导SE和指明UE的一个路标<br> 格式:<br> <meta name=”description” content=”这里就是Description的提要内容” />;标准网站description写法description,是不能直接看到的,是用来判断整个页面内容的,当中要写入的内容是你页面内容的简介,最多79个字。</p> <p>Meta标签中Keyword和Description的权重:<br> 从严格意义上,Meta 标签中的Keyword(关键词)、Description(描述)属于历史遗留问题。在早期的Web页面上,Meta 标签中的Keyword与Description用来描述页面的主要内容及向搜索引擎和访问用户介绍网页包含哪些方面信息,在HTML代码中,其被置于<head></head>之间。<br>   应该说,Meta 标签中的Keyword与Description曾经在搜索引擎优化中占据非常重要的地位,在搜索引擎的算法还比较初级,无法通过对网页的全部内容进行有 效分析以判断相关性的时候,meta标签提供了一种简略的方式来对搜索关键词作出反应,那时候,通过合理地组织Keyword与Description, 并进行“适度的填充”,就可以使网页的SERP页面中得到良好的排名。</p> <p>随着搜索引擎算法的不断提高,当然,同时也随着Meta标签中的Keyword与Description“填充”技术的泛滥,“black hat” SEO将其演变成了一种基本的作弊手段,各大搜索引擎逐步下调排名算法中Keyword与Description的权重。到了今天,其作用已经微乎其微, 虽然仍可见不少所谓的“SEO专家”仍在宣传那种过时的观点,仍在告诫用户Keyword与Description的重要性。</p> <p>虽然不能肯定地说,Meta Keyword与Description完全没有任何作用,但是,对许多搜索引擎而言,其与关键字填充的界线并不遥远,同时要注意精简。另外,在网站优化 中,对Meta标签中的Keyword与Description不必投入太多精力,相比较而言,其他因素如Title、heading的作用更为巨大。当 然,内容则更为根本。与其将过多的精力投入到这上面,不如更专注地增加有价值的内容。</p> <br> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 128px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/775689806d93479bbf881c7f802b79ac.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/775689806d93479bbf881c7f802b79ac.jpg" width="650" height="109" alt="WEB前端开发基础学习-html_第46张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> image.png </div> </div> <br> <p>base标签可以让当前页面中的所有的a标签都拥有相同的属性,比如targent属性。</p> <p>不常用语义标签:</p> <br> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 597px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/ce491e42d0cc41278feff301ab4a4d42.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/ce491e42d0cc41278feff301ab4a4d42.jpg" width="650" height="473" alt="WEB前端开发基础学习-html_第47张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> image.png </div> </div> <br> <p><pre>标签中不进行空格的合并。</p> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 445px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/4e96f61918fc45e69062bb925991e38e.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/4e96f61918fc45e69062bb925991e38e.jpg" width="650" height="390" alt="WEB前端开发基础学习-html_第48张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> image.png </div> </div> <br> <p>如果想要在HTML页面实现HTML代码,就需要用到特殊字符的替代代码。<br> 比如:<br> <p>这里是一个段落</p><br> 它在网页中显示的是“这里是一个段落”而并不会显示出<p>标签,那么如果我们想要显示出来<p>标签,我们就需要用到特殊字符的替代代码来实现。</p> <br> <div class="image-package"> <div class="image-container" style="max-width: 524px; max-height: 120px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/93d99059328c42568433531e052c4a47.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/93d99059328c42568433531e052c4a47.jpg" width="524" height="120" alt="WEB前端开发基础学习-html_第49张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> image.png </div> </div> <div class="image-package"> <div class="image-container" style="max-width: 233px; max-height: 79px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/6abdcc76283f47ee9a4f44984df9daac.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/6abdcc76283f47ee9a4f44984df9daac.jpg" width="233" height="79"></a> </div> </div> <div class="image-caption"> image.png </div> </div> </article> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1282326126496071680"></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">你可能感兴趣的:(WEB前端开发基础学习-html)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835509770287673344.htm" title="swagger访问路径" target="_blank">swagger访问路径</a> <span class="text-muted">igotyback</span> <a class="tag" taget="_blank" href="/search/swagger/1.htm">swagger</a> <div>Swagger2.x版本访问地址:http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口,通常为8080。{context-path}是你的应用上下文路径,如果应用部署在根路径下,则为空。Swagger3.x版本对于Swagger3.x版本(也称为OpenAPI3)访问地址:http://{ip</div> </li> <li><a href="/article/1835508130608410624.htm" title="html 中如何使用 uniapp 的部分方法" target="_blank">html 中如何使用 uniapp 的部分方法</a> <span class="text-muted">某公司摸鱼前端</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>示例代码:Documentconsole.log(window);效果展示:好了,现在就可以uni.使用相关的方法了</div> </li> <li><a href="/article/1835499615491813376.htm" title="四章-32-点要素的聚合" target="_blank">四章-32-点要素的聚合</a> <span class="text-muted">彩云飘过</span> <div>本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记,使用的openlayers5.3.xapi。源码见1032.html,对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.</div> </li> <li><a href="/article/1835498925755297792.htm" title="DIV+CSS+JavaScript技术制作网页(旅游主题网页设计与制作)云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页(旅游主题网页设计与制作)云南大理</a> <span class="text-muted">STU学生网页设计</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a> <div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业:【HTML5网页期末作业(1000套)】程序员有趣的告白方式:【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div> </li> <li><a href="/article/1835496149843275776.htm" title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a> <div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材,DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业,Web大学生网页HTML:结构CSS:样式在操作方面上运用了html5和css3,采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div> </li> <li><a href="/article/1835496148601761792.htm" title="HTML网页设计制作大作业(div+css) 云南我的家乡旅游景点 带文字滚动" target="_blank">HTML网页设计制作大作业(div+css) 云南我的家乡旅游景点 带文字滚动</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Web前端开发技术描述网页设计题材,DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML:结构CSS:样式在操作方面上运用了html5和css3,采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript:做与用户的交互行为文章目录前端学习路线</div> </li> <li><a href="/article/1835435506645692416.htm" title="00. 这里整理了最全的爬虫框架(Java + Python)" target="_blank">00. 这里整理了最全的爬虫框架(Java + Python)</a> <span class="text-muted">有一只柴犬</span> <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB%E7%B3%BB%E5%88%97/1.htm">爬虫系列</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2</div> </li> <li><a href="/article/1835435141535723520.htm" title="详解:如何设计出健壮的秒杀系统?" target="_blank">详解:如何设计出健壮的秒杀系统?</a> <span class="text-muted">夜空_2cd3</span> <div>作者:Yrion博客园:cnblogs.com/wyq178/p/11261711.html前言:秒杀系统相信很多人见过,比如京东或者淘宝的秒杀,小米手机的秒杀。那么秒杀系统的后台是如何实现的呢?我们如何设计一个秒杀系统呢?对于秒杀系统应该考虑哪些问题?如何设计出健壮的秒杀系统?本期我们就来探讨一下这个问题:image目录一:****秒杀系统应该考虑的问题二:****秒杀系统的设计和技术方案三:*</div> </li> <li><a href="/article/1835403246865313792.htm" title="斟一小组鸡血视频" target="_blank">斟一小组鸡血视频</a> <span class="text-muted">和自己一起成长</span> <div>http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa</div> </li> <li><a href="/article/1835395039572881408.htm" title="Dockerfile命令详解之 FROM" target="_blank">Dockerfile命令详解之 FROM</a> <span class="text-muted">清风怎不知意</span> <a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8%E5%8C%96/1.htm">容器化</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>许多同学不知道Dockerfile应该如何写,不清楚Dockerfile中的指令分别有什么意义,能达到什么样的目的,接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是,按照惯例,它们应该是大写的,以便更容易地将它们与参数区分开来。(引用</div> </li> <li><a href="/article/1835389111658180608.htm" title="《HTML 与 CSS—— 响应式设计》" target="_blank">《HTML 与 CSS—— 响应式设计》</a> <span class="text-muted">陈在天box</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、引言在当今数字化时代,人们使用各种不同的设备访问互联网,包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验,响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术,在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性(一)概念响应式设计是一种网页设计方法,旨在</div> </li> <li><a href="/article/1835387977480630272.htm" title="【C语言】- 自定义类型:结构体、枚举、联合" target="_blank">【C语言】- 自定义类型:结构体、枚举、联合</a> <span class="text-muted">Cavalier_01</span> <a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80/1.htm">C语言</a> <div>【C语言】:操作符(https://mp.csdn.net/editor/html/115218055)数据类型(https://mp.csdn.net/editor/html/115219664)自定义类型:结构体、枚举、联合(https://mp.csdn.net/editor/html/115373785)变量、常量(https://mp.csdn.net/editor/html/11523</div> </li> <li><a href="/article/1835382685745377280.htm" title="html+css网页设计 旅游网站首页1个页面" target="_blank">html+css网页设计 旅游网站首页1个页面</a> <span class="text-muted">html+css+js网页设计</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a> <div>html+css网页设计旅游网站首页1个页面网页作品代码简单,可使用任意HTML辑软件(如:Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作)。获取源码1,访问该网站https://download.csdn.net/download/qq_42431718/897527112,点击</div> </li> <li><a href="/article/1835379153730367488.htm" title="spring mvc @RequestBody String类型参数" target="_blank">spring mvc @RequestBody String类型参数</a> <span class="text-muted">zoyation</span> <a class="tag" taget="_blank" href="/search/spring-mvc/1.htm">spring-mvc</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a> <div>通过如下配置:text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时,默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ</div> </li> <li><a href="/article/1835377684025274368.htm" title="ubuntu安装opencv最快的方法" target="_blank">ubuntu安装opencv最快的方法</a> <span class="text-muted">Derek重名了</span> <div>最快方法,当然不能太多文字$sudoapt-getinstallpython-opencv借助python就可以把ubuntu的opencv环境搞起来,非常快非常容易参考:https://docs.opencv.org/trunk/d2/de6/tutorial_py_setup_in_ubuntu.html</div> </li> <li><a href="/article/1835376759739084800.htm" title="处理标签包裹的字符串,并取出前250字符" target="_blank">处理标签包裹的字符串,并取出前250字符</a> <span class="text-muted">周bro</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>//假设这是你的HTML字符串varhtmlString=`这是一个段落。这是一个标题这是另一个段落,包含一些链接。`;//解析HTML字符串并提取文本functionextractTextFromHTML(html){varparser=newDOMParser();vardoc=parser.parseFromString(html,"text/html");vartextContent=do</div> </li> <li><a href="/article/1835372727582683136.htm" title="h5小游戏定制开发" target="_blank">h5小游戏定制开发</a> <span class="text-muted">红匣子实力推荐</span> <div>随着科技的不断发展,移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下,H5小游戏应运而生,为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式,正逐渐受到市场的关注和青睐。那么,什么是H5小游戏定制开发呢?它又具有哪些特点和优势呢?让我们一起来深入了解一下。首先,我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏,可以在移动端、PC端等多平台</div> </li> <li><a href="/article/1835354700392787968.htm" title="Nginx的使用场景:构建高效、可扩展的Web架构" target="_blank">Nginx的使用场景:构建高效、可扩展的Web架构</a> <span class="text-muted">张某布响丸辣</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>Nginx,作为当今最流行的Web服务器和反向代理软件之一,凭借其高性能、稳定性和灵活性,在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站,还是大型企业级应用,Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景,帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件(如HTML、CSS、JavaScript、图片等)的网站,Ngin</div> </li> <li><a href="/article/1835354447627251712.htm" title="前端知识点" target="_blank">前端知识点</a> <span class="text-muted">ZhangTao_zata</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage</div> </li> <li><a href="/article/1835349024102772736.htm" title="非关系型数据库" target="_blank">非关系型数据库</a> <span class="text-muted">天秤-white</span> <a class="tag" taget="_blank" href="/search/nosql/1.htm">nosql</a> <div>一、为什么要用Nosql1.单机MySQL的时代。一个基本的网站访问量一般不会太大,单个数据库完全足够。那时候更多使用的静态网页html,服务器根本没有太大压力。这时候网站的瓶颈是什么?-数据量如果太大,一个机器放不下。-数据量太大需要建立数据的索引(B+Tree),一个服务器内存放不下。-访问量读写混合,一个服务器承受不了。2.memcached缓存+MySQL+垂直拆分(读写分离)。网站80%</div> </li> <li><a href="/article/1835342718067372032.htm" title="Python精选200Tips:121-125" target="_blank">Python精选200Tips:121-125</a> <span class="text-muted">AnFany</span> <a class="tag" taget="_blank" href="/search/Python200%2BTips/1.htm">Python200+Tips</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Spendyourtimeonself-improvement121Requests-简化的HTTP请求处理发送GET请求发送POST请求发送PUT请求发送DELETE请求会话管理处理超时文件上传122BeautifulSoup-网页解析和抓取解析HTML和XML文档查找单个标签查找多个标签使用CSS选择器查找标签提取文本修改文档内容删除标签处理XML文档123Scrapy-强大的网络爬虫框架示例</div> </li> <li><a href="/article/1835333268375957504.htm" title="爬虫技术抓取网站数据" target="_blank">爬虫技术抓取网站数据</a> <span class="text-muted">Bearjumpingcandy</span> <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a> <div>爬虫技术是一种自动化获取网站数据的技术,它可以模拟人类浏览器的行为,访问网页并提取所需的信息。以下是爬虫技术抓取网站数据的一般步骤:发起HTTP请求:爬虫首先会发送HTTP请求到目标网站,获取网页的内容。解析HTML:获取到网页内容后,爬虫会使用HTML解析器解析HTML代码,提取出需要的数据。数据提取:通过使用XPath、CSS选择器或正则表达式等工具,爬虫可以从HTML中提取出所需的数据,如文</div> </li> <li><a href="/article/1835316434805288960.htm" title="七.正则化" target="_blank">七.正则化</a> <span class="text-muted">愿风去了</span> <div>吴恩达机器学习之正则化(Regularization)http://www.cnblogs.com/jianxinzhou/p/4083921.html从数学公式上理解L1和L2https://blog.csdn.net/b876144622/article/details/81276818虽然在线性回归中加入基函数会使模型更加灵活,但是很容易引起数据的过拟合。例如将数据投影到30维的基函数上,模</div> </li> <li><a href="/article/1835296397365178368.htm" title="创建一个完整的购物商城系统是一个复杂的项目,涉及前端(用户界面)、后端(服务器逻辑)、数据库等多个部分。由于篇幅限制,我无法在这里提供一个完整的系统代码,但我可以分别给出一些关键部分的示例代码,涵盖几" target="_blank">创建一个完整的购物商城系统是一个复杂的项目,涉及前端(用户界面)、后端(服务器逻辑)、数据库等多个部分。由于篇幅限制,我无法在这里提供一个完整的系统代码,但我可以分别给出一些关键部分的示例代码,涵盖几</a> <span class="text-muted">uthRaman</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>前端(HTML/CSS/JavaScript)grsyzp.cnHTML页面结构(index.html)html购物商城欢迎来到购物商城JavaScript(Ajax请求商品数据,app.js)javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=</div> </li> <li><a href="/article/1835285939723792384.htm" title="利用frp实现内网穿透(需要云主机)" target="_blank">利用frp实现内网穿透(需要云主机)</a> <span class="text-muted">heiyumiao</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%B7%A5%E5%85%B7/1.htm">网络工具</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>详细实现教程:https://www.iplaysoft.com/frp.htmlhttps://blog.csdn.net/u013144287/article/details/78589643/项目官网地址:https://github.com/fatedier/frp/releases按照系统下载相应的程序包什么是frp内网穿透工具有很多,其中Frp(FastReverseProxy)是比较</div> </li> <li><a href="/article/1835270061674295296.htm" title="word转html制作操作手册,Word文档转换为HTML帮助文档操作手册范本.pdf" target="_blank">word转html制作操作手册,Word文档转换为HTML帮助文档操作手册范本.pdf</a> <span class="text-muted">想吃草莓干</span> <a class="tag" taget="_blank" href="/search/word%E8%BD%AChtml%E5%88%B6%E4%BD%9C%E6%93%8D%E4%BD%9C%E6%89%8B%E5%86%8C/1.htm">word转html制作操作手册</a> <div>Word文档转换为HTML帮助文档操作手册一、使用到的软件DOC2CHMDreamweaverCS3Helpandmanual4二、操作步骤1.先建立一个工作目录。如hhwork。2.将需要转换的文件复制到此工作目录下。如果是中文文件名,最好将其改为英文文件名。例:现在要将《小神探点检定修信息管理系统使用手册0.3.6.doc》转换为Html格式的帮助文档,首先将此文档复制到hhwork目录下并将</div> </li> <li><a href="/article/1835262372638453760.htm" title="WORD批量转换器MultiDoc Converter" target="_blank">WORD批量转换器MultiDoc Converter</a> <span class="text-muted">uolian</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a> <div>WORD批量转换器MultiDocConverterhttps://www.52pojie.cn/thread-1318745-1-1.html可批量将doc、docx等文件格式转成doc、docx、pdf、rtf、txt、html、epub等格式。安装包下载地址:https://wws.lanzouj.com/irvVbiz0pkd最终下载文件打包地址(未作成单文件,不确定是否可以直接使用):h</div> </li> <li><a href="/article/1835258583235784704.htm" title="HTML中"bgcolor"与"background-color"的区别" target="_blank">HTML中"bgcolor"与"background-color"的区别</a> <span class="text-muted">Sardar_</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>bgcolor只是标签属性,而backgroud更多作为css的样式属性。它们俩大多数情况下效果完全相同。但在标签下效果不同。不支持bgcolor属性,只能用style标签添加CSS样式。作为table的属性而言:HelloWorld!和HelloWorld!效果完全相同。作为body属性而言:效果完全相同。不过个人推荐统一用CSS样式进行控制,把style统一放到.css文件中。backgrou</div> </li> <li><a href="/article/1835257575277424640.htm" title="【Python爬虫】百度百科词条内容" target="_blank">【Python爬虫】百度百科词条内容</a> <span class="text-muted">PokiFighting</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%A4%84%E7%90%86/1.htm">数据处理</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>词条内容我这里随便选取了一个链接,用的是FBI的词条importurllib.requestimporturllib.parsefromlxmlimportetreedefquery(url):headers={'user-agent':'Mozilla/5.0(WindowsNT6.1;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/80.</div> </li> <li><a href="/article/1835249513875468288.htm" title="说说在 Vue.js 中如何实现组件间通信" target="_blank">说说在 Vue.js 中如何实现组件间通信</a> <span class="text-muted">deniro</span> <div>1用法假设父组件的模板包含子组件,我们可以通过props来正向地把数据从父组件传递给子组件。props可以是字符串数组,也可以是对象。html:js:Vue.component('deniro-component',{props:['message'],template:'{{message}}'});varapp=newVue({el:'#app',data:{}});渲染结果:"嫦娥四号"成功</div> </li> <li><a href="/article/88.htm" title="ztree设置禁用节点" target="_blank">ztree设置禁用节点</a> <span class="text-muted">3213213333332132</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/ztree/1.htm">ztree</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/setDisabledNode/1.htm">setDisabledNode</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a> <div>ztree设置禁用节点的时候注意,当使用ajax后台请求数据,必须要设置为同步获取数据,否者会获取不到节点对象,导致设置禁用没有效果。 $(function(){ showTree(); setDisabledNode(); }); </div> </li> <li><a href="/article/215.htm" title="JVM patch by Taobao" target="_blank">JVM patch by Taobao</a> <span class="text-muted">bookjovi</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/HotSpot/1.htm">HotSpot</a> <div>在网上无意中看到淘宝提交的hotspot patch,共四个,有意思,记录一下。   7050685:jsdbproc64.sh has a typo in the package name 7058036:FieldsAllocationStyle=2 does not work in 32-bit VM 7060619:C1 should respect inline and</div> </li> <li><a href="/article/342.htm" title="将session存储到数据库中" target="_blank">将session存储到数据库中</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/session/1.htm">session</a> <div>CREATE TABLE sessions ( id CHAR(32) NOT NULL, data TEXT, last_accessed TIMESTAMP NOT NULL, PRIMARY KEY (id) );   <?php /** * Created by PhpStorm. * User: michaeldu * Date</div> </li> <li><a href="/article/469.htm" title="Vector" target="_blank">Vector</a> <span class="text-muted">171815164</span> <a class="tag" taget="_blank" href="/search/vector/1.htm">vector</a> <div>public Vector<CartProduct> delCart(Vector<CartProduct> cart, String id) { for (int i = 0; i < cart.size(); i++) { if (cart.get(i).getId().equals(id)) { cart.remove(i); </div> </li> <li><a href="/article/596.htm" title="各连接池配置参数比较" target="_blank">各连接池配置参数比较</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/%E8%BF%9E%E6%8E%A5%E6%B1%A0/1.htm">连接池</a> <div>        排版真心费劲,大家凑合看下吧,见谅~     Druid DBCP C3P0 Proxool 数据库用户名称 Username Username User   数据库密码 Password Password Password   驱动名</div> </li> <li><a href="/article/723.htm" title="[简单]mybatis insert语句添加动态字段" target="_blank">[简单]mybatis insert语句添加动态字段</a> <span class="text-muted">53873039oycg</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a> <div>      mysql数据库,id自增,配置如下:       <insert id="saveTestTb" useGeneratedKeys="true" keyProperty="id" parameterType=&</div> </li> <li><a href="/article/850.htm" title="struts2拦截器配置" target="_blank">struts2拦截器配置</a> <span class="text-muted">云端月影</span> <a class="tag" taget="_blank" href="/search/struts2%E6%8B%A6%E6%88%AA%E5%99%A8/1.htm">struts2拦截器</a> <div>struts2拦截器interceptor的三种配置方法 方法1. 普通配置法 <struts>     <package name="struts2" extends="struts-default">         &</div> </li> <li><a href="/article/977.htm" title="IE中页面不居中,火狐谷歌等正常" target="_blank">IE中页面不居中,火狐谷歌等正常</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/IE%E4%B8%AD%E9%A1%B5%E9%9D%A2%E4%B8%8D%E5%B1%85%E4%B8%AD/1.htm">IE中页面不居中</a> <div>问题是首页在火狐、谷歌、所有IE中正常显示,列表页的页面在火狐谷歌中正常,在IE6、7、8中都不中,觉得可能那个地方设置的让IE系列都不认识,仔细查看后发现,列表页中没写HTML模板部分没有添加DTD定义,就是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3</div> </li> <li><a href="/article/1104.htm" title="String,int,Integer,char 几个类型常见转换" target="_blank">String,int,Integer,char 几个类型常见转换</a> <span class="text-muted">antonyup_2006</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a> <div>如何将字串 String 转换成整数 int? int i = Integer.valueOf(my_str).intValue(); int i=Integer.parseInt(str); 如何将字串 String 转换成Integer ? Integer integer=Integer.valueOf(str); 如何将整数 int 转换成字串 String ? 1.</div> </li> <li><a href="/article/1231.htm" title="PL/SQL的游标类型" target="_blank">PL/SQL的游标类型</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E6%98%BE%E7%A4%BA%E6%B8%B8%E6%A0%87%28%E9%9D%99%E6%80%81%E6%B8%B8%E6%A0%87%29/1.htm">显示游标(静态游标)</a><a class="tag" taget="_blank" href="/search/%E9%9A%90%E5%BC%8F%E6%B8%B8%E6%A0%87/1.htm">隐式游标</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%A0%87%E7%9A%84%E6%9B%B4%E6%96%B0%E5%92%8C%E5%88%A0%E9%99%A4/1.htm">游标的更新和删除</a><a class="tag" taget="_blank" href="/search/%25rowtype/1.htm">%rowtype</a><a class="tag" taget="_blank" href="/search/ref%E6%B8%B8%E6%A0%87%28%E5%8A%A8%E6%80%81%E6%B8%B8%E6%A0%87%29/1.htm">ref游标(动态游标)</a> <div>游标是oracle中的一个结果集,用于存放查询的结果;   PL/SQL中游标的声明; 1,声明游标 2,打开游标(默认是关闭的); 3,提取数据 4,关闭游标     注意的要点:游标必须声明在declare中,使用open打开游标,fetch取游标中的数据,close关闭游标   隐式游标:主要是对DML数据的操作隐</div> </li> <li><a href="/article/1358.htm" title="JUnit4中@AfterClass @BeforeClass @after @before的区别对比" target="_blank">JUnit4中@AfterClass @BeforeClass @after @before的区别对比</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JUnit4/1.htm">JUnit4</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a> <div>一.基础知识 JUnit4使用Java5中的注解(annotation),以下是JUnit4常用的几个annotation: @Before:初始化方法   对于每一个测试方法都要执行一次(注意与BeforeClass区别,后者是对于所有方法执行一次)@After:释放资源  对于每一个测试方法都要执行一次(注意与AfterClass区别,后者是对于所有方法执行一次</div> </li> <li><a href="/article/1485.htm" title="精通Oracle10编程SQL(12)开发包" target="_blank">精通Oracle10编程SQL(12)开发包</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/plsql/1.htm">plsql</a> <div>/* *开发包 *包用于逻辑组合相关的PL/SQL类型(例如TABLE类型和RECORD类型)、PL/SQL项(例如游标和游标变量)和PL/SQL子程序(例如过程和函数) */ --包用于逻辑组合相关的PL/SQL类型、项和子程序,它由包规范和包体两部分组成 --建立包规范:包规范实际是包与应用程序之间的接口,它用于定义包的公用组件,包括常量、变量、游标、过程和函数等 --在包规</div> </li> <li><a href="/article/1612.htm" title="【EhCache二】ehcache.xml配置详解" target="_blank">【EhCache二】ehcache.xml配置详解</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/ehcache.xml/1.htm">ehcache.xml</a> <div>在ehcache官网上找了多次,终于找到ehcache.xml配置元素和属性的含义说明文档了,这个文档包含在ehcache.xml的注释中! ehcache.xml : http://ehcache.org/ehcache.xml ehcache.xsd : http://ehcache.org/ehcache.xsd ehcache配置文件的根元素是ehcahe   ehcac</div> </li> <li><a href="/article/1739.htm" title="java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderL" target="_blank">java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderL</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/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>今天学习spring+cxf的时候遇到一个问题:在web.xml中配置了spring的上下文监听器: <listener> <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> </listener>  随后启动</div> </li> <li><a href="/article/1866.htm" title="angular.element" target="_blank">angular.element</a> <span class="text-muted">boyitech</span> <a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/AngularJS+API/1.htm">AngularJS API</a><a class="tag" taget="_blank" href="/search/angular.element/1.htm">angular.element</a> <div>angular.element 描述:     包裹着一部分DOM element或者是HTML字符串,把它作为一个jQuery元素来处理。(类似于jQuery的选择器啦)     如果jQuery被引入了,则angular.element就可以看作是jQuery选择器,选择的对象可以使用jQuery的函数;如果jQuery不可用,angular.e</div> </li> <li><a href="/article/1993.htm" title="java-给定两个已排序序列,找出共同的元素。" target="_blank">java-给定两个已排序序列,找出共同的元素。</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> import java.util.ArrayList; import java.util.Arrays; import java.util.List; public class CommonItemInTwoSortedArray { /** * 题目:给定两个已排序序列,找出共同的元素。 * 1.定义两个指针分别指向序列的开始。 * 如果指向的两个元素</div> </li> <li><a href="/article/2120.htm" title="sftp 异常,有遇到的吗?求解" target="_blank">sftp 异常,有遇到的吗?求解</a> <span class="text-muted">Chen.H</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jcraft/1.htm">jcraft</a><a class="tag" taget="_blank" href="/search/auth/1.htm">auth</a><a class="tag" taget="_blank" href="/search/jsch/1.htm">jsch</a><a class="tag" taget="_blank" href="/search/jschexception/1.htm">jschexception</a> <div>com.jcraft.jsch.JSchException: Auth cancel at com.jcraft.jsch.Session.connect(Session.java:460) at com.jcraft.jsch.Session.connect(Session.java:154) at cn.vivame.util.ftp.SftpServerAccess.connec</div> </li> <li><a href="/article/2247.htm" title="[生物智能与人工智能]神经元中的电化学结构代表什么?" target="_blank">[生物智能与人工智能]神经元中的电化学结构代表什么?</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>     我这里做一个大胆的猜想,生物神经网络中的神经元中包含着一些化学和类似电路的结构,这些结构通常用来扮演类似我们在拓扑分析系统中的节点嵌入方程一样,使得我们的神经网络产生智能判断的能力,而这些嵌入到节点中的方程同时也扮演着"经验"的角色....      我们可以尝试一下...在某些神经</div> </li> <li><a href="/article/2374.htm" title="通过LAC和CID获取经纬度信息" target="_blank">通过LAC和CID获取经纬度信息</a> <span class="text-muted">dai_lm</span> <a class="tag" taget="_blank" href="/search/lac/1.htm">lac</a><a class="tag" taget="_blank" href="/search/cid/1.htm">cid</a> <div>方法1: 用浏览器打开http://www.minigps.net/cellsearch.html,然后输入lac和cid信息(mcc和mnc可以填0),如果数据正确就可以获得相应的经纬度 方法2: 发送HTTP请求到http://www.open-electronics.org/celltrack/cell.php?hex=0&lac=<lac>&cid=&</div> </li> <li><a href="/article/2501.htm" title="JAVA的困难分析" target="_blank">JAVA的困难分析</a> <span class="text-muted">datamachine</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>前段时间转了一篇SQL的文章(http://datamachine.iteye.com/blog/1971896),文章不复杂,但思想深刻,就顺便思考了一下java的不足,当砖头丢出来,希望引点和田玉。   -----------------------------------------------------------------------------------------</div> </li> <li><a href="/article/2628.htm" title="小学5年级英语单词背诵第二课" target="_blank">小学5年级英语单词背诵第二课</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/english/1.htm">english</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a> <div>money 钱 paper 纸 speak 讲,说 tell 告诉   remember 记得,想起 knock 敲,击,打 question 问题 number 数字,号码   learn 学会,学习 street 街道 carry 搬运,携带 send 发送,邮寄,发射   must 必须 light 灯,光线,轻的 front </div> </li> <li><a href="/article/2755.htm" title="linux下面没有tree命令" target="_blank">linux下面没有tree命令</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>centos p安装 yum -y install tree   mac os安装 brew install tree   首先来看tree的用法 tree 中文解释:tree 功能说明:以树状图列出目录的内容。 语  法:tree [-aACdDfFgilnNpqstux][-I <范本样式>][-P <范本样式</div> </li> <li><a href="/article/2882.htm" title="Map迭代方式,Map迭代,Map循环" target="_blank">Map迭代方式,Map迭代,Map循环</a> <span class="text-muted">蕃薯耀</span> <a class="tag" taget="_blank" href="/search/Map%E5%BE%AA%E7%8E%AF/1.htm">Map循环</a><a class="tag" taget="_blank" href="/search/Map%E8%BF%AD%E4%BB%A3/1.htm">Map迭代</a><a class="tag" taget="_blank" href="/search/Map%E8%BF%AD%E4%BB%A3%E6%96%B9%E5%BC%8F/1.htm">Map迭代方式</a> <div>Map迭代方式,Map迭代,Map循环   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年</div> </li> <li><a href="/article/3009.htm" title="Spring Cache注解+Redis" target="_blank">Spring Cache注解+Redis</a> <span class="text-muted">hanqunfeng</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>Spring3.1 Cache注解  依赖jar包: <!-- redis --> <dependency> <groupId>org.springframework.data</groupId> <artifactId>spring-data-redis</artifactId> </div> </li> <li><a href="/article/3136.htm" title="Guava中针对集合的 filter和过滤功能" target="_blank">Guava中针对集合的 filter和过滤功能</a> <span class="text-muted">jackyrong</span> <a class="tag" taget="_blank" href="/search/filter/1.htm">filter</a> <div>在guava库中,自带了过滤器(filter)的功能,可以用来对collection 进行过滤,先看例子:    @Test public void whenFilterWithIterables_thenFiltered() { List<String> names = Lists.newArrayList("John"</div> </li> <li><a href="/article/3263.htm" title="学习编程那点事" target="_blank">学习编程那点事</a> <span class="text-muted">lampcy</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>一年前的夏天,我还在纠结要不要改行,要不要去学php?能学到真本事吗?改行能成功吗?太多的问题,我终于不顾一切,下定决心,辞去了工作,来到传说中的帝都。老师给的乘车方式还算有效,很顺利的就到了学校,赶巧了,正好学校搬到了新校区。先安顿了下来,过了个轻松的周末,第一次到帝都,逛逛吧! 接下来的周一,是我噩梦的开始,学习内容对我这个零基础的人来说,除了勉强完成老师布置的作业外,我已经没有时间和精力去</div> </li> <li><a href="/article/3390.htm" title="架构师之流处理---------bytebuffer的mark,limit和flip" target="_blank">架构师之流处理---------bytebuffer的mark,limit和flip</a> <span class="text-muted">nannan408</span> <a class="tag" taget="_blank" href="/search/ByteBuffer/1.htm">ByteBuffer</a> <div>1.前言。   如题,limit其实就是可以读取的字节长度的意思,flip是清空的意思,mark是标记的意思 。 2.例子. 例子代码: String str = "helloWorld"; ByteBuffer buff = ByteBuffer.wrap(str.getBytes()); Sy</div> </li> <li><a href="/article/3517.htm" title="org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1, column 1" target="_blank">org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1, column 1</a> <span class="text-muted">Everyday都不同</span> <a class="tag" taget="_blank" href="/search/%24/1.htm">$</a><a class="tag" taget="_blank" href="/search/%E8%BD%AC%E4%B9%89/1.htm">转义</a><a class="tag" taget="_blank" href="/search/el%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">el表达式</a> <div>最近在做Highcharts的过程中,在写js时,出现了以下异常:   严重: Servlet.service() for servlet jsp threw exception org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1, </div> </li> <li><a href="/article/3644.htm" title="用Java实现发送邮件到163" target="_blank">用Java实现发送邮件到163</a> <span class="text-muted">tntxia</span> <a class="tag" taget="_blank" href="/search/java%E5%AE%9E%E7%8E%B0/1.htm">java实现</a> <div>/* 在java版经常看到有人问如何用javamail发送邮件?如何接收邮件?如何访问多个文件夹等。问题零散,而历史的回复早已经淹没在问题的海洋之中。 本人之前所做过一个java项目,其中包含有WebMail功能,当初为用java实现而对javamail摸索了一段时间,总算有点收获。看到论坛中的经常有此方面的问题,因此把我的一些经验帖出来,希望对大家有些帮助。 此篇仅介绍用</div> </li> <li><a href="/article/3771.htm" title="探索实体类存在的真正意义" target="_blank">探索实体类存在的真正意义</a> <span class="text-muted">java小叶檀</span> <a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a> <div>一. 实体类简述    实体类其实就是俗称的POJO,这种类一般不实现特殊框架下的接口,在程序中仅作为数据容器用来持久化存储数据用的 POJO(Plain Old Java Objects)简单的Java对象   它的一般格式就是 public class A{ private String id; public Str</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>