第三章 WEB 基本页面.ppt

第三章 WEB 基本页面 使用WSAD生成静态页面 什么是HTML HTML 英语意思是：Hypertext Marked Language，即超文本标记语言。 是一种用来制作超文本文档的简单标记语言。用HTML 编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS 等）。 自1990 年以来HTML 就一直被用作World Wide Web 的信息表示语言，用于描述Homepage 的格式设计和它与WWW 上其它Homepage 的连结信息。 使用HTML 语言描述的文件，需要通过WWW 浏览器显示出效果。 称之为超文本，是因为它可以加入图片、声音、动画、影视等内容，还可以从一个文件跳 转到另一个文件，与世界各地主机的文件连接。 HTML的基本结构 HTML和XHTML文档包含定义文档内容的文本和定义文档结构及外观的标记。 HTML文档的结构很简单，包括最外层的HTML标记，HTML文档里面一般分为两部分：文档首部（HEAD）和文档主体（BODY）。 文档首部是框在HEAD??/HEAD中的部分 文档首部是放置文档标题的地方，同时你也可以在这个地方告诉浏览器其他可能会用于显示文档的参数 文档主体则是位于BODY??/BODY之间的部分 主体是放置文档实际内容的地方，包括要显示的文本和文档的控制标记(标记) 这些标记告诉浏览器如何显示那些文本。标记还可能引用到指定效果的文件，包括图形和声音，并指出文档链接到其他文档的热点（超级链接和锚）。 HTML元素 功能：界定一个完整的HTML文档 属性：DIR、 LANG、 VERSION 结束标记：/HTML （在HTML 中可能省略） 包含：head_tag, body_tag, frames DIR属性 DIR 属性指定了浏览器以什么方向（从左到右、从右到左等）来显示其中的元素。 当它应用于HTML标记时，即决定了整个文档以什么方式显示。 这个属性的缺省值是ltr,意味着文本将以从左到右的方式来显示给用户； 用其他的方式，如rtl，可显示文本从右到左的语言，如古中文和希伯来文。 当然显示的效果还要看文档的内容和浏览器对HTML4.0 的支持程度 LANG 属性 如果包含在HTML标记里，LANG 属性决定了整个文档使用的语言。如果使用在其他的标记中，这个属性将指出那个标记的内容所使用的语言。 理想情况下，浏览器会使用LANG 属性将文档更好地显示给用户。 把LANG 属性设置成一个ISO-639 标准的双字节语言代码。可以把一个短线和子代码名称加在ISO语言代码后面来指定这个标准中的一种方言。 例如：“en”在ISO 语言代码中代表英语， “en-US”则是完整的美国英语的代码。 其他常用的语言代码 “de” 德语 “it” 意大利语 “nl” 荷兰语 “el” 希腊语 “es” 西班牙语 “pt” 葡萄牙语 “ar” 阿拉伯语 “he” 希伯来语 “ru” 俄语 “zh” 汉语 “ja” 日语 “hi” 印度语 “fr” 法语 VERSION 属性 VERSION 属性定义了用于创作文档的HTML 标准的版本。 对于HTML4.01来说，它的确切值应该如下： VERSION=-//W3C//DTD HTML 4.01//EN 一般来讲，HTML标记所带的版本信息带来的麻烦比好处还多，这个属性在HTML4已经被抛弃了。 严谨的作者应使用SGML 的!DOCTYPE标记来代替它，并把这个标记放在档的最开始： !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN HTTP://WWW.W3C.ORG/TR.HTML4/STRICT.DTD 每一个HTML 文档都应当遵守HTML SGML DTD，即定义HTML 标准的正式的文档类型义（Document Type Definition ，DTD）。 HEAD标记 功能：定义文档首部 属性：DIR、 LANG、 PROFILE 结束标记：/HEAD （在HTML 中很少省略） 包含：head_content 使用范围：html_tag 文档的首部描述了文档 HEAD标记 HEAD标记用来封装其文档首部的。 HEAD标记中可以包含其他一些用来定义和管理文档内容的标记，包括：BASE、ISINDEX、LINK、META、NEXTID、OBJECT、SCRIPT、STYLE、TITLE，出现的次序可以任意。 它位于文档的前面，紧跟着HTML标记，并处于BODY标记或者FRAMESET标记之前。 不论是HEAD还是/HEAD,都可以清楚的被浏览器推断出来，于是可以在文档中安全的省略它们。然而我们却建议把它们包含在文档中， 这样更有利于文档的可读性，并且支持文档