当前位置：文档之家› 第二十一讲 JavaScript HTML DOM 对象(二)

第二十一讲 JavaScript HTML DOM 对象(二)

一、HTML DOM 对象概述

HTML 文档对象模型（HTML Document Object Model）定义了访问和处理 HTML 文档的标准方法。通过 JavaScript可以重构整个 HTML 文档。包括添加、移除、改变或重排页面上的项目。

要改变页面的某个东西，JavaScript 就需要对 HTML 文档中所有元素进行访问的入口。这个入口，连同对 HTML 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的。

在 1998 年，W3C 发布了第一级的 DOM 规范。DOM 可被 JavaScript 用来读取、改变 HTML、XHTML 以及 XML 文档。这个规范允许访问和操作 HTML 页面中的每一个单独的元素。目前所有的浏览器都执行了这个标准，因此，DOM 的兼容性问题也几乎难觅踪影了。

1.相关概念

1节点

DOM 是这样规定的：整个文档是一个文档节点；每个 HTML 标签是一个元素节点；包含在 HTML 元素中的文本是文本节点；每一个 HTML 属性是一个属性节点；注释属于注释节点。

因此根据 DOM的规定，我们可以认为在HTML 文档中的每个成分都是一个节点。

2Node 层次

节点彼此都有等级关系。HTML 文档中的所有节点组成了一个文档树（或节点树）。HTML 文档中的每个元素、属性、文本等都代表着树中的一个节点。树起始于文档节点，并由此继续伸出枝条，直到处于这棵树最低级别的所有文本节点为止。

下面这个图片表示一个文档树（节点树）：

3文档树（节点数）

请看下面这个HTML文档：

DOM Tutorial

DOM Lesson one

Hello world!

上面所有的节点彼此间都存在关系。

除文档节点之外的每个节点都有父节点。举例，和的父节点是节点，文本节点 "Hello world!" 的父节点是

节点。

