DOM文档对象模型课件.ppt

DHTML及客户端脚本 教师：黄强 E_mail：hqgz@ Tel 概述 开发网站不是仅仅去设计、制作网页，如果只是制作网页的话，我们完全可以使用所见即所得的网页制作软件，如：FrontPage、Dreamweaver等，而不用掌握超文本标识语言、脚本语言之类的编程工具。虽说FrontPage、Dreamweaver等均有网站开发功能，但与语言相比其灵活性就差多了，另外它们生成的程序源代码要复杂、冗长的多。超文本标识语言、脚本语言是网页的基础，是网站生长的“土壤”，加上层叠样式表以及可扩展标识语言等，可以使我们开发出的网站形式更丰富、内容更精彩。 初识超文本标识HTML 超文本标识语言(Hyper Text Markup Language，HTML)结构简单，语法较松散，易学易用。它是一种文字处理语言，而不是“程序”语言。HTML的标识嵌于文本格式的文档中，用来控制文字、图片等在浏览器中的表现，以及如何建立文件之间的链接。程序与之最大的不同，就是可用来控制操作系统或应用程序执行、并完成某项作业。使用超文本标识语言“处理”过的文档应该满足，不管在任何操作系统，任何浏览器上读起来或看上去都是一样的。 超文本标识语言最初用于发布信息，并没有在网络上使用。但它那极容易使用的显著特点和随着网络带宽的逐渐增加，人们便将其作为网络上发布信息的首选语言。 例 用超文本标识语言书写一段实用程序(L4-1.htm)。 HTML HEADTITLE超文本标识语言源程序/TITLE/HEAD BODY H2物理学家霍金名言/H2 OLLI我的手指还能活动，我的大脑还能思维； LI我有终生追求的理想，有我爱和爱我的亲人和朋友； LI对了，我还有一颗感恩的心…… /OL MARQUEE bgcolor=#87CEFA width=80%⒈我的手指还能活动，我的大脑还能思维；/MARQUEE MARQUEE bgcolor=#ADFF2F behavior=alternate⒉我有终生追求的理想，有我爱和爱我的亲人和朋友；/MARQUEE MARQUEE bgcolor=#FFB6C1 scrollamount=1⒊对了，我还有一颗感恩的心……/MARQUEE /BODY /HTML 运行结果： 一般将HTML语言的文件分为三个部分，它们是： l 序(Prologue) l头部(Head) l文件主体(Body) HTML语言文件的主要部分是头部和文件主体。除了头标识和主体标识外，就是附加标识——序(HTML的版本声明)，这种标识放在HTML文档的第一行，而一般的文档中也许没有。序是用来告知浏览器所遵循的HTML版本。 HTML语言的基本结构如下： !DOCTYPE HTML PUBLIC-//W3C//DTD HTML 4.01//EN !序 HTML ! HTML文档起始标识 HEAD ! HTML的头信息部分 　 TITLE ! HTML的标题部分 　 HTML的基本结构样板 　 /TITLE ! 标题结束标识 /HEAD ! 头信息结束标识 BODY ! 这里是HTML的正文部分 　HTML文档的基本结构样板，HTML的正文应从这里开始。 　 /BODY ! 正文部分结束标识 /HTML ! HTML文档结束标识 说明： ⑴HEAD标识内的信息一般不在浏览器的主窗口中显示。 ⑵需要表示的内容和描述内容的标识格式等，一般放在BODY标识内。 ⑶注释有两种方法： ①! 注释内容 ，“注释内容”中不可出现右尖括号，一般用于标识里的内容 ②!-- 注释内容 --，“注释内容”中可以出现包括尖括号在内的任何括号，一般用于注释大段的内容。注意，本注释仅用于注释超文本标识语言。 ⑷可以使用所有编辑纯文本文件的软件，或带有HTML编辑器的软件来编辑HTML，扩展名必须写为.html或.htm。如：记事本、写字板、Word、FrontPage、Hotdog、Dreamweaver等。 ⑸“基本结构样板”在浏览器中显示如图4.2。 基本语法 超文本标识语言HTML是标识的集合，是标准通用标识语言SGML的一个子集