HTML是由Web的发明者TimBerners-Lee和同事DanielW.Connolly于1990年创立的一种标记式语言,它是通用标记语言SGML的简化。用它的语法规则建立的文档可以运行在不同操作系统平台上。因此,HTML文档属于纯文本文件(它能用任意的文本编写器书写)。现在有很多网迷称HTML为程序语言,把写HTML文档理解为编程,这显然是走进了一个误区。其实,要想学习HTML,一钵(记事本)一甑(浏览器)足矣。
在了解了HTML的定义后,接下来我们便来学习此语言。由于篇幅有限,本文不可能把HTML语言的属性一一讲解。笔者只是选了一些比较重要而又广泛使用的标签进行分析。看完这篇文章后,你就会对HTML的工作原理有一个初步的认识。
一、HTML语言基础
用HTML语言编写的文档就称为HTML文档。我们平时上网所见到的就是HTML文档在浏览器中显示的结果。控制HTML文档外观的是HTML标签,浏览器可以将标签解释成具体的内容,如超级链接、标题、段落、列表等。
要学会编写HTML文档,就要掌握各种HTML标签。关于HTML标签,有五点非常重要:
1.标签始终以尖括号相围(小于号/大于号)——如<head>或<i>、</i>。
2.多数标签都成对出现,并且围在作用材料的两侧。它们的工作方式就和电灯开关一样:第一个标签启动操作,第二个标签把它关闭。(当然,也有一些例外。例如,标签创建段落,但并没有“关闭开关”。段落创建完后,不能再把后面的部分恢复为创建之前的状态。)
3.第二个标签——“关闭开关”总是以前斜杠开始。例如,启动粗体时使用<b>,表达完你的强烈感情后再用</b>恢复到一般文本。
4.前一个标签打开,后一个标签关闭。标签都是嵌入的。所以如果你写下了这样一段HTML文本:
<head>
那么它是无效的。正确的顺序应该是<head></head>。
5.许多标签都有可选的属性,这些属性使用只修改标签的行为。例如,使用<p>标签的ALIGN属性,你可以更改缺省的段落对齐方式(左对齐)。比如,<palign=CENTER>就可以使它后面的段落居中。
◎HTML语言可以在任何文本编辑器中编写,如Word、记事本等,然后保存为.html语言,最后在浏览器中浏览。
下面,就让我们开始动手用记事本来写网页。
在“开始”→“程序”→“附件”中打开记事本。
1.先输入几个符号试验一下,然后将记事本另存为.html文件。
2.再看看,文本保存的格式是不是和原来不一样了?!很容易认出来。
3.打开这个新文件,看看出来的是什么?
一个基本的HTML页面包括以下基本标签:
<html>
<head>
<title>页面标题</title>
</head>
<body>
页面内容
</body>
</html>
是不是很简单?在这里,HTML标签用来表示你做的页面是HTML文档;HEAD标签用来描述HTML页的内容。在<head>与</head>之间可以插入其它标签,其中最重要的就是TITLE标签,在<title>与</title>之间的内容就将出现在浏览器的标题栏中。
Body标签用来表示页面的主体。在<body>与</body>之间可以设置页面的背景颜色、背景图像、文字色彩、页面边距等。BODY标签的基本用法如下:
<body
background=url设置页面的背景图片
bgcolor=color设置页面的背景颜色(颜色值为英文和十六进制代码,代码表见文章末)
text=color设置页面文本的颜色
leftmargin=n设置整个页面的左边距。当n=0时,页面的边缘便紧贴左边缘
下面让我们先来试验一下。
注:以下例图是将InternetExplorer浏览器(以下简称IE浏览器)和记事本同时并排打开,调整窗口大小后的对比效果。需要注意,每当在记事本中做改动后,都要保存一次,同时在用IE浏览器浏览时也要刷新一下。
在WORD中设置文字大小是很容易的,不过那是拜其强大的所见即所得功能所赐,上不了台面的。来利用HTML语言标签设置一下文字效果吧,你一定会很有成就感!
HTML语言可以用标签对文档字符进行字体设置,包括标题、字体、字号、字符颜色等。
1.H标题标签
一个页面当然要有一个醒目的标题,这样别人才能方便迅速地了解你页面的内容,并根据标题的级别来了解内容的重要程度。HTML可以定义六级标题:H1、H2、H3、H4、H5、H6。与其它标签一样,它们也是成对使用的。格式为<Hn>……</Hn>,n可以是1至6的整数。例如:
2.设置文字大小
除了对标题的文字大小进行设置以外,HTML语言还可以利用FONT标签对文档内的文字的大小进行设置。FONT标签包括三种属性:size属性,color属性,face属性。size属性用来确定字号的大小,其有效数字范围在-7(最小)和+7之间。如果不设置,系统的默认值为3。其设置格式为<fontsize=n>……</font>。例如:
3.设置文字颜色
FONT的color属性可以用来设置文字的颜色。这里所介绍的颜色设置与前面介绍的text=color不同。text=color是设置整个页面的文字颜色,而这里所介绍的是设置特定文字的颜色,这样可以使你的页面更加丰富多彩。其设置格式为<fontcolor=?>……</font>。例如:
4.设置版面
你不想页面中的文字总是从左边开始吧?要想在页面中进行分行和段落设置,必须通过HTML语言进行版面设计。
分段标签<p>……</p>表示一段文字的开始和结束,单独一个<p>标签表示一个空行。
换行标签<br>……</br>表示浏览器执行一个换行动作,它与<p>标签不同的是,它并不改变段落位置。
居中标签<center>……</center>可以将文本居中显示。例如:
三、列表的设置
列表标签在文档制作中有重要作用,同样主页制作也少不了列表标签。HTML规定了多种列表标签,可以设置无序