大部分元素节点都有子节点。比方说，节点有一个子节点：节点。<title> 节点也有一个子节点：文本节点 "DOM Tutorial"。当节点分享同一个父节点时，它们就是同辈（同级节点）。比方说，<h1> 和 是同辈，因为它们的父节点均是 <body> 节点。节点也可以拥有后代，后代指某个节点的所有子节点，或者这些子节点的子节点，以此类推。比方说，所有的文本节点都是 <html>节点的后代，而第一个文本节点是 <head> 节点的后代。节点也可以拥有先辈。先辈是某个节点的父节点，或者父节点的父节点，以此类推。比方说，所有的文本节点都可把 <html> 节点作为先辈节点。2.查找并访问节点你可通过下面的方法来查找希望操作的元素：A.通过使用 getElementById() 和 getElementsByTagName() 方法B.通过使用一个元素节点的 parentNode、firstChild 以及 lastChild 属性1getElementById() 和 getElementsByTagName()getElementById() 和 getElementsByTagName() 这两种方法，可查找整个 HTML 文档中的任何 HTML 元素。这两种方法会忽略文档的结构。假如希望查找文档中所有的元素，getElementsByTagName() 会把它们全部找到，不管 元素处于文档中的哪个层次。同时，getElementById() 方法也会返回正确的元素，不论它被隐藏在文档结构中的什么位置。这两种方法会提供任何你所需要的 HTML 元素，不论它们在文档中所处的位置。getElementById() 可通过指定的 ID 来返回元素：表），这些元素是我们在使用此方法时所处的元素的后代。getElementsByTagName() 语法：或者：实例下面这个例子会返回文档中所有 元素的一个节点列表：实例下面这个例子会返回所有 元素的一个节点列表，且这些 元素必须是 id 为 "maindiv" 的元素的后代：2节点列表（nodeList）当我们使用节点列表时，通常要把此列表保存在一个变量中，就像这样：现在，变量 x 包含着页面中所有 元素的一个列表，并且我们可以通过它们的索引号来访问这些 元素。可以通过使用 length 属性来循环遍历节点列表：也可以通过索引号来访问某个具体的元素。要访问第三个元素，可以这么写：3parentNode、firstChild以及lastChild这三个属性 parentNode、firstChild 以及 lastChild 可遵循文档的结构，在文档中查找匹配的元素。请看下面这个 HTML 片段：在上面的代码中，第一个是元素的首个子元素（），而最后一个 <td> 是 <tr>元素的最后一个子元素（lastChild）。此外，<tr> 是每个 <td>元素的父节点（parentNode）。对 firstChild 最普遍的用法是访问某个元素的文本：parentNode 属性常被用来改变文档的结构。假设您希望从文档中删除带有 id 为 "maindiv" 的节点：首先，需要找到带有指定 id 的节点，然后移至其父节点并执行 removeChild() 方法。4访问根节点有两种特殊的文档属性可用来访问根节点：第一个属性可返回存在于以及文档中的文档根节点。第二个属性是对 HTML 页面的特殊扩展，提供了对 <body> 标签的直接访问3.节点信息每个节点都拥有包含着关于节点某些信息的属性。这些属性是：A.nodeName（节点名称）B.nodeV alue（节点值）C.nodeType（节点类型）1nodeNamenodeName 属性含有某个节点的名称。其中：A.元素节点的 nodeName 是标签名称B.属性节点的 nodeName 是属性名称C.文本节点的 nodeName 永远是 #textD.文档节点的 nodeName 永远是 #document注释：nodeName 所包含的 XML 元素的标签名称永远是大写的2nodeV alue对于文本节点，nodeV alue 属性包含文本。而对于属性节点，nodeV alue 属性包含属性值。另外nodeV alue 属性对于文档节点和元素节点是不可用的。3nodeType4.节点操作1创建节点createElement 创建元素节点createTextNode创建文本节点创建出来的新元素节点不会被自动添加到文档里。应该使用追加到文档中2复制节点cloneNode用于节点复制3删除节点使用removeChild删除节点4设置属性,获取属性setAttribute()设置属性值不管以前有没有属性，以后的值是。getAttribute()获取属性值获取的时候，如果属性不存在，则返回空。二、HTML DOM 常用对象1.Document 对象Document 对象代表整个 HTML 文档，可用来访问页面中的所有元素。Document 对象是 Window 对象的一个部分，可通过 window.document 属性来访问。例 1<html><head><script type="text/javascript">function getValue() {var x=document.getElementById("myHeader")alert(x.innerHTML)}</script></head><body><h1 id="myHeader" onclick="getValue()">This is a header</h1>Click on the header to alert its value</body></html>例 2getElementById() 是一个重要的方法，在 DOM 程序设计中，它的使用非常常见。因此我们可以定义一个工具函数，这样就可以通过一个较短的名字来使用 getElementById() 方法了：上面这个函数接受元素 ID 作为它们的参数。对于每个这样的参数，您只要在使用前编写x = id(x) 就可以了。例3 使用getElementsByName获取元素集合<script type="text/javascript">function getElements() {var x=document.getElementsByName("myInput");alert(x.length);}</script></head><body><input name="myInput" type="text" size="20" /> <input name="myInput" type="text" size="20" /> <input name="myInput" type="text" size="20" /> <input type="button" onclick="getElements()"value="How many elements named 'myInput'?" /></body></html>2.Anchor 对象Anchor 对象代表一个 HTML 超链接。在 HTML 文档中 <a> 标签每出现一次，Anchor 对象就会被创建。锚可用于创建到另一个文档的链接（通过 href 属性），或者创建文档内的书签。例1：innerHTML 属性设置或返回一个链接的内容。实例：下面的例子将更改一个链接的文本、以及：<html><head><script type="text/javascript">function changeLink(){document.getElementById('myAnchor').innerHTML="滁州职业技术学院";document.getElementById('myAnchor').href="https://www.doczj.com/doc/906822803.html,";document.getElementById('myAnchor').target="_blank";}</script></head><body><a id="myAnchor" href="https://www.doczj.com/doc/906822803.html,">微软</a><input type="button" onclick="changeLink()" value="Change link"> </body></html>3.Image 对象Image 对象代表一幅嵌入的图像。1Image 对象的属性例1：下面的例子可更改图像的边框宽度：<<html><head><script type="text/javascript">function changeBorder() {document.getElementById("compman").border="3"}</script></head>例：属性可设置或返回图像的。注释：该属性可在任意时间被更改。不过新图像会继承原始图像的 height 和 width 属性。该属性的初始值由标记<img> 的 src 属性来设置。当把该属性设置为新图像的 URL 时，浏览器就会把那幅新图像装载并显示出来。这对于更新网页的图像外观以响应用户的动作非常有用。<html><head><script type="text/javascript">function changeSrc(){document.getElementById("myImage").src="image02.gif"}</script></head><body><img id="myImage" src="image01.gif" width="107" height="98" /> <input type="button" onclick="changeSrc()" value="Change image"></body></html>4.Text对象Text 对象代表 HTML 表单中的文本输入域。例1：<html><head><script type="text/javascript">function validate(){var at=document.getElementById("email").value.indexOf("@") var age=document.getElementById("age").valuevar fname=document.getElementById("fname").valuesubmitOK="true"if (fname.length>10) {alert("名字必须小于 10 个字符。")submitOK="false"}if (isNaN(age)||age<1||age>100) {alert("年龄必须是 1 与100 之间的数字。")submitOK="false"}if (at==-1) {alert("不是有效的电子邮件地址。")submitOK="false"}if (submitOK=="false") {return false}}</script></head><body><form action="/example/hdom/hdom_submitpage.html" onsubmit="return validate()">名字（最多10 个字符）：<input type="text" id="fname" size="20"> 年龄（从 1 到 100）：<input type="text" id="age" size="20"> 电子邮件：<input type="text" id="email" size="20"> <input type="submit" value="提交"></form></body></html>5.Password 对象与Text对象类似。6.Textarea对象七、Hidden 对象Hidden 对象代表一个 HTML 表单中的某个隐藏输入域。这种类型的输入元素实际上是隐藏的。这个不可见的表单元素的 value 属性保存了一个要提交给Web 服务器的任意字符串。如果想要提交并非用户直接输入的数据的话，就是用这种类型的元素。八、Checkbox 对象Checkbox 对象代表一个 HTML 表单中的一个选择框。在 HTML 文档中 <input type="checkbox"> 每出现一次，Checkbox 对象就会被创建。例一：<html><head><script type="text/javascript">function createOrder(){coffee=document.forms[0].coffeetxt=""for (i=0;i<coffee.length;++ i){if (coffee[i].checked){txt=txt + coffee[i].value + " "}}document.getElementById("order").value="您订购的咖啡带有： " + txt }</script></head><body>你喜欢怎么喝咖啡？<form><input type="checkbox" name="coffee" value="奶油">加奶油 <input type="checkbox" name="coffee" value="糖块">加糖块 <input type="button" onclick="createOrder()" value="发送订单"> <input type="text" id="order" size="50"></form></body></html>例二：document.getElementById("myCheck").checked=true}function uncheck(){document.getElementById("myCheck").checked=false}</script></head><body><form><input type="checkbox" id="myCheck" /><input type="button" onclick="check()" value="选定复选框" /><input type="button" onclick="uncheck()" value="取消选定复选框" /></form></body></html>九、Radio 对象Radio 对象代表 HTML 表单中的单选按钮。单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中，之前选中的按钮就变为非选中的。当单选按钮被选中或不选中时，该按钮就会触发 onclick 事件句柄。<head><script type="text/javascript">function check(browser) {document.getElementById("answer").value=browser}</script></head><body>您喜欢哪款浏览器？<form><input type="radio" name="browser" onclick="check(this.value)"value="Internet Explorer">Internet Explorer <input type="radio" name="browser" onclick="check(this.value)"value="Firefox">Firefox <input type="radio" name="browser" onclick="check(this.value)"value="Netscape">Netscape <input type="radio" name="browser" onclick="check(this.value)"value="Opera">Opera 您喜欢的浏览器是：<input type="text" id="answer" size="20"></form></body></html>十、Button 对象Button 对象代表 HTML 文档中的一个按钮。该元素没有默认的行为，但是必须有一个 onclick 事件句柄以便使用。例一<html><head><script type="text/javascript">function alertValue(){alert(document.getElementById("myButton").value)}</script></head><body><form><input type="button" value="Click me!" id="myButton"onclick="alertValue()" /></form></body></html>十一、Submit 对象Submit 对象代表 HTML 表单中的一个提交按钮(submit button)。在 HTML 表单中 <input type="submit"> 标签每出现一次，一个 Submit 对象就会被创建。在表单提交之前，触发 onclick 事件句柄，并且一个句柄可以通过返回 fasle 来取消表单提交。十二、Reset 对象Reset 对象代表 HTML 表单中的一个重置按钮。当重置按钮被点击，包含它的表单中所有输入元素的值都重置为它们的默认值。默认值由 HTML value 属性或 JavaScript 的 defaultValue 属性指定。重置按钮在重置表单之前触发 onclick 句柄，并且这个句柄可以通过返回 fasle 来取消。<h2>《HTML基础试题》</h2>《HTML基础试题》一、单项选择题: 1、下面哪一个属性不就是文本的标签属性？( ) A. B.size C.color D.face 2、当链接指向下列哪一种文件时,不打开该文件,而就是提供给浏览器下载。( ) A.ASP B.HTML C.ZIP D.CGI 3、关于文本水平对齐,源代码设置不正确的一项就是:( ) A.居中对齐:<div align="middle">…</div> B.居右对齐:<div align="right">…</div> C.居左对齐:<div align="left">…</div> D.两端对齐:<div align="justify">…</div> 4、下面哪一项就是换行符标签？( ) A.<body> B. C. D. 5、下列哪一项就是在新窗口中打开网页文档。( ) A._self B._blank C._top D._parent 6、下面对JPEG格式描述不正确的一项就是。( ) A.照片、油画与一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B.JPEG支持很高的压缩率,因此其图像的下载速度非常快 C.最高只能以256色显示的用户可能无法观瞧JPEG图像 D.采用JPEG格式对图片进行压缩后,还能再打开图片,然后对它重新整饰、编辑、压缩 7、常用的网页图像格式有____与_____( ) A、gif,tiff B.tiff,jpg C.gif,jpg D.bmp,png 8、下面说法错误的就是( ) A、CSS样式表可以将格式与结构分离 B.CSS样式表可以控制页面的布局 C、CSS样式表可以使许多网页同时更新 D.CSS样式表不能制作体积更小下载更快的网页 9、CSS样式表不可能实现( )功能。 A将格式与结构分离 B.一个CSS文件控制多个网页 C、控制图片的精确位置 D.兼容所有的浏览器 10、在HTML中,( )不就是链接的目标属性。 A、self B.new C.blank D.top 11、在网页设计中,( )就是所有页面中的重中之重,就是一个网站的灵魂所在。 A.标题栏 B.脚本页面 C、导航栏 D.页面内容 12、为了标识一个HTML文件应该使用的HTML标记就是( )。 A. B.<boby></body> C.<html></html> D.<table></table> 13、在客户端网页脚本语言中最为通用的就是( ) A、JavaScript B、VB C.Perl D、ASP 14、在HTML中,标记的属性:“Size”所能取的最大取值就是( ) A、6 B.7 C.8 D.9 15、下面不属于CSS插入形式的就是( ) A、索引式 B.内联式 C.嵌入式 D.外部式 16、如果站点服务器支持安全套接层(SSL),那么连接到安全站点上的所有URL开头就是( ) A.http:// B.https:// C.shttp:// D.SSL://<h2>如何查看linux服务器访问登陆情况</h2>查看及管理当前登陆用户使用w命令查看登录用户正在使用的进程信息 W命令用于显示已经登陆系统的用户的名称，以及正在做的事。该命令所使用的信息来源于/var/run/utmp文件。W信息包括： 1 用户名称 2 用户的机器名称或tty号 3 远程主机地址 4 用户登录系统的时间 5 空闲时间（作用不大） 6 附加到tty终端的进程所用的时间(JCPU时间) 7 当前进程所用时间(PCPU时间) 8 用户当前正在使用的命令 root@ubuntu:~# w 17:40:26 up 7:08, 3 users, load average: 0.10, 0.04, 0.06 USER TTY FROM LOGIN@ IDLE JCPU PCPU WHAT oracle pts/3 10.3.104.83 14:33 2:47m 1.42s 0.62s sqlplus as sysdba ubuntu-x pts/4 10.3.104.83 14:33 1.00s 2.88s 0.05s sshd: ubuntu-x64 [priv] ubuntu-x pts/5 10.3.104.83 14:33 3:06m 0.04s 0.04s -bash root@ubuntu:~# 此外，可以通过who am I查看使用该命令的用户及进程，使用who查看所有登录用户进程信息，这些查看命令大同小异。使用pkill强制退出登录的用户使用pkill可以结束当前登陆用户的进程，从而强制退出用户登录，具体使用可以结合w 命令。首先：使用w命令查看当前登陆的用户，注意tty所示登录进程的终端号；<h2>HTML语言与网页设计期末考试题</h2>第1题判断正误（1）HTML标记符的属性一般不区分大小写。（对）（2）网站就是一个链接的页面集合。（对）（3）将网页上传到Internet时通常采用FTP方式。（对）（4）所有的HTML标记符都包括开始标记符和结束标记符。（错）（5）用H1标记符修饰的文字通常比用H6标记符修饰的要小（错）。（6）B标记符表示用粗体显示所包括的文字。（对）（7）GIF格式的图象最多可以显示256种颜色。（对）（8）HTML表格在默认情况下有边框。（错）（9）创建图象映射时，理论上可以指定任何形状作为热点。（对）（10）指定滚动字幕时，不允许其中嵌入图象。（错） 1.使用FONT 标记符的size 属性可以指定字体的大小。( T ) 2.网站就是一个链接的页面集合。( T ) 3.GIF格式的图象最多可以显示1024种颜色。( F ) 4.制作图像映射只需要使用<AREA> 标记符。( F ) 5.在HTML表格中，表格的列数等于第一行中TH与TD的colspan属性的和。 ( F ) 6.在HTML表格中，在TR、TD或TH标记符中使用align 属性可以控制单元格内容的垂直对齐。( T ) 7.指定滚动字幕时，不允许其中嵌入图象。( F ) 8.框架是一种能在同一个浏览器窗口中显示多个网页的技术。( T ) 9. CSS中的color属性用于设置HTML元素的背景颜色。( F ) 10.CSS样式表项的组成格式为：selector{property1:value1, property2:value2, ……} ( F ) 第2题单选题（20分）（1）WWW是的意思。答案：B A．网页B．万维网C．浏览器D．超文本传输协议（2）在网页中显示特殊字符，如果要输入“<”，应使用_________。答案：D A．lt; B．≪ C．< D．< （3）以下有关列表的说法中，错误的是：。答案：D A．有序列表和无序列表可以互相嵌套。 B．指定嵌套列表时，也可以具体指定项目符号或编号样式。 C．无序列表应使用UL 和LI 标记符进行创建。 D．在创建列表时，LI 标记符的结束标记符不可省略。（4）以下关于FONT标记符的说法中，错误的是：答案：D A．可以使用color 属性指定文字颜色。 B．可以使用size 属性指定文字大小（也就是字号）。 C．指定字号时可以使用1~7 的数字。 D．语句这里是2号字 将使文字以2号字显示。（5）以下关于JPEG图像格式中，错误的是：答案：B A．适合表现真彩色的照片。 B．最多可以指定1024种颜色。 C．不能设置透明度。<h2>远程访问服务器设置</h2>远程访问服务器设置 1设置TCP/IP协议如果安装了多种网络协议，可以通过限制远程用户使用的网络协议来控制远程客户访问的网络资源。TCP/IP是最流行的LAN协议。对于TCP/IP协议来说"还需给远程客户分配IP地址以及其他TCP/IP配置，如DNS服务器和WINS服务器、默认闷关等。打开[路由和远程访问服务]控制台，在目录树中选择相应的服务器，单击鼠标右键，从弹出的快捷菜单中选择[属性]打开属性设置对话框，切换到如图4.43所示的[IP]选项卡，设置IP选项。 1.允许远程客户使用TCP/IP协议选中[允许基于IP的远程访问和请求拨号连接]复选框，将允许远程访问客户机使用IP协议来访问服务器。如果清除此项，使用IP协议的客户端将不能连接远程访问服务器。 2.限制远程客户访问的网络范围如果希望基于即的远程访问客户机能够访问到远程访问服务器所连接的网络，应选中[启用IP路由]复选框，激活路由功能。如果清除该选项。使用IP协议的客户机将只能访问远程访问服务器本身的资源，而不能访问网络中的其他资源。 3.向远程客户机指派lP地址每个通过PPP连接到Windows2000远程访问服务器的远程计算机，都会被自动提供一个IP地址。远程访问服务器获得分配给远程访问客户机的IP地址有两种方式。通过DHCP服务器获得。由管理员指派给远程访问服务器的静态IP地址范围。远程访问服务器也会从获得的IP地址中留出一个自己使用。在[IP]选项卡的[IP地址分配]区域中设置向远程客户机分配IP地址的方式和范围。通过DHCP服务器分配IP地址如果选择[动态主机配置协议]单选钮。将由DHCP服务器为远程客户指定IP地址。远程访问将从DHCP服务器上一次性获得10个IP 地址，如图4.44所示。远程访问服务器将从DHCP获得的第一个IP 地址留给自己使用，并且在与基于TCP/IP的远程访问客户机连接时，<h2>Server服务器共享文件不能访问解决方法</h2>Server服务器共享文件不能访问解决方法遇到无法访问Server服务器共享文件的情况，比如重新系统后，或者突然无法访问服务器上的资源，又或者打印机突然连接不了。大家第一时间就是找系统管理员，但是IT管理员不可能每天都在岗（如休假），这时候会对工作造成许多不便。小编在日常工作中也遇到这类问题，这里根据网络上介绍的一些方法与个人的经验作了总结，希望对同事们有帮助。由于公司电脑使用XP系统，所以这里介绍的方法主要针对XP 系统，Vista以上的系统不一定适用。文件共享与以下设置有关，需要对计算机如下设置一一进行检查：（1）NWlink IPX/SPX/NetBIOS Compatible Transport Protocol协议。本协议已经安装就绪，没有问题。如果没安装，点击“安装”选上这个协议安装即可。同时勾选”Microsoft网络的文件和打印机共享”。安装协议勾选”Microsoft网络的文件和打印机共享” （2）开启guest账号：右击我的电脑\管理\用户有个guest，双击之去掉“账户已停用”前面的勾。本设置最初没有开启，将其开启。（3）统一各计算机的工作组名：右击我的电脑\属性\计算机名，查看该选项卡中出现的局域网工作组名称，将所有计算机均加入Workgroup工作组。（4）使用Windows XP防火墙的例外：Windows XP防火墙在默认状态下是全面启用的，这意味着运行计算机的所有网络连接，难于实现网上邻居共享。同时，由于windows防火墙默认状态下是禁止“文件与打印机共享的”，所以，启用了防火墙，往往不能共享打印，解决办法是：进入“本地连接”窗口，点“高级”\ “设置”\“例外”\在程序与服务下勾选“文件和打印机共享”。（5）删除“拒绝从网络上访问这台计算机”项中的guest账户：运行组策略（gpedit.msc）\本地计算机\计算机配置\windows设置\安全设置\本地策略\用户权利指派\拒绝从网络访问这台计算机。如果其中有guest，则将其删除。这样做的目的是让guest可能从网络访问本机。（6）取消“使用简单文件共享”方式：资源管理器\工具\文件夹选项\查看\去掉“使用简单文件共享（推荐）” 前面的勾。（7）运行服务策略“Services.msc”。启动其中的“Clipbook Server”(文件夹服务器）：这个服务允许你们网络上的其他用户看到你的文件夹。我直接将此服务设置为自动自动启动。以上所有设置都检查无误之后，基本上能解决大部分无法访问共享文件的问题。如果还无法解决共享文件问题，对系统服务和安全策略进行了仔细检查。依次选择“计算机配置→Windows设置→安全设置→本地策略→安全选项”，检查组策略时，发现有一条“网络访问：本地账号的共享和安全模式”策略，默认设置为“仅来宾－本地用户以来宾身份验证”，。如果仍无法解决问题，可能遇到的问题是当用户的口令为空时，访问还是会拒绝。原来在“安全选项”中有一个“帐户：使用空白密码的本地帐户只允许控制台登录”策略，默认是启用的，根据Windows XP安全策略中拒绝优先的原则，密码为空的用户通过网络访问使用Windows XP的计算机时便会被禁止。我们只要将这个策略停用即可解决问题。共享文件夹访问权限问题是很常见的网络故障，Windows XP对共享文件方面作了些限制，是出于安全考虑而做的设置。以上介绍的方法，在家庭中也适用，只要作一些设置，各PC就可以共享资源。<h2>HTML语言入门教程</h2>语言入门教程(一) ?什么是HTML语言 HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言，由W3C(World Wide Web Consortium)所制定和更新。我们可以用任何一种文本编译起来编辑HTML文件，因为它就是一总纯文本文件。 ?HTML语言的基本结构下面我们来看一小段HTML语言的代码，来了解HTML语言的基本结构： <html> <head> <title>HTML语言的基本结构 HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言。将这一小段代码粘贴至文本文件中，然后选择“另存为”，将文件的后缀名改为.htm或者.html即可，然后再所在的目录下就可看到一个IE的图标，名字就是你所存的文件名称。 …… …… 这是声明HTML文件的语法格式。每一个HTML文件，都必须以开头，以结束…… …… 这是文件头声明的语法格式。在这之内的所有文字都属于文件的文件头，并不属于文件本体。

