第七章html.pptVIP

第七章 HTML基础 WWW（World Wide Web）也称万维网，是Internet上最流行的的超文本信息服务系统，它的产生被认为是Internet发展史上的重要里程碑。 使用HTML，不仅可以将一个文件中的文字或图形链接到其他文件中去，而且可以将文字、图像、声音、视频等各种媒体信息同时集于网页之上，使网页更加丰富多彩，它功能强大，便于交互，随着环球网的发展， HTML得到了快速发展，应用更加广泛。 本章主要介绍HTML的发展、基本结构和常用的主要标记。 7.1HTML概述 HTML是由万维网使用的发布语言，它的英文全称为Hyper Text Markup Language，直译为超文本标记语言，它是全球广域网上描述网页内容和外观的标准，它是一种能被所有计算机理解的计算机语言。 7.1HTML概述 当然我们利用一些专业的网页编辑器可以做出漂亮的网页，但作为网页设计人员，懂得HTML语言的基础知识也是必须的，这样可以更好的理解网页的形成，修正编辑器的不足，在动态网页的脚本语言中可以较为熟练的使用HTML元素。 事实上，HTML是一种控制网页中资料显示的标记语言，并不能算作一种严格意义上的程序设计语言，它缺少程序语言应用的特征，它是通过浏览器的翻译，把网页呈现在用户面前。 7.1HTML概述 7.1.1HTML的发展历史（看课本自学） 前身：1969-1980 SGML 诞生：1989年 发展：20世纪90年代 1994年 HTML2.0 1995年 HTML3.0 1996年 HTML3.2 1997年 HTML4.0 7.1HTML概述 7.1.1HTML的发展历史（看课本自学） HTML对各种各样的语言提供了极大的支持，它的文本可以使用各种语言编写，并在不同的浏览器和平台上均可使用，为HTML的国际化提供了支持。 HTML的一个重要特征是超链接的使用，它改变了人们传统的翻阅式的阅读习惯，而是以非线性的方式在页面间跳动。 HTML的发展呈现两种趋势：一是页面结构和页面表现形式的分离，这是由CSS的出现而完成的；二是HTML中的脚本机制的逐渐完善，增强了网页动态交互的功能。 7.1HTML概述 7.1.2HTML文件的创建 HTML语言是一种标记语言。用HTML语言编写的网页实际上是一种文本文件，它以.htm或.html作为扩展名，我们可以使用任何文本处理软件来编写。 1.记事本 Windows附带的字处理程序，记事本是一个纯文本编辑器，可以使用它编辑简单的文档。记事本仅支持很基本的格式，且能够把记事本编辑的文档保存为.htm或.html的格式，因而记事本是创建Web页和程序语言的简单工具，而且记事本也能够正确显示所有HTML标记，因此可以快速诊断网页存在的问题。 7.1HTML概述 7.1.2HTML文件的创建 2.写字板 写字板也是Windows自带的一个文字处理程序，在写字板中不仅可以创建简单的文本文档，还可以创建带有复杂格式和图形的文档。与记事本比较，它可以创建更大的纯文本格式文档，当然也可以用来编辑HTML文档。 3.Word Word也是一种字处理程序，具有强大的Web功能，Word2003还支持可扩展标记语言（XML）文件格式，在保存文件时，可以选择保存为.htm或.html格式文件，但这种方式保存的网页的代码中可能有许多废代码，不利于我们日后的编辑。 7.1HTML概述 7.1.3在Dreamweaver中直接编辑HTML 1.编写HTML代码（演示7-1） （1）启动Dreamweaver MX 2004程序。如果是第一次启动该程序，系统会弹出“工作区设置”，让用户选择工作模式，当然也可在“编辑”菜单下的“首选参数”对话框中设置不同的工作模式，只是在下次启动该程序时生效。 （2）选中“代码编写者”单选按钮，单击“确定”按钮，然后，再单击“文件”菜单中的“创建”，则会以代码视图的方式打开一个新的HTML文件。 7.1HTML概述 7.1.3在Dreamweaver中直接编辑HTML 1.编写HTML代码（演示7-1） （3）在代码中的title与/title标记之间的内容即为新建的HTML文件的标题，也就是浏览器中显示的页面标题，将其修改为“我的网页”。 （4）在代码中的body与/body标记之间添加如下代码： Ph1欢迎学习HTML语言/h1/P PHTML是一种标记语言，它简单、易学。/P 完成代码的输入后， HTML文件就编写完成了，下面就是如何保存和查看的问题。 7.1HTML概述 7.1.3在Dreamweaver中直接编辑HTML 2.保存并预览HTML文件（演示7-2） （1）选择“文件”菜单中的“保存”