网页代码 | 易学教程

相对路径和绝对路径的区别（详解）

阅读更多关于相对路径和绝对路径的区别（详解）

1.绝对路径绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下，那么 “bg.jpg”这个图片的绝对路径就是“E:\book\网页布\代码\第2章\bg.jpg"。那么如果要使用绝对路径指定网页的背景图片就应该使用以下语句： <body backround="E:\book\网页布局\代码\第2章\bg.jpg" > 2.使用绝对路径的缺点事实上，在网页编程时，很少会使用绝对路径，如果使用“E:\book\网页布\代码\第2章\bg.jpg”来指定背景图片的位置，在自己的计算机上浏览可能会一切正常，但是上传到Web服务器上浏览就很有可能不会显示图片了。因为上传到Web服务器上时，可能整个网站并没有放在Web服务器的E盘，有可能是D盘或H盘。即使放在Web服务器的E盘里，Web服务器的E盘里也不一定会存在“E:\book\网页布局\代码\第2章”这个目录，因此在浏览网页时是不会显示图片的。 3.相对路径为了避免这种隋况发生，通常在网页里指定文件时，都会选择使用相对路径。所谓相对路径，就是相对于自己的目标文件位置。例如上面的例子，“s1.htm” 文件里引用了“bg.jpg”图片，由于“bg.jpg”图片相对于“s1.htm”来说，是在同一个目录的，那么要在“s1.htm”文件里使用以下代码后

响应式网页案例

阅读更多关于响应式网页案例

响应式案例是根据屏幕的大小出现相应的页面布局全屏时候的页面效果如下: 在这里插入图片描述缩小屏幕时候的页面效果代码附上 <!DOCTYPE html> <html> <head> <meta charset= "UTF-8" > <title></title> <link rel= "stylesheet" type= "text/css" href= "css/reset.css" /> <link rel= "stylesheet" type= "text/css" href= "css/index.css" /> </head> <body> <header> <div class= "top" > <nav> <img src= "images/logo.png" title= "" /> </nav> <ul> <li><a href= "" >首页</a></li> <li><a href= "" >宝宝</a></li> <li><a href= "" >首页</a></li> <li><a href= "" >姐姐</a></li> <li><a href= "" >首页</a></li> <li><a href= "" >首页</a></li> </ul> <div class= "menu" > <a href= "#" >menu</a> </div>

c#winform使用WebBrowser 大全

阅读更多关于 c#winform使用WebBrowser 大全

C# WinForm WebBrowser ( 一 ) MSDN 资料 1 、主要用途：使用户可以在窗体中导航网页。 2 、注意： WebBrowser 控件会占用大量资源。使用完该控件后一定要调用 Dispose 方法，以便确保及时释放所有资源。必须在附加事件的同一线程上调用 Dispose 方法，该线程应始终是消息或用户界面 (UI) 线程。 3 、 WebBrowser 使用下面的成员可以将控件导航到特定 URL 、在导航历史记录列表中向后和向前移动，还可以加载当前用户的主页和搜索页： 1. URL 属性：可读、可写，用于获取或设置当前文档的 URL 。　 WebBrowser 控件维护浏览会话期间访问的所有网页的历史记录列表。设置 Url 属性时， WebBrowser 控件导航到指定的 URL 并将该 URL 添加到历史记录列表的末尾。 WebBrowser 控件在本地硬盘的缓存中存储最近访问过的站点的网页。每个页面都可以指定一个到期日期，指示页面在缓存中保留的时间。当控件定位到某页时，如果该页具有缓存的版本，则直接显示缓存中的内容而不必重新下载该页，从而节省了时间。使用 Refresh 方法强制 WebBrowser 控件通过下载来重新加载当前页，从而确保控件显示最新版本。注意：即使已请求了另一个文档，该属性也包含当前文档的 URL 。如果设置该属性的值

有趣的网页代码

阅读更多关于有趣的网页代码