…… …… 这是声明文件标题的语法格式。在这之中写下的所有内容，都将写在网页最上面的标题栏中。 …… …… 这是声明文件主体的语法格式。在者之间写下的内容都是文件的主体，也就是说将会被显示在客户区之中。注意：几乎每一种HTML语言的语法都是以<>开头，以结束。在编辑HTML语言过程中，也可以使用注释。语法格式为：。就好像C语言中的/* …… …… */ 一样，中间的内容只是解释说明，并不被编译器所编译。 HTML语言的基本单位 1. 长度单位长度单位可以用来定义水平线、表格边匡、图像等对象的长、宽、高等一系列属性，同时也可以用来定义这些对象在页面上的位置等属性，用来描述页面上可能遇到的各种长度。长度的表示方法有两种：绝对长度和相对长度。他们的单位都是像素(pixel)和百分比(%)，像素代表的是屏幕上的每个点，而百分比代表的是相对于客户区的多少。下面我们就以水平线的宽度为例，说明这两种表示方法。 HTML语言的长度表示 HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言。

在文本编译器中编译，改变网页的大小，就会看到这两者表示长度方法的不同。

服务器远程无法访问的常见解决办法

登录失败：未授予用户在此计算机上的请求登录类型。无法访问。您可能没有权限使用网络资源。请与这台服务器的管理员联系以查明您是否有访问权限。登录失败：未授予用户在此计算机上的请求登录类型。无法访问。您可能没有权限使用网络资源。请与这台服务器的管理员联系以查明您是否有访问权限。如果出现“xxx计算机无法访问，您可能没有权限使用网络资源。请与这台服务器的管理员联系以查明您是否有访问权限”的报错，这可能是计算机的安全设置被改动过了，导致目标计算机无法被访问。可以采取以下步骤解决： 1. 取消简单文件共享。打开“我的电脑”，在菜单上选择“工具”->“文件夹选项”->“查看”，清除“使用简单文件共享（推荐）”的选择。 2. 启用guest账户。右键点击“我的电脑”，选择“管理”，选择“本地用户和组”->“用户”，右键点击Guest用户，选“属性”，清除“帐户已停用”的选择。 3. 在组策略中设置，安全策略。开始--运行--gpedit.msc--计算机配置--windows设置--安全设置--本地策略--“用户权力指派”，双击右边的“从网络访问此计算机”，保证其中有Everyone，双击左边的“拒绝从网络访问此计算机”，保证其是空的。 4. 选择左边的“本地策略”->“安全选项”， a.确认右边的“网络访问：本地帐户的共享与安全模式”为“经典”； b.确认右边的“Microsoft网络客户：为通讯启用数字签名（总是）”为“已停用”； c.确认右边的“Microsoft网络客户：为通讯启用数字签名（如果服务器允许）”为“已启用”； d.确认右边的“Microsoft网络服务器：为通讯启用数字签名（总是）”为“已停用”； e.确认右边的“Microsoft网络服务器：为通讯启用数字签名（如果服务器允许）”为“已启用”。 5．正确配置网络防火墙 1>很多机器安装了网络防火墙，它的设置不当，同样导致用户无法访问本机的共享资源，这时就要开放本机共享资源所需的NetBIOS端口。笔者以天网防火墙为例，在“自定义IP规则”窗口中选中“允许局域网的机器使用我的共享资源”规则，最后点击“保存”按钮，这样就开放了NetBIOS端口。 2>关闭windows自带防火墙。 6．合理设置用户访问权限网络中很多机器使用NTFS文件系统，它的ACL功能（访问控制列表）可以对用户的访问权限进行控制，用户要访问这些机器的共享资源，必须赋予相应的权限才行。如使用Guest账号访问该机器的CPCW共享文件夹，右键点击该共享目录，选择“属性”，切换到“安全”标签页，然后将Guest账号添加到用户列表中，接着指定Guest的访问权限，至少要赋予“读取”和“列出文件夹目录”权限。如果想让多个用户账号能访问该共享目录，只需要添加Eeryone账号，然后赋予“读取”和“列出文件夹?.. 7、网络协议配置问题， A、网络协议的安装和设置 1.在WinXP中安装NetBEUI协议对的，你没有看错，就是要在WinXP中安装NetBEUI协议。微软在WinXP中只支持TCP/IP协议和NWLink IPX/SPX/NetBIOS兼容协议，正式宣布不再支持NetBEUI协议。但是在建立小型局域网的实际使用中，使用微软支持的两种协议并不尽如人意。比如，在解决网上邻居慢问题的过程中，笔者采用了诸多方法后网上邻居的速度虽然好一点，但还是慢如蜗牛；另外，在设置多块网卡的协议、客户和服务绑定时，这两种协议还存在BUG，多块网卡必须同时绑定所有的协议（除NWLink NetBIOS）、客户和服务，即使你取消某些绑定重启后系统又会自动加上，这显然不能很好地满足网络建设中的实际需要。而当笔者在WinXP中安装好NetBEUI协议后，以上两个问题都得到圆满的解决。

