html文件学习.docxVIP

一、map.htm代码解释： 1 .htm文件是html文件的简称，即超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（外语：Head）、和“主体”部分（外语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。 2 根据定义用记事本打开map.htm文件 Head部分 Body 部分 2．1 头部分代码分析 1：meta http-equiv=Content-Type content=text/html; charset=gb2312 / Meta是html文件中的 标签提供关于页面的元信息 注意：meta 标签位于文档的头部，不包含任何内容。meta 标签的属性定义了与文档相关联的名称/值对。 Content就是可选属性值得描述。 2： style 标签用于为 HTML 文档定义样式信息。 在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。 type 属性是必需的，定义 style 元素的内容。唯一可能的值是 text/css。 style 元素位于 head 部分中。 代码中定义了body 的样式，即：body {margin: 5px;font:12px;} 还有界面中控件的属性， 即：textarea, input, select, button {font-size: 12px;margin: 0px;padding: 0px;border: #663 1px solid;} 3： script 标签用于定义客户端脚本，比如 JavaScript。 script 元素既可以包含脚本语句，也可以通过 src 属性指向外部脚本文件。 其中URL是指：统一资源定位符（Uniform Resource Locator，缩写为URL）是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。 URL对应的位置： 4： link 标签定义文档与外部资源的关系。 link 标签最常见的用途是链接样式表。 在link标签中，“rel=stylesheet”，rel是关联的意思，关联的是一个样式表(stylesheet)文档，它表示这个link在文档初始化时将被使用。 Hrf是规定被链接文档的位置。即，程序开始运行的时候会调用这个URL地址对应的文件。 2.2 Body部分代码的解释 1： 首先介绍BODY 的作用： body 元素定义文档的主体。 body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。） 2： Script ：即JavaScript ，java描述语言，定义cmap变量，并进行属性的设置 值得注意的是cmap并不是VC++中的CMAP类，而是作者自己定义的类，如图： 即： 因此，剩余的两句代码则是调用类中的相应方法，至于JavaScript中类的创建和方法的定义不再详述，只是给出关键代码的讲解，和含义的描述。 3： br 可插入一个简单的换行符。 br 标签是空标签（意味着它没有结束标签，因此这是错误的：br/br） 4： div 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 div 固有的唯一格式表现。可以通过 div 的 class 或 id 应用额外的样式。 Class是一个名称，代指而已而。style为这一部分所显示的格式 比如：宽度、对其方式。 值得一提的是，class可以在一个div中多次使用，而id只能使用一次。 5： form 标签用于为用户输入创建 HTML 表单。 表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。 表单用于向服务器传输数据。 6： input 标签用于搜集用户信息。 根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 7：功能描述 Document 是文档对象。 声明变量：Slider 为作者定义的类 slider-1 和 slider-input-1 为上次div定义的class 的id 当滑块改变时会调用方法： 这个方法表示将滑块的幅度转化为比例并以字符串的形式传递到setLever方法中 下面方法起到封装的作用，方便添加控件时事件的定义。 3 CMAP类的简单介绍 Cmap中定义了图片放大倍数对应的图片以及坐标转化的关键方法。 下面方法进行参数属性的传递，传进去的参数是每一个等级的属性 关键转化代码： 在这个函数中进行了图形坐标和界面坐标的转化，最小、最大