用法标志属性.ppt

第七章 网络多媒体应用设计 ;学习目标;目录;7.1 Web 站点设计基本知识;2. 什么是Homepage;３. 站点就是网页的集合;４. 站点与URL;7.2 HTML 语言 ;7.2.1 HTML 的基本知识; HTML 语言使用标签来指明文档中的 不同内容。标签是区分文本各个组成部分 的分界符，用来把HTML文档划分成不同的 逻辑部分(或结构)，如段落、标题和表格 等。 标签描述了文档的结构，它向浏览器 提供该文档的格式化信息，以传送文档的 外观特征。; 大部分HTML 标签形式如下： 　　〈标签名〉相应内容〈／标签名〉 　　 标签的名字用尖括号〈 〉括起来。 HTML 标签一般有起始标签与结束标 签两种，分别放在它起作用的文档两边。 起始标签与结束标签非常相似，只是结束 标签在“〈”号后面多了一个斜杠“／”。;２. HTML 文件;下面是一份HTML 文件的内容：;图7.1　 HTML 文件显示;3. HTML 文件结构; HTML标签：HTML和/HTML标签 置于整个文件的起始及结束处，表示文件 是属HTML 语言格式。其余标签都应该位 于该标签里面。; BODY标签：BODY和/BODY标签 标明文件的本体区段，位于表头段以下的 地方，即是指经浏览器解读后显示在窗口 本体段(Client area)的内容。 ;4. HTML 超链接; 在链接语法中，a/a定义一个超 链接，here‘s a link to another Page 是超链接对象。href指定了目标URL，URL 是文档在Web或Internet上的地址，它总 是放在引号中。这个URL可以是一个书签、 网页或者站点。 在链接语法中，不仅可以从网页链 接到网页，而且还可以在一个网页内部链 接。所以在HTML中，将链接分成两部分， 一种是标准链接，另一种是页内链接。; 超链结文字可有三种不同的显示形态 出现在文件中，这三种超链结显示形态分 别有：未链结、正在链结和已链结。 每种形态的显示颜色可分别设置， 各自的意义和设置属性如表7.2.1 所示。;7.2.2 装饰HTML 文档的界面;1. 图像和图像映射; JPEG 格式图形有相当高的压缩率 由于JPEG是矢量图，故图形文件比一般 点阵图形，如GIF要小。 一般我们看到的HTML 文件里的图 形，多数为GIF 格式，这是因为GIF 的 显示速度比较好。如果我们要选择高品 质的显示画面，则可以选择JPEG 格式 的图形。 ; 插入图象 HTML文件中，IMG 元素用来插图象。 属性SRC 的主要用途是指定图形资 源的位置，img src=“URL”。 属性ALT 是指定图形对应的文字叙 述，其值为任意一串文字,由编写HTML 文件者来设置。ALT 属性的设立主要针对 非图形界面浏览器使用者。但是，这对图 形界面浏览器也有帮助。每当这些浏览器 关闭显示图形功能后，这一串文字就派上 用场了。; 图文版面的排列 (1). 图文的基本排列方式 图文对齐排列由IMG 元素的ALIGN 属 性来设置，图与文的对齐排列原则是以文 字的基线(Baseline)为依据。其中排列的 方式有以下几种：;(2). 浮动图形 图形与文字除了有以上五种排列方式 之外，也有另外两种排列方式，分别为 ALIGN=left和ALIGN=right。 当ALIGN为right时，文字与图形分开排 列，图形漂到文件的右边界；当ALIGN变为 left时，图形告左排列，并把图形底下的文 字往外挤出去，图形像漂至左边界。;(3). 图形配置控制 宽度设置 图形配置宽度的设置是 由WIDTH属性来完成。 高度设置 图形配置高度的设置是 由HEIGHT属性来实现。 例如：要插入的图形原来的尺寸为 100×90大小。如果我们要显示出 200×180大小的图，可将WIDTH和HEIGHT 两种属性分别设置成200和180，如下所示; 图形映射 图形映射也称为可单击图形，是指在 一个图形中包含多个链接。单击图形映射 的某个部分即可进入该部分所表示的链接 目前有两种图形映射类型，分别是 服务器方和客户机方。两种图形映射的差 别在于过程(访问者的鼠标单击变成对另一 文档的链接)在哪里发生，发生在服务器方 时为服务器方图形映射，发生在访问者的 计算机上时为客户机方图形映射。; 在服务器方图形映射中，受到单击的 点坐标传输到服务器计算机中，由其确定 对这个单击所采取的动作，然后服务器再 将住处发送回客户机上，再由客户机发出 对某个文档的请求。服务器计算机计算和 确定客户机要做的工作。　　在客户机方图形映射中。图形映射的 标志及其属性见表7.3。;标志/属性;２. 列表; 定义表(DL) 定义表属