HTML网页制作基础题试题与答案

HTML网页制作基础题一、选择 1. 在一个框架的属性面板中，不能设置下面哪一项。（ D ）A．源文件B ．边框颜色C．边框宽度D．滚动条 2. 下列哪一项表示的不是按钮。（ C ） A．type="submit" B．type="reset" C．type="image" D ．type="button" 3. 下面哪一个属性不是文本的标签属性？（ A ） A．nbsp; B ．align C ．color D．face 4. 下面哪一项的电子邮件链接是正确的？（ B ） A．https://www.doczj.com/doc/906822803.html, B ．xxx@.net C．xxx@com D ．xxx@https://www.doczj.com/doc/906822803.html, 5. 当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载。（ C ）A．ASP B．HTML C．ZIP D．CGI 6. 关于表格的描述正确的一项是。（ D ）A．在单元格内不能继续插入整个表格 B ．可以同时选定不相邻的单元格C．粘贴表格时，不粘贴表格的内容 D ．在网页中，水平方向可以并排多个独立的表格 7. 如果一个表格包括有 1 行4 列，表格的总宽度为“ 699”，间距为“ 5”，填充为“ 0”，边框为“ 3”，每列的宽度相同，那么应将单元格定制为多少像素宽。（ D ） A．126 B．136 C．147 D．167 8. 关于文本对齐，源代码设置不正确的一项是：（A．居中对齐：

