第3章_HTML相关技术基础知识.pptVIP

第三章 HTML相关技术基础知识 纵观各种动态页面开发技术，无论是JSP、ASP还是PHP都无法摆脱HTML的影子。这些动态的页面开发技术无非是在静态HTML页面的基础上添加了动态的可以交互的内容。HTML是所有动态页面开发技术的基础。在接下来的章节将要详细介绍的就是HTML相关的一系列技术，包括HTML、JavaScript和CSS。其中HTML是一组标签，负责网页的基本表现形式；JavaScript是在客户端浏览器运行的语言，负责在客户端与用户的互动；CSS是一个样式表，起到美化整个页面的功能。本书不是详细介绍HTML的专著，在本章也只是讲解Web开发中最常见的HTML知识，目的在于使读者能尽快进入Web开发的状态。如果读者有更深层次的需求可以参考专门讲解HTML的书籍。 3.1 HTML 基础知识 在各种Web开发技术中，HTML无疑是最为基础的。任何动态语言都离不开HTML的支持。所以在开始Web开发的学习之前，读者还是需要静下心来打好这个基础。在这个章节中将会概述HTML的框架知识。 3.1.1 什么是HTML HTML（Hyper Text Markup Language）即超文本标记语言，用来描述Web文档数据。用户可以通过URL链接来访问这种Web文档，从而达到信息展示、信息共享的目的。（具体内容请参照书。） 3.1.2 HTML运行原理 前面介绍HTML定义的时候就说过，HTML是一种标记语言，每一种HTML标签都是有一定表现含义的。浏览器就是按照HTML标签的语义规则把HTML代码翻译成漂亮的网页。 3.1.3 HTML常用标签 在本节要介绍的是常用标签的基本用法。1．<table>在HTML的布局标签中，<table>标签是使用频率最高的一个。它可以把一组信息用表格的形式表示出来， 2．DIV在以往的Web页面开发中，表格是首选的布局元素， 3．<a>在浏览一个网站的时候，我们经常会遇到一些链接，单击这些链接就会导航的其他的页面。4．<img>在目前的网站开发中，对图片的依赖是其他元素所不能替代的，一个漂亮的网页往往是由一系列图片组合而成。 3.1.4 HTML表单标签 前面讲述的都是HTML向用户展示信息的标签，在本节要介绍的内容就是HTML用来收集用户输入的标签。<form></form>是表单标签，只有在这个标签中的用户输入才会被提交给服务器。表单标签的使用方法类似下面这种格式。（具体内容请参照书。） 3.1.5 HTML其他标签 在本章只是介绍了HTML最基本最常用的几个标签，HTML还有很多其他标签，例如应用程序标签中可以加入不同动态程序代码，多媒体标签中可以加入多媒体文件，Flash标签中可以加入Flash动画，文本标签可以用各种方式组织文本内容的显示。读者如果要深入全面的研究HTML标签，可以参考这方面的参考手册。在本书中不再对这些内容进行详细的介绍。 3.2 JavaScript基础知识 JavaScript的出现给静态的HTML网页带来很大的变化。JavaScript增加了HTML网页的互动性，使以前单调的静态页面变得富有交互性，它可以在浏览器端实现一系列动态的功能，仅仅依靠浏览器就可以完成一些与用户的互动。在下面的章节中将要简单介绍这种技术的基础知识。 3.2.1 什么是JavaScript JavaScript是一种简单的脚本语言，可以在浏览器中直接运行，无需服务器端的支持。这种脚本语言可以直接嵌套在HTML代码中，它响应一系列的事件，当一个JavaScript函数响应的动作发生时，浏览器就会执行对应的JavaScript代码，从而在浏览器端实现与客户的交互。 3.2.2 JavaScript中的事件 在HTML的标签中，绝大部分都可以触发一些事件，例如鼠标单击、双击、鼠标经过、鼠标离开等一系。JavaScript最主要的功能就是与用户的交互，而用户只能在表单中提交输入内容，所以表单的所有输入标签都可以出发鼠标事件、键盘事件等JavaScript所能响应的常见事件。（具体内容请参照书。） 3.2.3 JavaScript中的对象简介 JavaScript所实现的动态功能，基本上都是对HTML文档或者是HTML文档运行的环境进行的操作。那么要实现这些动态功能就必需找到相应的对象。JavaScript中有已经定义过的对象供开发者调用， 3.2.4 window对象简介 window对象是所有JavaScript对象中最顶层的对象，整个HTML文档就是在一个浏览器的一个窗口，即window对象中显示。（具体内容请参照书。） 3.2.5 document对象简介 document对象是在具体的开发过程中用的最频繁的对象，利用document对象可以访问页面上任何的元素