三HTML语言.docVIP

第3章 HTML语言 HTML是超文本标记语言（Hypertext Markup Language）HTML是在定义下的一个描述性语言SGML的一个子集。HTML不是一种像C#、Java之类的程序语言，而是一种描述文档结构的标记语言，它是一种应用非常广泛的网页格式，也是最早被用来显示Web页的语言之一。它与操作系统平台的选择无关，只要有浏览器就可以运行HTML文档，显示网页内容。 HTML文档类似于.txt文本文件，不同的是，文档里还包含一种被称为标记的符号，这些符号用来定义所标记内容在浏览器里呈现的格式。 3.1.1 HTML显示原理 首先上网浏览一下搜狐网站的首页面。在浏览器的地址栏里输入网址，按回车键后，就可以看到搜狐网站的首页面，如图3-1所示，页面有整齐的布局，有漂亮的动画及图片，有可以输入信息的文本框，有可以点击的文本等，那么究竟浏览器是根据什么才显示出这样的页面呢？ 图3-1 搜狐首页 打开浏览器【查看】菜单，选择【源文件】命令，会弹出如图3-2所示的记事本窗口，窗口中显示的文本即是搜狐首页的源代码，源代码中有很多用一对尖括号（）括起来的文本，如html等，这些就是HTML标记，浏览器就是根据这些标记把文本、图像等内容显示在网页中的。 图3-2 查看源文件 HTML显示原理可概括为：HTML使用一组约定的标记符号，对Web上的各种信息进行标记，浏览器会解释这些标记符号并以它们指定的格式把相应的内容显示在屏幕上，而标记符号本身不会在屏幕上显示出来。 3.1.2 HTML制作工具 制作HTML文档，需要两个基本工具，一个HTML编辑器，一个Web浏览器。HTML编辑器用来生成和保存HTML文档，Web浏览器用来浏览和测试HTML文档。 一般而言，HTML编辑器可分为两类：基于文本或代码的编辑器和所见即所得（WYSIWYG）编辑器，前者在创建文档时只能看到HTML代码，后者在编辑时即显示出类似于最终浏览器窗口显示的结果。因为HTML代码是纯文本的，所以任何文本编辑器像写字板、记事本等都可以作为HTML编辑器，这些编辑器要求手工输入HTML代码，可以帮助学习HTML，所以建议初学者使用文本编辑器。现在市面上有很多种优秀的所见即所得编辑器，它们会根据用户的操作自动生成HTML代码，大大提高了制作网页的效率，常用的有FrontPage、Dreamweaver等。FrontPage是一个简单易用，功能强大的网页制作工具，它是微软公司Office系列软件之一，制作网页时可以在代码视图和设计视图间切换，也就是可以选择手功输入代码或进行可视化设计，使用起来非常方便，常用的版本有FrontPage 2000、FrontPage XP和FrontPage 2003。Dreamweaver是在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具，它与Flash、Fireworks合在一起被称为网页制作三剑客，三个软件相辅相成，是制作网页的最佳选择。Dreamweaver制作出来的网页兼容性比较好，产生的垃圾代码少，深受网页设计者的喜爱，常用的版本有Dreamweaver MX、Dreamweaver MX 2004。Dreamweaver和FrontPage一样，也同时提供代码视图和设计视图，用户可以在设计视图中设计页面，然后切换到代码视图查看生成的代码，从而帮助用户学习HTML，所以，FrontPage和Dreamweaver也是很好的HTML学习工具。在使用Visual Studio .NET开发Web应用程序时，为提高页面设计效率和方便制作复杂页面，页面设计人员常常先用Dreamweaver或FrontPage制作页面，然后再将生成的HTML代码复制到.NET开发环境中。 Web浏览器用来浏览HTML文档，在Windows操作系统上，常用的浏览器是Microsoft Internet Explorer，也常简称为IE，常用的版本有IE 5.0、IE 5.5、IE 6.0。同一HTML文档在不同种类的浏览器或不同版本的浏览器中显示可能有所不同，在不同计算机上的显示也可能有所不同。 3.1.3 HTML标记 本小节通过用记事本制作第一个HTML文档来了解：用HTML制作网页的一般步骤、一个HTML文档的基本结构和HTML标记的写法。 用记事本制作第一个网页的步骤如下： (1) 打开记事本。 (2) 在记事本中输入以下代码： html head title我的第一个网页/title /head body bgcolor=black text=#FFFFFF 这是我用记事本做的第一个网页，我会努力学好HTML！ /body /html 颜色的名称disc li项1/li li项2/li /ul ul的常用