B．居右对齐：

C．居左对齐：

D．两端对齐：

9. 下面哪一项是换行符标签？（C） A． B ． C ．
D． 10. 下列哪一项是在新窗口中打开网页文档。（B ）A．_self B ．_blank C．_top D．_parent 11. 下面对JPEG格式描述不正确的一项是。（ C ） A．照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B．JPEG支持很高的压缩率，因此其图像的下载速度非常快C．最高只能以256 色显示的用户可能无法观看JPEG图像 D．采用JPEG格式对图片进行压缩后，还能再打开图片，然后对它重新整饰、编辑、压缩

Web服务器的建立及访问方法--4

重庆工商大学应用技术学院计算机网络课程实验报告课程名称：计算机网络实验名称：W e b服务器的建立及访问方法学院：应用技术学院实验日期：2012年11月8日班级： ____ 姓名：_ ____ 学号：实验四 Web服务器的建立及访问方法一、实验目的掌握Dhcp服务器的配置及使用方法二、实验环境一台安装了windows 2000 server的联网计算机，单独操作。三、实验内容 1、dhcp服务器的配置方法； 2、dhcp服务器的使用方法。四、相关知识在一个使用TCP/IP协议的网络中，每台计算机都必须至少有一个IP地址，才能与其他计算机相连通，在早期的网络管理中，为网络客户机分配IP地址是网络管理员一项复杂的工作，每个客户机必须拥有一个独立的IP地址，以免出现重复的IP地址而引起网络冲突。为了统一汇划和管理网络中的IP，DHCP协议应运而生了，DHCP 是Dynamic Host Configuration Protocol(动态主机配置协议），在使用TCP/IP协议的网通信协议中来暂时指定某一台计算机IP地址的通信协议，这种网络服务有利于对校园网络中客户机IP进行有效管理而不需要为客户机逐个手动指定IP地址。 DHCP协议工作过程如下：DHCP客户端需要一个IP地址时，就向DHCP服务器通过广播方式发送一个发现报文（DHCP DISCOVER）,即该报文中的目的IP地址为255.255.255.255，发送广播报文时还不知道DHCP服务器在什么地方，因此要首先发现DHCP服务器的IP地址，由于DHCP客户机还没有自己的IP，所以数据包中的源IP地址设为0.0.0.0，这样本机网络所以主机都能找到这个广播电文，但只有DHCP服务器才能进行应答。

用Windows 2000 SERVER 实现网外(Internet)访问代理服务器内部的方法

由于公网IP地址有限，不少ISP都采用多个内网用户通过代理和网关路由共用一个公网IP上INTERNET的方法，这样就限制了这些用户在自己计算机上架设个人网站，要实现在这些用户端架设网站，最关键的一点是，怎样把多用户的内网IP和一个他们唯一共享上网的IP进行映射！就象在局域网或网吧内一样，虽然你可以架设多台服务器和网站，但是对外网来说，你还是只有一个外部的IP地址，怎么样把外网的IP映射成相应的内网IP地址，这应该是内网的那台代理服务器或网关路由器该做的事，对我们用私有IP地址的用户也就是说这是我们的接入ISP服务商（中国电信、联通、网通、铁通等）应该提供的服务，因为这种技术的实现对他们来说是举手之劳，而对我们来说是比较困难的，首先得得到系统管理员的支持才能够实现。因为这一切的设置必须在代理服务器上做的。要实现这一点，可以用Windows 2000 Server 的端口映射功能，除此之外Winroute Pro 也具有这样的功能，还有各种企业级的防火墙。而对于我们这些普通用户，恐怕还是用Windows 2000 Server最为方便。先来介绍一下NAT，NAT（网络地址转换）是一种将一个IP地址域映射到另一个IP地址域技术，从而为终端主机提供透明路由。NAT包括静态网络地址转换、动态网络地址转换、网络地址及端口转换、动态网络地址及端口转换、端口映射等。NAT常用于私有地址域与公用地址域的转换以解决IP地址匮乏问题。在防火墙上实现NAT后，可以隐藏受保护网络的内部拓扑结构，在一定程度上提高网络的安全性。如果反向NAT提供动态网络地址及端口转换功能，还可以实现负载均衡等功能。端口映射功能可以让内部网络中某台机器对外部提供WWW服务，这不是将真IP地址直接转到内部提供WWW服务的主机，如果这样的话，有二个蔽端，一是内部机器不安全，因为除了WWW之外，外部网络可以通过地址转换功能访问到这台机器的所有功能；二是当有多台机器需要提供这种服务时，必须有同样多的IP地址进行转换，从而达不到节省IP 地址的目的。端口映射功能是将一台主机的假IP地址映射成一个真IP地址，当用户访问提供映射端口主机的某个端口时，服务器将请求转到内部一主机的提供这种特定服务的主机；利用端口映射功能还可以将一台真IP地址机器的多个端口映射成内部不同机器上的不同端口。端口映射功能还可以完成一些特定代理功能，比如代理POP，SMTP，TELNET等协议。理论上可以提供六万多个端口的映射，恐怕我们永远都用不完的。一、下面来介绍一下通过NAT共享上网和利用NAT来实现端口映射。 1、在Windows 2000 Server上，从管理工具中进入“路由和远程访问”（Routing and Remote Access）服务，在服务器上鼠标右击，－》“配置并启用路由和远程访问”

HTML文件的基本结构

1.1 HTML文件的基本结构 HTML的英文全称是Hyper Text Markup Language，它是网页超文本标记语言的缩写，是Internet 上用于编写网页的主要语言。HTML中每个用来作为标记的符号都可以看作是一条命令，它告诉浏览器应该如何显示文件的容。 1.1.1 HTML文件结构一个完整的HTML文件由标题、段落、表格和文本等各种嵌入的对象组成，这些对象统称为元素，HTML使用标记来分隔并描述这些元素。实际上整个HTML文件就是由元素与标记组成的。下面是一个HTML文件的基本结构。文件开始标记文件头开始的标记 ……文件头的容文件头结束的标记文件主体开始的标记 ……文件主体的容文件主体结束的标记文件结束标记从上面的代码可以看出，HTML代码分为3部分，其中各部分含义如下。 …：告诉浏览器HTML文件开始和结束的位置，其中包括和标记。HTML文档中所有的容都应该在这两个标记之间，一个HTML文档总是以开始，以结束。 …：HTML文件的头部标记，在其中可以放置页面的标题以及文件信息等容，通常将这两个标签之间的容统称为HTML的头部。 …：用来指明文档的主体区域，网页所要显示的容都放在这个标记，其结束标记指明主体区域的结束。 1.1.2 使用记事本手工编写HTML页面编写HTML文件有两种方法，一种是利用记事本编写，另一种是在可视化网页制作软件中编写，如Dreamweaver，下面分别进行讲述。 HTML是一个以文字为基础的语言，并不需要什么特殊的开发环境，可以直接在Windows自带的记事本中编写。HTML文档以.html为扩展名，将HTML源代码输入记事本并保存，可以在浏览器中打开文档以查看其效果。使用记事本手工编写HTML页面的具体操作步骤如下。（1）在Windows系统下，执行“开始”→“所有程序”→“附件”→“记事本”命令，新建一个记事本，在记事本中输入代码，如图1-1所示。（2）编写完HTML文件后，执行“文件”→“保存”命令，弹出“另存为”对话框，在对话框

一次访问Web服务器的详细通信过程

一次访问Web服务器的详细通信过程在这一讲中我们要了解一下Internet中一台计算机访问Web服务器的全部过程，从中可以窥探Internet是如何工作的，本讲中会涉及到网络（或Internet）的专业术语、概念及Internet的重要内容，在以后的讲座中我们会详细讲解。本讲主要是想让大家明网络是怎样交付数据、寻址等，即Internet的基本工作原理。一、网络环境说明图一本次网络通信试验采用Packet Tracer 5.0思科网络模拟软件。有关Packet Tracer 5.0的使用与技巧请参考我的相关博文。此次模拟环境中使用5个路由器连接两个以太网，其中192.168.2.0/24网段为服务器,192.168.2.1为DNS服务器，192.168.2.2为Web服务器，域名为https://www.doczj.com/doc/906822803.html,，192.168.2.3为TFTP服务器，192.168.1.0/24网段为Client PC，其网关为192.168.1.254。每个路由器使用RIP路由协议发现路由。二、PC0(IP地址为192.168.1.1)访问https://www.doczj.com/doc/906822803.html,的过程详解１、把域名https://www.doczj.com/doc/906822803.html,解析为IP地址，这就要使用DNS协议，向DNS服务器查询域为https://www.doczj.com/doc/906822803.html,的IP地址。 a、PC0组装成一个DNS数据包，该数据包包含了一条查询域名为https://www.doczj.com/doc/906822803.html,的IP是多少的问题，然后再把该DNS数据包加上一个UDP报头，在UDP报头的目的端口为53，源端口随机选择，把UDP 数据报交给IP层，加上目的地址即DNS服务器的IP地址：192.168.2.1，源地址为本机IP地址，IP数据包交给网络接口层(也可以理解为数据链路层)准备发给本网段网关，由网络转发出去。在网络接口层又封闭为数据帧，帧头的源MAC地址为本机网卡MAC地址，目的地址应该为网关的MAC地址，但此时PC0并

HTML语言入门教程

语言入门教程(一) 第一课基础 Html是英文 HyperText Markup Language 的缩写，中文意思是“超文本标志语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件，既简单又方便，它通常使用<标志名>来表示标志的开始和结束(例如标志对)，因此在Html文档中这样的标志对都必须是成对使用的。当我们畅游Internet时，我们透过浏览器所看到的网站，是由HTML (HyperText Markup Language) 语言所构成。HTML ( 超文件标记语言 ) 是一种建立网页文件的语言，透过标记式的指令 (Tag)，将影像、声音、图片、文字等连结显示出来。 HTML标记是由 < 和 > 所括住的指令，主要分为 : 单标记指令、双标记指令 ( 由 < 起始标记 >，< / 结束标记 >所构成 ) 。HTML网页文件可由任何文本编辑器或网页专用编辑器编辑，完成后 ( 以 .htm

.html 为文件后缀保存 ) 将HTML网页文件由浏览器打开显示，若测试没有问题则可以放到服务器 (Server) 上，对外发布信息。 HTML文件基本架构文件开始标头区开始 ... 标题区标头区结束本文区开始本文区内容本文区结束文件结束网页文件格式。标头区 : 记录文件基本资料，如作者、编写时间。标题区 : 文件标题须使用在标头区内，可以在浏览器最上面看到标题。 <BODY> 本文区 : 文件资料，即在浏览器上看到的网站内容。注意事项<h2>局域网服务器的外网访问设置</h2>局域网服务器的外网访问设置一、虚拟服务器端口映射经过简单的百度，我确定了我的想法局域网一般是通过路由器或者集线器来连接到公共网络上的所以使用的是公共出口，也就是局域网内的大家使用同一个公网IP来访问网络而公共网络真正连接的也就是路由器，所以当我们在局域网来访问外网时，外网所知的IP 就是我们的路由器的IP 如果我们需要外网访问局域网中的我们自己的电脑时，就需要在路由器上做一个映射，用虚拟服务器的方式，将我们的机器的端口映射到路由器上去，这样外网访问路由器的该端口就相当于访问我们自己的电脑的该端口了闲话少说，动真格的，具体怎么做： 1、首先应该了解你所使用的路由器及其设置就个人而言我所用过的路由器都是TP-link的，本文也以该路由器为例如果你不清楚你的路由器是什么，可以询问网关或者其他相关人员，相关的路由器设置也会与下文略有差异，但大同小异首先，登陆路由器可以使用windows+R键（或点击【开始】-【运行】输入cmd），打开命令提示符，输入ipconfig -all 查看已连接的网卡配置，找到Default Gateway或者默认网关的字样，看后边ip，类似192.168.1.1的字样，就是你的网关 (一般如果网关是192.168.1.1那网)就是TPlink了）然后打开ie输入你刚才查到的网关，如果正常会出现登陆框使用默认账号admin和默认密码admin实登陆，如果无法登陆请联系网络管理员（如果学校或者企业网络管理员一般会将该密码改换，以保证网络安全）然后，把你的电脑的ip变成固定ip 首先看看你能改的范围是多少按照本文上边介绍的方法登陆路由器，登陆后点击【左侧的DHCP服务器】（如果不是TPlink 路由器可能略有不同），并在展开的项中点击【DHCP服务】，查看右侧显示的【地址池开始地址】和【地址池结束地址】，选中其中一个靠后的IP作为你的ip（靠后的一般不会被自动分配，可以避免麻烦），例如我的路由【地址池结束地址】是192.168.1.199，那么我选择192.168.1.199或者198之类的作为自己的ip，这样我们确定了需要使用的局域网ip，然后我们在得到我们的【子网掩码】，【网关】，和【DNS】打开命令提示符，输入ipconfig -all查看已连接的网卡配置(不会？好好看看本文上边内容)，找到Subnet Mask（或者子网掩码）字样，看右边的地址，得到我们的【子网掩码】，找到Default Gateway（或者默认网关）字样，看右边的地址，得到我们的【子网掩码】，<h2>不同网段上网访问服务器</h2>不同网段上网访问服务器随着宽带接入的普及，很多家庭和小企业都组建了局域网来共享宽带接入。而且随着局域网规模的扩大，很多地方都涉及到2台或以上路由器的应用。当一个局域网内存在2台以上的路由器时，由于其下主机互访的需求，往往需要设置路由。由于网络规模较小且不经常变动，所以静态路由是最合适的选择。本文作为一篇初级入门类文章，会以几个简单实例讲解静态路由，并在最后讲解一点关于路由汇总（归纳）的知识。由于这类家庭和小型办公局域网所采用的一般都是中低档宽带路由器，所以这篇文章就以最简单的宽带路由器为例。（其实无论在什么档次的路由器上，除了配置方式和命令不同，其配置静态路由的原理是不会有差别的。）常见的1WAN口、4LAN口宽带路由器可以看作是一个最简单的双以太口路由器＋一个4口小交换机，其WAN口接外网，LAN口接内网以做区分。路由就是把信息从源传输到目的地的行为。形象一点来说，信息包好比是一个要去某地点的人，路由就是这个人选择路径的过程。而路由表就像一张地图，标记着各种路线，信息包就依靠路由表中的路线指引来到达目的地，路由条目就好像是路标。在大多数宽带路由器中，未配置静态路由的情况下，内部就存在一条默认路由，这条路由将LAN口下所有目的地不在自己局域网之内的信息包转发到WAN口的网关去。宽带路由器只需要进行简单的WAN口参数的配置，内网的主机就能访问外网，就是这条路由在起作用。本文将分两个部分，第一部分讲解静态路由的设置应用，第二部分讲解关于路由归纳的方法和作用。下面就以地瓜这个网络初学者遇到的几个典型应用为例，让高手大虾来说明一下什么情况需要设置静态路由，静态路由条目的组成，以及静态路由的具体作用。例一：最简单的串连式双路由器型环境这种情况多出现于中小企业在原有的路由器共享Internet的网络中，由于扩展的需要，再接入一台路由器以连接另一个新加入的网段。而家庭中也很可能出现这种情况，如用一台宽带路由器共享宽带后，又加入了一台无线路由器满足无线客户端的接入。地瓜：公司里原有一个局域网LAN 1，靠一台路由器共享Internet，现在又在其中添加了一台路由器，下挂另一个网段LAN 2的主机。经过简单设置后，发现所有主机共享Internet没有问题，但是LAN 1的主机无法与LAN 2的主机通信，而LAN 2的主机却能Ping通LAN 1下的主机。这是怎么回事？<h2>HTML语言基础练习题</h2>如对你有帮助，请购买下载打赏，谢谢！第一部分：基础词汇 1、单词 head，头body，身体block，块inline，一行内width，宽度height，高度image，图像title，标题parent，父亲blank，空白的table，表格row，行character，字符 column，列 caption，说明文字 list，列表 form，表单 type，类型 input，输入 text，文本 password，密码 value，值 select，选择 option，选项 textarea，文本域 submit，提交 button，按钮 reset，重置 action，动作 method，方法 target，目标 left，左 right，右 center，中 top，上 bottom，下 2、词语缩写术语：HTML，HyperText Markup Language，超级文本标记语言术语：URL，Uniform Resoure Locator，统一资源定位器术语：HTTP，Hyper Text Transfer Protocol，超文本传输协议术语：WWW，World Wide Web，万维网术语：IP，Internet Protocol，网络互连协议属性：src，source，源属性：href，hypertext reference，超文本引用属性：id，identification，身份证、唯一标识属性：class，类别属性：title，标题、字幕属性：style，样式标签：a，anchor，锚或超链接标签：div，division，部分区域标签：ul，unordered lists，无序列表标签：ol，ordered lists，有序列表标签：img，image，图像标签：p，paragraph，段落标签：meta，metadata，元数据、描述信息的数据第二部分：HTML基本结构（以html5为例） <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>页面标题页面元素及内容部分第三部分：看页面效果图，写出HTML代码 1、当鼠标光标移动至段落上时，要求显示字幕信息“我是段落”。

我是一级标题

这是一个段落 2、有一幅鲜花图片，名称为“flower.jpg”,假设图片与网页文件在同一个文件夹内，设置鲜花图片的高度为85px，宽度为100px，并要求实现鼠标指针停留在图片上时，显示字幕“鲜花”。

如何从外网访问局域网web服务器

假如我的路由外部ip是210.245.2（在外网可通过这个ip配置路由器）我的内部web服务器ip是192.168.0.200端口8009。我在路由上通过静态转换。把192.168.0.200的8009端口映射到210.245.77.2的9000端口上。安正常情况是不是，在外网输入http：//210.245.77.2:9000/ 就该能够访问到我的局域网内部web服务器的主页？有什么地方要注意么？我总是失败。我怀疑可能是配置有问题，或者是防火墙挡了。各种路由器的端口映射方法 linksys系列路由器的端口映射设置 linksys路由器的隐含地址是192.168.1.1 然后在IE的地址一栏输入你的路由器地址,例如192.168.1.1,点击GO IE会弹出窗口要求你输入路由器的登录名和密码 linksys的出厂隐含设置是, 登录名留空(leave it blank), 密码是admin 如下图, 1处标出了你路由器的型号 2处要求你填入登录名, 如果你没改过,就遵循LINKSYS的出厂设置,空白 3处填入你设置的路由器密码.如果你没有改过,请填linksys出厂设的admin 然后点击"OK" 如果密码正确,IE会进入Linksys的设置页面,在右上角落,会找到"Advanced"一栏,点击"Advanced" 进入"Advanced"一栏后,在左上方第二个folder,你应该可以看到"Forwarding"的Folder,点击"forwarding", 进入"Forwarding"一栏后.,做一个TCP的port(BS隐含设置是16881), 进入PORT FORW ARDING后,我们需要做两个端口映象, 1给这两个端口映象随便取两个名字 2.这里要填入BS需要的端口,第一行是TCP的端口,示范里填的是BS隐含的16881端口同理再做16882~9的映射。 3.这里填入从顶楼介绍里得到的你电脑的内网IP地址,例如如果你得到的内网IP是192.168.1.100,则仅仅需要在第4格填入100(有时电脑的内网IP会发生变动,一旦发生变动,则需要回到此处更改这个IP地址来指向你新的IP) 然后在图中打"X"的地方打上勾. 注意：防火墙设为关掉或充许16881~9 最后,点击"APPLY"保存起来. 这样,端口映象就算完成了还有一个题外话,如果你在用EMULE的时候,发现有网络DISCONNECT,而且LINKSYS路由器重启,你最好把路由器的FIRMWARE升级到最新的版本. 否则对路由器会造成伤害 LINKSYS befw11s4的firmware最新版本是1.45,建议到linksys主页下载升级 D-Link DSL-500端口映射的方法首先把你的网卡IP设置为10.1.1.X 在浏览器里敲入10.1.1.1，next Enter 出现登陆框，输入用户名及密码（在说明书上已经告诉你了用户名及密码，默认用户名：admin密码：admin 进入配置页面后，在左面的导航栏依次点击服务-->NA T，进入“网络地址转换（NA T）配置”界面，点击下拉列表框，选择“NA T Rule Entry”，点击“添加”按钮添加新条目