<!DOCTYPE html> <html> <head> <title>有趣的网页代码</title> <meta charset="utf-8"> <link href="/bootstrap/css/bootstrap.min.js" rel="stylesheet"> </head> <body> <div> 我们伟大的国家必将繁荣昌盛，屹立于世界民族之林。 </div> <script> var str = document.getElementsByTagName("div")[0].innerHTML.toString(); var i = 0; setInterval(function(){ i++; document.getElementsByTagName("div")[0].innerHTML = str.slice(0, i) + "|"; }, 100); </script> </body> </html> 将以上代码复制到一个页面文件并命名为index.php，这样一运行就会将div中的文字逐个显示在屏幕上，试试看，很有趣哟！不用数据库，只要启动了Apache就可以了。页面可以根据自己的喜好继续美化，还可以配上音乐。欢迎朋友们试试，不懂可以@我，很愿意和大家一起学习，共同进步。来源： https://www.cnblogs.com/ffyylxq/p

seo的概念（上）

阅读更多关于 seo的概念（上）

1.目标关键词目标关键词是：你网站的主要关键词目标关键词比较合适的数量：建议做1-3个，这三个要相关关键词要做很多应该：用栏目页面和内容页面来做 seo特点：定向流量，顾客主动找我们关键词注意事项：例如你做减肥的，就不要去写个“雀斑”的关键词 2.长尾关键词二八定律：也叫巴莱多定律，19世纪初意大利经济学家巴莱多发明的；企业80%的利润来自20%的项目 seo的80%流量，来自20%的关键词长尾理论（The Long Tail）：是网络兴起的一种新理论，由美国人克里斯·安德森提出。长尾理论被认为是对传统的“二八定律”的彻底叛逆 seo中运用就叫做长尾关键字长尾关键词：一个网站上，各种各样给你带来流量，但流量又不大的词，都算长尾关键词。例如目标关键词“上海家装”、“上海装潢”“上海家装装修”，长尾关键词“上海家装哪家好”，长尾关键词比目标关键词成交意向更高优化长尾关键词：用栏目页或内容页优化。栏目页他的权重比首页少，但是栏目页权重比内容也大，优化长尾关键词用栏目页即可，无需用首页优化，首页是很重要的，首页用来优化高质量的关键字找长尾关键词：一种是根据一篇文章提炼出长尾关键词；另一种是根据相关搜索找到长尾关键词。一般这两种方法同时使用比较好，例如“上海装潢”之类的一些长尾关键字，首先百度搜索“上海装潢”都可以，找到一篇文章，这篇文章的“长尾关键字”提炼出来

浏览器(内核,同源策略原理,渲染...)

阅读更多关于浏览器(内核,同源策略原理,渲染...)

浏览器存储特点 cookie localStorage sessionStorage indexDb 生命周期可过期除非清理，否则一直存在页面关闭就清理除非清理，否则一直存在存储大小 4K 5M 5M ∞ 与服务端通信请求携带在 header 头部 no no no 浏览器内核浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。通常所谓的浏览器内核也就是浏览器所采用的渲染引擎浏览器内核主要包括三个分支技术：排版渲染引擎、 JavaScript引擎，以及其他。 Trident IE 内核其中 IE8 的 JavaScript 引擎是 JScript 引擎, IE9 开始使用 Chakra Gecko FF 内核 JavaScript 引擎使用 Spider Monkey 第一款 JavaScript 引擎 Webkit Safari 内核 Chrome 内核原型 Android 默认浏览器使用 Webkit 内核 Blink Chrome 最新的内核(Safari 目前也使用的内核) 而谷歌方面，则使用了自己研发的 V8 引擎内核是否开源插件支持应用浏览器支持操作系统 Trident 否，但提供接口调用 ActiveX IE Windows Gecko 是

web前端开发这门技术是什么？

阅读更多关于 web前端开发这门技术是什么？

