项目二 网页设计语言精要.ppt

网页设计与制作 主编 范建华 西北工业大学出版社; ; ;任务1 掌握HTML与XHTML; 所谓超文本，是因为它可以加入图片、声音、动画、影视等内容。事实上每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，它只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。HTML的普遍应用就是带来了超文本的技术——通过单击鼠标，从一个主题跳转到另一个主题，从一个页面跳转到另一个页面与世界各地主机的文件链接，直接获取相关的主题。; 通过HTML可以表现出丰富多彩的设计风格： 图片调用：IMG SRC=“文件名” 文字格式： FONT SIZE=“+5” COLOR=“#00FFFF”文字/FONT 通过HTML可以实现页面之间的跳转： 页面跳转：〈A HREF=“文件路径/文件名”/A 通过HTML可以展现多媒体的效果： 声频：EMBED SRC=“音乐地址” AUTOSTART=true 视频：EMBED SRC=“视频地址” AUTOSTART=true; 从上面可以看到HTML超文本文件时需要用到的一些标签。在HTML中每个用来作标签的符号都是一条命令，它告诉浏览器如何显示文本。这些标签均由“”和“”符号以及一个字符串组成。而浏览器的功能是对这些标记进行解释，显示出文字、图像、动画、播放声音。这些标签符号用“标签名字属性”来表示。 HTML只是一个纯文本文件。创建一个HTML文档，只需要两个工具，一个是HTML编辑器，一个WEB浏览器。HTML编辑器是用于生成和保存THML文档的应用程序。WEB浏览器是用来打开WEB网页文件，提供给我们查看WEB资源的客户端程序。; （二）XHTML XHTML是The Extensible Hyper Text Markup Language（可扩展超文本标识语言）的缩写。HTML是一种基本的Web网页设计语言，XHTML是一个基于XML的标识语言，与HTML有一些小的但十分重要的区别，XHTML就是一个扮演着类似HTML的角色的XML。所以从本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。; 二、HTML与XHTML基础知识 HTML与XHTML都是建立网页文件的语言，透过标记式的指令，将影像、声音、图像、文字等连接显示出来。文本都是由命令组成的描述性文本，命令可以说明文本、图形、动画、声音、表格、链接等。无论是HTML还是XHTML，结构都包括头部（Head）和主体（Body）两大部分。其中头部描述浏览器所需的信息，主体包含所要说明的具体内容。 （一）HTML结构标识 一个HTML文档由一系列的元素和标签组成。元素名不区分大小写。HTML用标签来规定元素的属性和它在文件中的位置。 HTML超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。;下面是一个最基本的html文档的代码。 html//开始标签 head title一个简单的HTML示例/title//头部标签 /head body center h1 欢迎光临我的主页;/h1 br hr//文件主体 font size= 7 color= red 这是我第一次做主页 /font /center /body /html//结尾标签 运行结果如图2-1所示。;图2-1 HTML示例运行结果; HTML/HTML在文档的最外层，文档中的所有文本和html标签都包含在其中，它表示该文档是以超文本标识语言（HTML）编写的。事实上，现在常用的Web浏览器都可以自动识别HTML文档，并不要求有html标签，也不对该标签进行任何操作，但是为了使HTML文档能够适应不断变化的Web浏览器，还是应该养成不省略这对标签的良好习惯。 HEAD/HEAD是HTML文档的头部标签。在浏览器窗口中，头部信息是不被显示在正文中的，在此标签中可以插入其他标记，用以说明文件的标题和整个文件的一些公共属性。 head元素出现在文档的开头部分。head与/head之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。; title元素定义HTML文档的