《第2章 标记语言与网页制作(1).doc》由会员分享，可在线阅读，更多相关《第2章 标记语言与网页制作(1).doc（90页珍藏版）》请在金锄头文库上搜索。
1、第二章 标记语言与网页制作（1）互联网中，网页是用户与Web交互的主要界面。用户通过网页进行信息浏览和实现与Web应用的交互。本质上，网页是存储在Web服务器上的一个个符合标记语言规范的html、jsp、asp、php等各种类型的文档在浏览器中的显示。标记语言是Web应用的基础。在Web应用中，所有的Web页面都是以标记语言书写的具有特定格式的文档。因此，无论是Web应用还是开发，都应该对标记语言由一个基本的认识。本章主要内容：n标记语言及其发展n超文本标记语言HTMLn网页设计基础n使用Front Page21 标记语言及其发展n标记语言的概念 l广义上，标记语言可以理解为对文档内容进行描述
2、的规范或标准。u如在出版印刷行业，编辑人员在进行文档内容编辑时，对内容所做的标记。通过这些标记符号来表达对内容的排版信息。本节主要内容：n标准通用标记语言SGMLn超文本标记语言HTMLn可扩展HTML规范XHTMLn可扩展标记语言XMLnDHTML和SHTML技术211 标准通用标记语言SGMLn标准通用标记语言SGMLlSGML（Standard Generalized Markup Language，SGML）是一个用来定义在电子表格中如何对文件的结构和内容进行描述的国际标准（ISO-8879）。1969年，IBM设计l意义uSGML定义了标记语言的基本概念，奠定了标记语言的技术基础。l
3、SGML设计的非常复杂，SGML的正式规范达500多页。u现在，在Web中普遍应用的HTML和XML都是在SGML的基础上开发的。可以说，HTML和XML都是SGML的一个子集。作为互联网信息共享的技术规范，标记语言对互联网的发展起到了巨大的推动作用。212 超文本标记语言HTMLnHTML的诞生l由世界上最大的粒子物理研究实验室欧洲核子研究中心CERN（the European Organization for Nuclear Research）于1991年首先提出。l超文本标记语言HTML起源于通用标准标记语言SGML。nHTML规范lHTML文件包含文档数据和标记两部分：u文档数据（显示
4、内容）是显示在Web浏览器中的数据内容。l标记：规定显示内容在浏览器中如何显示。u即显示样式则以“标记”形式出现，规定了这些内容在浏览器中以何种格式、样子呈现给用户。通过使用统一支持HTML的浏览软件，你可以在任意的异构网络环境中阅读同一个文件，而显示结果相同。并可以对文件进行跳越式阅读。nHTML主要版本和发布时间lHTML 2.0：Internet工程任务组中的HTML工作组开发完成了HTML2.0，于1996年发布。lHTML3.2：W3C于1997年1月14日将其列为推荐版本，在HTML2.0标准中添加了诸如：字体、表格、Java程序、浮动、上标、下标等特征。W3C：中文意思是W3C理
5、事会或万维网联盟，1994年10月在麻省理工学院计算机科学实验室成立。创建者是万维网的发明者Tim Berners leelHTML4.0，W3C于1997年12月18日将其列为推荐版本，第二个稍作修正的HTML 4.0 版本与1998年12月24日发布。uHTML4.0中最重要特征是引入了样式表CSS技术。lHTML4.01：W3C于1999年12月24日将其列为推荐版本，是HTML4.0升级版本，它对原版本做出了部分修正。213 可扩展HTML规范XHTMLnHTML的缺陷lHTML的标记固定。HTML只是一种表现技术，不能表达语义。l由于HTML代码不规范、臃肿，浏览器需要足够庞大和智能
6、，才能够正确显示HTML。l不能适应现在越来越多的网络设备和应用的需要，比如手机、PDA（掌上电脑）、信息家电都不能直接显示HTML。l数据与表现混杂，页面要改变显示，就必须重新制作HTML。nW3C不再继续开发HTMLn可扩展HTMLlW3C制定，2000年1月20日发布XHTML1.0。lHTML向XML过渡的一个桥梁。l2002年8月5日，发布XHTML2.0的第一个工作草案。XHTML研发过程中，不确定因素很多。作为HTML向XML的一种过渡技术，唯一确定的就是它要更好地表达文档中的语义和结构，将文档内容和表现技术能更好地分离。更好地实现互联网中数据交换和展示。214 可扩展标记语言X
7、MLn可扩展标记语言XMLlXML（eXtensible Markup Language），1998年2月10日，XML工作组正式向W3C提交了XML的最终推荐标准，这就是XML1.0标准。l核心思想u实现数据和显示的分离。从而，XML规范定义了标记语言的主要特征。nXML的构成lDTD、XML架构等基本要素。u在XML中，成功地实现了数据和显示的分离。数据通过XML文档描述外，文档的结构可通过DTD文档描述。架构：一个系统草图。架构描述的对象是直接构成系统的抽象组件，各组件之间的连接则明确、相对细致地描述组件之间的通信。l元规范。XML是一种元标记语言，用来定义标记语言的标记语言。n相应规范
8、l可扩展样式语言XSLlXML路径语言XPathlXML查询语言Xqueryl可扩展连接语言XLL l简单应用程序接口SAX等215 DHTML和SHTML技术在Web中，除标记语言HTML、XML外，还有其它一些技术，它们有与HTML类似的名字。如DHTML、DSHTML等。但它们并不是W3C的标记语言规范。而只是一些与Web开发的技术或者说开发模式。nDHTML技术l与Web开发相关的技术或者说开发模式，不是规范。l涉及的内容uHTML4.0规范u客户端脚本语言CSSL（Clent-Side Scripting Language）u文档对象模型DOM（Document Object Mod
9、el），它将网页中的内容抽象成对象，每个对象拥有各自的属性(Properties)、方法(Method)和事件(Events)，可以通过上面的客户端脚本语言编程控制。u层叠样式表单CSS技术。nSHTML技术lSHTML不是一种HTML规范，而是一种网站设计、开发与维护技术。l是一种Web服务器API，其指令可以在Web服务端运行，以产生动态的html，是一种类似于ASP的基于服务器的网页制作技术。9022 超文本标记语言HTML超文本标记语言HTML是在SGML基础上发展起来的，是互联网中应用最广泛的标记语言。被称为Web的通用出版语言。互联网中，绝大多数的网页是用HTML书写的。所有的We
10、b浏览器都支持HTML规范。即使是XML文档，也通常需要通过XSLT转化为HTML格式进行显示。本节主要内容：nHTML标记语法和文档结构n文件头标记及子标记n文件体标记及其属性n文档内容常用标记n表格（table）n表单（form）n层次块标记n对象和脚本程序标记n层叠样式表CSS技术n帧（frame）221 HTML标记语言和文档结构HTML文档是纯文本文件。由“显示内容”和“控制语句”两部分组成。控制语句描述了显示内容以何种形式在浏览器中显示，并负责客户与服务器之间的信息交换。控制语句以“标记（Tag）”形式出现，以区分于显示内容。1标记语法nHTML标记语法l标记（Tag）u标记由封装
11、在小于号（）构成的一对尖括号之中。l标记的两种类型u单标记u双标记单标记：只需单独使用，就能完整地表达意思的一类标记。这类标记的语法是：u一般形式：常用的单标记有换行标记。水平线标记等。双标记：由首标记和尾标记两部分构成，必须成对使用。首标记用于开启某种形式的显示，尾标记用于关闭首标记开启的功能。这类标记的语法是：u一般形式：文档内容例如：text with underline首标记开启下划线功能，尾标记关闭下划线功能。该语句在浏览器中将把文本串“text with underline”加上下划线显示。再如：link text标记一个文本超链接。l标记属性许多单标记或双标记的首标记内，可以包含
12、一些属性。其语法是：u各属性之间无先后次序，属性之间用空格分开。属性也可省略（即取默认值），属性值两侧的双引号（”）可以省略。例如：单标记表示在文档当前位置画一条水平线，一般是从窗口当前行的最左端一直画到最右端。另外，标记还有size、aligh、width等属性。u例如：其中，size属性定义线的粗细，缺省为1。align属性定义表示对齐方式：可取left（左对齐，缺省值）、center（居中）和right（右对齐）。Width定义线的长度，可取相对值（整个窗口的百分比），也可以取绝对数值（屏幕像素点的个数，如width=”400”），缺省值是”100%”。2文档结构nHTML文档结构HTM
13、L文档总是以标记开始，以标记结束。中间部分内容是HTML文档。HTML文档总体结构如下：头部信息文档主体（语句部分）其中：之间部分是文件头，由一系列子标记构成。如定义文档标题的标记等，若不需要头部信息可省略。之间部分是文件体。表示正文的开始，一般不能省略。综上可知：HTML文档是由文件头和文件体两部分组成的。222 文件头标记及子标记n文件头l标记对之间的部分称为文件头n子标记l标记l标记l标记l标记l背景音乐标记1标记n标记l用于标识网页主题，其中的内容将在浏览器的标题栏中显示，不出现在页面内。n举例l计算机基础网络教学平台GSL3.0计算机基础网络教学平台GSL3.02标记n标记l用来显示相关主页的信息，为单标记。n标记属性lhttp-equiv属性lname属性两个属性有不同的参数，以实现不同的网页功能。nhttp-equiv属性lhttp-equiv相当于HTTP的文件头，向浏览器传回有用信息，以帮助其正确显示网页内容。一般形式：l超文本传输协议(HTTP，HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的Web文件都
