JavaScript动态网页开发案例指导
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

2.1 HTML简介

HTML是标准通用标记语言(Standard Generalized Markup Language)的一种。HTML是WWW(World Wide Web)的描述语言,可以完成Web服务器中的信息组织和操作,主要功能是运用标记(Tag)对文件的操作以达到预期的效果,即在文本文件的基础上,添加系列的表示符号,用以描述其格式与样式,存储为后缀名是.htm或者是.html的文件。通过专用的浏览器识别,并将HTML文件翻译成可以识别的信息,按照设定的格式与样式将所标记的文件同时显示在Web浏览器中,即成为Web浏览的网页。

HTML是建立网页的规范或标准,通过HTML语言可以把存放在一台计算机中的文本文件或图形文件与另一台计算机中的文本文件或图形文件方便地联系在一起,形成有机的整体。一个Web页面就是一个HTML文件,用户只需使用鼠标在浏览器中某一文档中点取一个图标,Web浏览器就会转到与此图标相关的页面,而这些信息可以存储在网络中的另一台计算机内。

HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的文档信息,而主体则包含Web浏览器页面所显示的具体内容。头部(Head)程序代码中包含描述文档基本信息(文档标题,文档搜索关键字、文档生成器等)的标记。主体(Body)程序代码中包含对网页元素(文本、表格、图片、动画、链接等)描述的标记。HTML中的标记大多数为成对的标记,如:<p></p>、<html></html>等,网页元素基本上都包含在开始标记和结束标记之间。而有一些特殊的HTML标记为单标记,没有尾标记,如<br><hr><img><input>等。

HTML文档是普通文本(ASCII)文件,它可以用任意编缉器(如Windows中的记事本、写字板等)生成,也可以使用字处理软件编辑,注意存储文件的格式为“带回车的纯文本”。早期网页制作就是直接书写HTML代码来定义页面元素格式与样式的过程。

通过HTML语言可以将声音、文字、动画、表格、图形、视频等文件链接起来,从而产生更加丰富的画面效果。HTML也可以与数据库中的数据链接,以实现用户的查询及用户与服务器数据交互等功能。

应用范例

本例将使用最基本的HTML标记创建简单的页面,在头部标记中写入页面标题,在页面主体中写入文本。

程序清单

          1    <html>
          2       <head>
          3          <title>HTML文档结构的简单应用</title>
          4       </head>
          5       <body>
          6          欢迎学习HTML语言。
          7       </body>
          8    </html>

范例解析

代码的第1行<html>标记向Web浏览器声明此行为HTML文档的开始,第8行的</html>标记声明HTML文档的终止。代码的第2行到第4行<head>和</head>头部标记之间为HTML的头部信息。在浏览器页面窗口中,头部信息不显示。代码第3行<title>和</title>标题标记之间的文本为文档标题,显示在浏览器窗口的标题栏。代码第5行到第7行<body>和</body>主体标记之间的文本是正文,显示在浏览器的主体窗口中。其他具体标记将会在下面的章节中详细介绍。

范例结果演示

使用Internet Explorer浏览器执行HTML程序文件2.1.html结果如图2-1所示。

图2-1 HTML文档结构的简单应用效果

光盘路径

\code\chap02\2.1.html