第六章 HTM 技术.pptVIP

第6章 HTML 技术 第6章 HTML 技术 6.1 概述 6.2 提出问题 6.3 HTML的语法基础 6.4 HTML的制表 6.5 表单 6.6 框架和超级链接 6.7 字符控制 6.8 多媒体 6.9 XHTML简介 6.1 概述 HTML是英文HyperText Markup Language的缩写，中文含义是超文本标记语言。 1990年，Tim Berners-Lee和欧洲核子物理实验室 European Laboratory for Particle Physics, CERN 的研究人员一起得到了一个从Internet服务器上取回并显示文档的有效的办法，这些文档采用超文本规则，这就是最初的HTML。 1993年，Marc Andresson领导的美国国家计算机应用中心 National Center for Supercomputing Applications, NCSA 的一个开发小组开发出真正的WWW的Web浏览器，名为Mosaic。 Marc Andresson 后来建立了Netscape公司， 6.1 概述 Netscape公司对Mosaic又进行了改进。Mosaic 被商业化后，成为Microsoft公司的Internet Explorer 的前身。今天的Internet Explorer就是在Mosaic的基础上开发出来的。 1995年11月，Internet Engineering Task Force在整理以前的Web应用的基础上，开发了HTML 2.0规范。后来相继出现了HTML+和HTML3.0。 1996年，World Wide Web Consortium W3C 的HTML工作组开始组织编撰了新的规范，1997年HTML3.2问世。在HTML3.2问世以前，在不同浏览器的上看到的同一HTML文档，可能会有不同的表现形式，这个问题在HTML3.2中得到了解决。 6.1 概述 1997年HTML3.2问世。在HTML3.2问世以前，在不同浏览器的上看到的同一HTML文档，可能会有不同的表现形式，这个问题在HTML3.2中得到了解决。 1999年，HTML 4.0将原来的HTML语言扩展到了一些新领域，如样式表单、脚本语言、帧结构、内嵌对象、动态文字等。 本章以HTML 4.0为基础进行讨论。 6.2 提出问题 6.典型的商业网站 新浪网是一个以信息发布为主的商业网站，其内容十分丰富，几乎囊括了政治、经济、生活、学习的方方面面。经常上网的读者对这样的页面是十分熟悉的，图6.1是新浪网的首页。 6.2 提出问题 这个版面显示的信息多，内容庞大，但不凌乱。读者对新浪网首页的分析，能得出什么样的结论？ 2.一个教学课件 为了方便网页设计课程的教学，笔者曾经用HTML编写了一个网页教学的课件。在图6.2是这个课件的首页。整个系统把浏览器的显示窗口分为标题栏、菜单栏、主页和代码显示四个区域。 6.2 提出问题 3.问题的提出 通过这三个网页，读者会有什么样的感性认识？从中会有什么样的启示？通过这三个网页，至少可以提出如下的问题： ① 一个网页应该怎样规划和布局，才能结合网页的主题，有效地利用其有限的空间显示尽可能多的信息？新浪网的首页是如何规划的？图6.2的课件又是如何规划的？ ② 一个网页应该包含哪些基本要素，应该如何设计？ ③ 页面的字体、颜色、背景怎样搭配才能使人赏心悦目？ ④ 菜单怎样设计的，如何才能实现菜单功能？ ⑤ 图形、动画、声音如何在网页中实现？ 我们本章的内容将结合上述问题展开HTML4.0技术的讨论。 6.3 HTML的语法基础6.3.1 HTML的语法基础 6.元素 HTML语言中，所有命令都由元素表示。元素由符号“ ”和“ ”包含的元素名而构成，这些元素名不能随意更改，全部由HTML 4.0规范规定，如 、 、 等等。在编写网页程序时必须使用这些元素。 有的元素必须要与结束标记配对。在符号“ ”和“ ”之间的关键词前加上“/”，就构成了结束标记。如 、 、 。 有的元素可以独立实现其功能。这时不需要结束元素。如 、 、 。这些元素称为空元素。 6.3.1 HTML的语法基础 在HTML 语言中，所有的显示内容都由元素引出，元素的格式如下： 显示内容 2.属性 大多数元素拥有隶属于自己的若干个属性。每个元素的属性只在元素内发生作用。每个属性使元素在某个方面起作用。如 body bgcolor ”#f0f0f0” 中，元素 的属性bgcolor的作用是设置网页显示区的背景颜色。bgcolor后边的等号是给该属性赋值，等号后的双引号“”中的内容是颜色值。 6.3.1 HTML的语法基础 3.注释 在HTML中注释可以被系统识别，但不被翻译成网页元素显示在网页上。注