二. HTML
HTML（HyperText
Makeup Language，
超文本标记语言）是一种用来创作万维网页面的描述语言，而不是一种难于掌握的捉摸不定的语言(Hard To
Master Lingo)。HTML使用HTML标签(tag)来定义文档的格式、组成和链接关系，
如字形、字体、表单、标题和网络地址URL(Uniform Resource Locator)等。HTML是从SGML语言导出的语言，是SGML的一个子集。使用HTML创作的文档是带有一套固定标签的SGML文档。
万维网采用超文本标记语言HTML来组织文件。它不仅用来编写Web网页，而且也越来越多地用来制作光盘上的多媒体节目。HTML可用来编排文档、创建列表、建立链接、插入声音和影视片断。用HTML组织的文件本身属於普通的文档文件，可以用一般常见的文字编辑器来编辑，或用其他专门的HTML文件编辑器来编辑，如Microsoft公司的Word和FrontPage，Nicromedia公司的Dreamwaver等。
HTML的最新版本是HTML 4.01。这个版本可支持不同种类的语言，可为信息检索工具提供更有效的检索、更高的网页质量和更好的文语转换TTS(text-to-speech)质量等。
（一）HTML文档元素和标签
一个HTML文档通常包括文档头(head)、文档主体(body)、标题（title）、表格(table)、段落(paragraph)和列表(list)等成分。这些成分通常称为文档元素(element)，它们是文本文档的基本构件，并且使用HTML规定的标签(tag)来标识这些文档元素。
HTML标签由左尖括号“<”，“标签名称”和右尖括号“>”三部分组成。标签通常是成对出现的。例如，<H1>与</H1>分别表示一级标题的开始标签和结束标签，“H1”是一级标签的名称。除了在结束标签名称前面加一个斜杠符号“/”之外，开始标签名称和结束标签名称都是相同的。
某些文档元素还可以包含“属性(attribute)”。属性包括背景颜色、字体属性(大小、颜色、正体、斜体等)、对齐方式等等，它是包含在开始标签中的附加信息。例如，<P ALIGN=CENTER>表示这段文字是居中对齐的。同样，也可以指定图像的对齐属性(如图像在顶部、在底部或者在中间)。
这里要指出的是，HTML标签名称中的字母不分大小写。例如，<title>与<TITLE> 或者 <TitLe> 都是等效的。此外，Web浏览器不一定对所有的HTML标签都支持。如果一个浏览器遇到不认识的标签，它就不予理睬，但在这一对不认识的标签之间的文本仍然会显示在计算机的屏幕上。
（二）HTML文档的结构
HTML文档是一种没有格式的文档，可以使用任何一种文本编辑器来编写。
每个HTML文档都是由标签<HTML>开始，而以标签</HTML> 结束。每个HTML文档由文档头(head)和正文(body)两个部分组成，并分别用<HEAD> 和 </HEAD>以及<BODY>和</BODY>来作标记。文档头标签<HEAD> 和 </HEAD>之间可包含文档的名称(title)，用<TITLE>和</TITLE>标记。正文标签<BODY> 与 </BODY>之间含有用各种HTML标签作标记的段落、列表、以及其他文素组成的实际文档。一个简单的HTML文档如下所示：
<HTML>
<HEAD>
<TITLE>HTML例子标题</TITLE>
</HEAD>
<BODY>
<H1>文档例子！</H1>
<P>第一段</P>
<P>第二段</P>
</BODY>
</HTML>
上述例子的显示效果如图16-01-1。
图16-01-1
HTML显示例
（三）基本标签
1．<HTML>
HTML标签。这个标签告诉浏览器在<HTML>和</HTML>之间的文件是用HTML编写的文档。
2．<HEAD>
文档头标签。<HEAD>和</HEAD>之间包含的是HTML文档名称。
3．<TITLE>
文档名称标签。<TITLE>和</TITLE>之间包含的是具体的HTML文档名称。
4．<BODY>
正文标签。<BODY>和</BODY>之间是正文部分，这是HTML文档最多的部分，它包含的是显示在浏览器文本窗口中的文档内容。
5．<Hn>
标题(Heading)标签。HTML定义了6个等级的标题标签，其中n＝1，2，…，6。<Hn>和</Hn>之间包含的是第n级标题。
6．<P>
段落(Paragraph)标签。<P>和</P>之间包含的是一段文本。HTML中没有使用硬换行(carriage
return)来分段落，这是与字处理软件不同的。在HTML文档中，<P>和</P>之间不论有多少行，不论每一行有多长或者多短，也不论其间有多少个空格，浏览器都把它作为一个段落来处理。
7．<UL>、<OL>和<LI>
列表标签。HTML支持无编号列表和有编号列表，而且还可以在列表中套列表。其中，
<UL>和</UL>表示标签之间的列表项目是无编号列表(Unnumbered
List)。
<OL>和</OL>表示标签之间的列表项目是有编号列表(Ordered
List)。
<LI>表示标签后面的内容是具体的列表项目(List
Item)。
8．<DL>、<DT>和<DD>
定义列表。有三个标签：
<DL>标签：表示定义列表(Definition
Lists)
<DT>标签：表示后面的项是定义术语(Definition
Term)
<DD>标签：表示后面的项是定义释义(Definition
Definition)
9．<PRE>
预格式文本(Preformatted Text)标签<PRE>
用于产生固定宽度的字符。在<PRE>和</PRE>
之间的空格、新行、空行和表格与HTML源文档中的一致。
10．<BLOCKQUOTE>
扩展引用(Extended Quotations)标签。<BLOCKQUOTE>和</BLOCKQUOTE>用来包含一个比较长的引用语。
11．<BR>
强制换行标签(Forced Line Breaks)。使用<BR>标签可强制文本换行，其好处是不在行与行之间增加空白行。
12．<FORM>
交易单标签。用来收集用户的信息，它可以包含让用户输入文本和选择项目的接口构件，例如文本域、按钮、复选框(check
box)，单选按钮(radio button)和选择列表。使用<FORM>标签时需要注意：①在交易单中的每个接口构件必须和输入标签(<INPUT>)或者选择标签(<SELECTION>)一起定义；②交易单中的所有构件必须在<FORM>和</FORM>之间定义。
13．<HR>
水平线(Horizontal Rule)标签。生成一条用于分割文档的水平线，其长度与浏览器窗口等宽，粗细和长短都可设置。
（四）超链接
超链接(hyperlink)是超文本链接(hypertext
link)的简称，或者简称为链接(link)。链接是HTML的一个最强大和最有价值的功能。链接是指文档中的文素或者图像与另一个文档、文档的一部分或者一幅图像链接在一起。在HTML中，简单的链接标签是<A>，也称为锚(anchor)签。
1．链接文档
要把一个文档链接在HTML文档中，它的基本语法是：
<A
HREF="文件名"> ... </A>
或
<A
HREF="URL地址"> ... </A>
其中HREF是hypertext reference的缩略词。上例中，如果“文件名”表示的一个文档与HTML文档在同一路径下，HTML可以使用相对路径或者绝对路径来链接该文档。否则只能使用绝对路径。URL（Universal
Resource Locator，统一资源定位器）地址是识别因特网上任何一个文件地址或资源地址的标准表示法。万维网(WWW)使用URL来指定在其他服务器上文档的位置。一个信息资源在网络上的URL地址通常由三个部分组成：
（1）请求服务的类型，它用来说明使用什么网络协议来存取资源，如,
WWW服务程序使用HTTP(HyperText Transfer
Protocol)协议，文件传送使用FTP(File
Transfer Protocol )协议，等等。
（2）网络上的主机名。
（3）服务器上的文件名。
2．链接内联图像
内联图像(inline image)是指与Web网页中的文本一起下载和显示的图像，而不需要在你选择之后才下载和显示，在浏览器上表现为文本和图像显示在同一网页上，这种图像也称为内嵌图像或者叫内插图像。
在HTML文档中插入图像文件的格式如下：
<IMG
SRC=ImageName>
其中的图像文件名“ImageName”是图像文件的URL地址。
3．把声音文件链接到HTML文档
在HTML文档中，可以使用与内联图像类似的语句把声音文件链接到文档中，差别只是文件扩展名不同。
把声音文件MySound.wav嵌入到HTML文档中，可使用下面的语句：
<EMBED
SRC="MySound.wav" ></EMBED><BR>我的声音<BR>
在HTML文档中可嵌入背景音乐，当打开HTML文档时就开始播放。嵌入背景音乐的基本语法如下：
<BGSOUND
SRC="URL" LOOP=100>
其中，URL表示背景音乐的文件名，
LOOP的数字表示循环次数。
要指出的是，播放声音文件需要一定的条件（声卡，以及必要的声音播放器软件）。
4．在文档中嵌入视频
嵌入这种影视文件的基本语法结构是：
<EMBED
SRC=“URL”>
例：在C:\temp\文件夹下有一个“Test.html”文档和3个AVI影视文件。在Test.html文档中嵌入这个影视文件可用下面几种语句：
① <EMBED SRC=" Basket01.avi"
HEIGHT="120" WIDTH="160"></EMBED>
② <IMG DYNSRC="Basket02.avi"
HEIGHT="120" WIDTH="160" ></IMG>
③ <IMG DYNSRC=" Basket03.avi "
HEIGHT="120" WIDTH="160" START=MOUSEOVER></IMG>
在Internet Explorer浏览器上将显示如图16-01-2所示的样式。
图16-01-2 文档中嵌入视频的例子
与链接外联影视文件不同，对嵌入有影视文件的HTML文档，浏览器在从网络上下载该文档时就把影视文件一起下载下来，如果影视文件很大，则下载的时间就会很长。因此这种嵌入方式常用于影视文件不大的场合。
要指出的是，播放视频文件需要一定的条件（例如合适的视频播放器软件）。
|
|
 |
