01什么是HTML
HTML是HyperTextMarkupLanguage的缩写,中文的意思是“超文本标记语言”,它是制作网页的标准语言。由于网页中不仅包含普通文本,还包含超文本,故被称作超文本描述语言。
那什么是超文本呢?所谓超文本,就是指图像、视频、动画、声音、表格、链接等多媒体的内容。
HTML是网页的基本描述语言,由TimBerners-Lee在年提出,其目的是方便地把一台电脑中的文本或图形,与另一台电脑中的文本或图形联系在一体,形成一个有机的整体,让人们不必考虑这些信息是在当前的电脑上,还是在网络上的其他电脑上。
HTML不是一种编程语言,而是一种描述性的标记语言(markuplanguage),它使用标签来描述网页,负责将网页内容进行格式化,使内容更具逻辑性。
HTML文档不需要编译,直接由浏览器解释执行,浏览器(IE、FireFox、Chrome、Opera、Safari、UC等)软件知道HTML的语法,知道如何解释HTML文档。目前互联网上的绝大部分网页,都是使用HTML编写的。
02HTML发展史
HTML经历了HTML2.0、HTML3.2、HTML4.0、HTML4.01、HTML5,共5个版本。最新版本HTML5于年10月28日成为W3C推荐标准。
HTML2.0于年11月作为RFC发布,成为第一个正式规范。成为正式规范的目的是为了与当时的各种HTML标准区分开来,故使用2.0作为其版本号。HTML2.0在RFC于年6月发布之后被宣布已经过时。
HTML3.0规范是由当时刚成立的W3C于年3月提出,提供了很多新的特性,如表格、文字绕排和复杂数学元素的显示。虽然它是被设计用来兼容2.0版本的,但是实现这个标准的工作在当时过于复杂,在草案于年9月过期时,标准开发也因为缺乏浏览器支持而中止了。3.1版从未被正式提出,而下一个被提出的版本是开发代号为Wilbur的HTML3.2,去掉了大部分3.0中的新特性,但是加入了很多特定浏览器,例如Netscape和Mosaic的元素和属性。HTML对数学公式的支持最后成为另外一个标准MathML。HTML3.2于年1月14日成为W3C推荐标准。
HTML4.0同样也加入了很多特定浏览器的元素和属性,但是同时也开始“清理”这个标准,把一些元素和属性标记为过时,建议不再使用它们。HTML的未来和CSS结合会更好。HTML4.0于年12月18日成为W3C推荐标准。
HTML4.01于年12月24日成为W3C推荐标准。只是对HTML4.0的一些微小改进。
HTML5草案的前身名为WebApplications1.0。于年被WHATWG提出,于年被W3C接纳,并成立了新的HTML工作团队。在年1月22日,第一份正式草案发布。HTML5于年10月28日正式成为W3C推荐标准。
03HTML初体验
学习任何一种语言,首先从编写一个简单程序,来对该语言有个初步认识,以增加学习的乐趣和信心。学习HTML语言也不例外。
HTML文件是纯文本文件,因此,创建网页并不需要特殊的工具。你可以使用任何文本编辑器,如记事本、写字板、UltraEdit32、EditPlus、NotePad++等等。你也可以使用一些专业的所见即所得的HTML编辑器,如Dreamweaver等,这完全取决于你的个人喜好。
不过,对于初学者,笔者强烈建议不要借助任何工具,而是使用纯文本编辑器来手工编写HTML代码,这对初学者尤其有帮助。笔者就一直使用EditPlus和NotePad++来编写HTML代码,从不使用任何所见即所得的HTML编辑器。
现在,让我们使用Windows自带的记事本,来尝试制作第一个网页。读者先不必急于了解每一个标签的含义,只需有一个感性认识即可。请按以下步骤执行:
1)在Windows系统中,点击开始→所有程序→附件→记事本,打开记事本。如图11所示:
图11记事本2)在记事本中输入以下代码。
!DOCTYPEhtml
html
head
titleHelloworld!/title
/head
body
您好,欢迎来到HTML世界!
/body
/html
3)点击菜单栏中的文件→保存命令,或直接在键盘上按Ctrl+s,来保存文件。
保存文件时,保存类型选择“所有文件”;编码,可以使用默认值,建议选UTF-8;文件名可以是任何你喜欢的名字,如hello.html;再选择保存位置,本例保存在E:/HTML目录。如图12所示:
图12保存文件HTML文件最常用的后缀名是.html,但是像DOS这样的旧操作系统,后缀名被限制为最多3个字符。因此,也可以使用.htm的后缀名来保存HTML文件。
4)运行HTML文件
到刚才保存文件的目录下(如,E盘根目录),找到刚刚保存的hello.html文件,双击该文件,操作系统会自动使用默认的浏览器打开该文件。运行结果如图13所示:
图13hello.html运行结果从上图可以看出,HTML代码中,title标签中的“Hello,world!”会显示在浏览器窗口的标题栏,body标签中的“您好,欢迎来到HTML世界!”会显示在浏览器窗口的正文中。