前端是什么？在回答这个问题之前，我想到了一道面试题：当我们在浏览器中输入网址并按回车之后，接下来会发生什么？我们来简单地看一看 “网页展现” 的整个过程。比如这里有一个用户，它需要访问 abc.com 这个网址。一般来说，当用户输入一个域名时，是在请求一个 HTML 资源。当他完成域名解析之后，他的浏览器会向 abc.com 这个域名所指向的 Web 服务器发出请求。有时候 Web 服务器直接就可以返回用户的请求了；有时候 Web 服务器还需要向数据库查询一些数据，然后才能把处理结果返回给用户。当用户的浏览器拿到服务器返回的 HTML 资源之后，就开始解析并显示 HTML 的内容了。一般来说，HTML 页面需要 CSS 资源来描述页面的样式。比如浏览器在解析 HTML 时发现了一个 CSS 外链 abc.com/a.css ，它就会去请求这个资源。 HTML 页面往往还需要加载外部的 JS 资源，比如 abc.com/a.js ，此时浏览器同样会向服务器请求这个资源。当所需的资源都加载完成之后，这个页面就可以提供完整的外观和功能了。整个过程差不多就是这个样子了。我们看一看这张流程图，可以在中间画一道竖线，把它分成左右两个部分。我们会发现，这道线左侧的事情发生在浏览器端，我们称之为 “前端”；右侧的事情发生在服务器端，称为 “后端”。（“前端” 之所以叫 “前端”

网页版QML

阅读更多关于网页版QML

在网页上边写QML代码边显示效果。(文末项目地址) 该项目旨在将QML的功能引入到Web浏览器。以下是QML外观示例：上手体验边写边看到效果挺不错的，渲染速度还可以，但是只有部分的代码高亮和不支持自动补全代码的功能。支持常用的控件如Rectangle，Item，Text，TextInput等控件，也支持部分Controls 1.0和2.0版本的控件的部分功能，如Button，CheckBox，ComboBox等控件。项目地址： https://github.com/qmlweb/qmlweb 体验地址： https://qmlweb.github.io/ 更多有趣好玩的项目请关注公众号「Qt君」。来源： https://www.cnblogs.com/qthub/p/12207751.html

HTTP状态代码速查表

阅读更多关于 HTTP状态代码速查表

请求网页总会返回一些奇奇怪怪的状态码，把这个整出来，方便查阅文章目录 1xx（临时响应） 2xx（成功） 3xx（已重定向） 4xx（请求错误） 5xx（服务器错误）数据来源1 数据来源2 1xx（临时响应）用于表示临时响应并需要请求者执行操作才能继续的状态代码。代码说明 100 （继续）请求者应当继续提出请求。服务器返回此代码则意味着，服务器已收到了请求的第一部分，现正在等待接收其余部分。 101 （切换协议）请求者已要求服务器切换协议，服务器已确认并准备进行切换。 102 由WebDAV（RFC 2518）扩展的状态码，代表处理将被继续执行。 2xx（成功）用于表示服务器已成功处理了请求的状态代码。代码说明 200 （成功）服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。如果您的 robots.txt 文件显示为此状态，那么，这表示 Googlebot 已成功检索到该文件。 201 （已创建）请求成功且服务器已创建了新的资源。 202 （已接受）服务器已接受了请求，但尚未对其进行处理。 203 （非授权信息）服务器已成功处理了请求，但返回了可能来自另一来源的信息。 204 （无内容）服务器成功处理了请求，但未返回任何内容。 205 （重置内容）服务器成功处理了请求，但未返回任何内容。与 204 响应不同，此响应要求请求者重置文档视图

HTTP请求常见报错统计

阅读更多关于 HTTP请求常见报错统计

HTTP请求错误码大全一些常见的状态码为： 200 - 服务器成功返回网页 404 - 请求的网页不存在 503 - 服务不可用详细分解： 1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码。代码说明 100 （继续）请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101 （切换协议）请求者已要求服务器切换协议，服务器已确认并准备切换。 2xx （成功）表示成功处理了请求的状态代码。代码说明 200 （成功）服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。 201 （已创建）请求成功并且服务器创建了新的资源。 202 （已接受）服务器已接受请求，但尚未处理。 203 （非授权信息）服务器已成功处理了请求，但返回的信息可能来自另一来源。 204 （无内容）服务器成功处理了请求，但没有返回任何内容。 205 （重置内容）服务器成功处理了请求，但没有返回任何内容。 206 （部分内容）服务器成功处理了部分 GET 请求。 3xx （重定向）表示要完成请求，需要进一步操作。通常，这些状态代码用来重定向。代码说明 300 （多种选择）针对请求，服务器可执行多种操作。服务器可根据请求者 (user agent) 选择一项操作，或提供操作列表供请求者选择。 301 （永久移动）

订阅网页代码