>>>网页宝典>>>初级阶段>>>入门必读 ·认识HTML ·命令索引 ·制作示例 ·表格运用 ·制作模板
  上一节谈到网页是用HTML制作的,html是超文本描述语言[Hypertext Mark-up Language]的缩写。在几年前作为SGML的一个子集开发的。HTML是专门在internet上进行传输,可以让设计者建立能让所有使用web的人相当有把握地读出的页面。同时,HTML的格式是一个公共标准,且非常简单。但是它无法提供word或pagemaker格式化文档时提供的精确控制,因而我们无法控制web页面的行距等特性。  

  HTML是由一个HTML工作组的组织进行维护和讨论的。从1994年开始负责定义HTML标准的任务。到1996年后,web的进一步发展由w3c[w3consortium]的工业合作组织来负责。但HTML不断在发展,有的公司甚至不通过制定标准的组织而变化。前几年,由于netscape 垄断了浏览器市场(它几乎垄断了浏览器市场的98%),它在实际上控制了w3c的核心和思想,w3c有时不得不按浏览器生产商的发展来制定标准,这才出现不同浏览器支持不同的HTML特性的状况,有主页制作经验的人深受这方面的苦:幸幸苦苦做完站点,在IE浏览器中看上去好好的网页,一到NE浏览器上就成了一堆乱码,结果我们不得不在两种浏览器之间来回折腾、痛苦不堪。

  see1.gif (649 bytes) 现在我们做主页时,仍然无法回避这个事实每个主页仍需要两种浏览器一致通过才行。

  
在这里我不打算详细介绍所有HTML的命令语法,因为我觉得现在制作主页工具那么多,很多命令和功能用菜单就可以实现,无须再理会HTML语法。我想应该不会有太多人自己用WIN98的记事本来写HTML吧!

  所以我只会介绍一些最基本,最实用,也比较重要的HTML的标签给各位。希望各位掌握后,使用其它主页设计工具
更加能得心应手。

  HTML定义了三种标签用于描述页面的整体结构,以及浏览器和HTML工具对页面的确认,页面结构标签不影响页面
的显示效果,它们帮助HTML工具对HTML文件进行解释和过滤。这些标签是可选的,如果你的页面不包含它们,
浏览器通常能读去页面。

   下面我们来看看HTML的四个最主要的标签:
  <HTML> </HTML>
  <HTML>标签放HTML文件最开头的,告诉浏览器,这个文件是HTML文件,而在文件的最后,当然是</HTML>结束
标签了。虽然这个标签可以省略不用,但希望你还是可以养好使用该标签的习惯。
  <HEAD> </HEAD>
  <HEAD>标签一般放在<HTML>标签的后面,是用来标明文件的题目或定义部分。
  <Title> </Title>
  这个标签是用来设定文件的标题,一般用来注释这个文件的内容,而浏览器通常都会将文件标题显示在浏览器窗口的
左上角,所以这个标题就显得比较有用。
  <BODY> </BODY>
  这个标签一般都是用来指明HTML文档里主要文字,例如标题、段落、列表等。也可以用来定义主页背景颜色。
当然HTML远没有如此简单,每个标签后面可定义各种各样的特性,这需要我们逐步掌握,非一日之功。

   当您看到优秀的页面,希望看看它的源文件,对提高制作水平很有帮助。
  让我们看看最基本的一个HTML文件是怎样的:
<HTML>
<HEAD>
<Title>这是测试文件</Title>
</HEAD>
<BODY>

HTML 文件的内容就写在这里... ...
</BODY>
</HTML>

  我们把它存为一个HTML文件,然后用浏览器打开它,发现浏览器上出现“HTML 文件的内容就写在这里... ...
  see1.gif (649 bytes) 保存文件时,文件结尾可为HTM或HTML

  标题字:<H?></H?> (?代表从1到6的数字)
  HTML准许有6层的标题,第一层的字体

<H1>这是H1标题字</H1>
<H2>这是H2标题字</H2>
<H3>这是H3标题字</H3>
<H4>这是H4标题字</H4>
<H5>这是H5标题字</H5>
<H6>这是H6标题字</H6>

  在设置字体颜色方面,是使用Color=#> .... </Font><Font #=rrggbb 16 进制数码,你不必去强行记住颜色的
进制码,有很多主页设计工具都已经提供了字体颜色选择功能。你只需知道要字体显示颜色,使用这个标签。
<font color=#FF0080>Red</font>
  see1.gif (649 bytes) 网页一样支持百万种颜色,如何知道颜色代码呢?我们可打开一个新网页,随便写个字,选取字体属性,
选择一种颜色,再看它的源文件,就可以知道它的颜色代码了。

  在平时我们用Word排版中,我们可以将字体移来移去,而Word又可以自动缩扩字间距,以使到段落左右对齐,在
HTML中,是没有字间距这个标签,它不能像Word那样对文字编排随心所欲,一个字符就是占一个字符空间,绝没有多
出或减少。
  HTML提供了字体定位的三个标签:
  Align left:字体向左 Align Center:字体居中 Align Right:字体向右
<h3 align=center>TEST<\h3>
<h3 align=right>TEST<\h3>
显示结果:
EST

TEST

TEST

假如你需要插一个空行或段落的时候,就要使用:<P></P>的标签
  see1.gif (649 bytes) 我们实在需要定义行距时,就利用表格,每行字放在一行表格中,再用表格的行距来定义

  图片插入的HTML标签是:<img src=#> # = 图象的URL
  例:<img src=pic2.gif> 

  显示结果:pic2.gif (1552 bytes)
  当我们在设计主页中,需要将文字与图片并排的时候,就需要使用图片定位标签来设定图片与文字的排列。
  当然我们实际在制作时,是不用考虑这么多标签的,使用所见即所得的制作软件,即使对标签一窍不通也能做出
网页来,但记住:
   网页中很多特殊功能一定通过手工写入标签才能实现,了解标签的特性对日后提高很有帮助
  如果您有兴趣的话,请接着看“命令索引”。

  第二节练习:
  1.在制作软件中新建一个新页面,另存为index.htm,文件名为欢迎光临,然后仔细观察源文件
  2.在网页中任意写一些欢迎语句,然后将字体居中、放大、加颜色