HTML完整版教程

首语

人们常常以为制作一个网站很难，但其实并非如此！人人都能学会如何制作网站。而且，假如你继续阅读本教程的话，你将能在一小时内制成一个网站。

有些人觉得制作网站需要昂贵的、高级的工具——当然这是错误的。的确有许多软件声称它们可以为你创建网站，它们有的比较好用，有的就差些。但如果你要制作符合W3C规范并令你满意的网页的话，你必须自己动手做。好在这不难，而且你已具备所需的全部软件了。本教程的目的就是：通过简单、全面和正确的介绍，教会你如何创建网站。本教程将从基础讲起，不要求你具备任何编程知识。

当然，本教程无法遍及所有知识，所以你要自己多做实验。不过别担心，学习制作网站是件充满乐趣的事，而且一旦掌握它，你便会感到无比满足。

你可以自由选择如何使用本教程，但我们建议你每天学习2到3课，然后花点时间来实验你所学到的新知识。

好的，不多说，我们现在就开始吧！

第1课：开始学习

1

2

你可以先在自己的计算机上制作网站，待网站制作完毕再上传到因特网上。

接下来学习什么？

下一课将介绍HTML是什么，然后从第三课开始学习有趣的HTML。

第2课：HTML是什么？

这一课将为你简要介绍你的新朋友——HTML。

HTML是什么？

HTML是浏览器的“母语”。

长话短说，HTML是由一名叫Tim Berners-Lee的科学家发明的。他发明HTML的目的，是为了方便不同大学的科学家们可以更容易地获取彼此的研究文档。HTML取得了的巨大成功，大大超出了Tim Berners-Lee的原本预计。通过发明HTML，他为我们今天所认识的万维网奠定了基础。

HTML是一门语言，它令我们可以在因特网上展示信息（例如科学研究信息）。你所看到的网页，是浏览器对HTML进行解释的结果。要查看一个网页的HTML代码，只需在浏览器菜单栏上点击“查

”，然后选择

3

第3课：元素与标签

现在你要学习的是HTML的重要成分——元素（element）。

元素用于结构化HTML文档，并告知浏览器如何呈现网页。一般来说，元素由首标签（start tag）、内容（content）和尾标签（end tag）构成。

4

该例在浏览器中将显示如下：

这是标题

这是子标题

首标签和尾标签总是必须的吗？

常言道，凡事均有例外。在HTML中，也有例外的情况，即有些元素没有尾标签。这些没有尾标签的元素被称作空元素（empty element），它们与具体文本内容无关，比如像下面这

5

个换行标签：
。

标签中的字母应该大写还是小写？

大多数浏览器不介意标签是大写还是小写，或者混合大小写。所以、或

在浏览器上的显示效果都一样。但是，正确的写法是采用小写字母来书写标签。所以，要养成用小写字母书写标签的习惯。

把标签放在哪里？

你应该在HTML文档里书写标签。一个网站可能包含多个HTML文档。上网的过程，其实就是打开不同HTML文档的过程。

这一课就到这里。如果花10分钟时间继续学习下一课的话，你将能够制作自己的第一个网站。

6

第4课：制作自己的第一个网站

有了从前面几课的基础，现在只需再花几分钟时间，你就能学会如何制作自己的第一个网站了。

如何做呢？

通过第一课，我们知道制作一个网页需要有浏览器和记事本程序（或者类似的文本编辑器）。既然你现在已经在用浏览器阅读本教程了，那么请再打开一个窗口——这样你就可以一边阅读本教程，一边欣赏你的新网页了。

另外，请打开记事本程序（Notepad）：依次选择“开始菜单→程序→附件→记事本”即可。

7

现在一切就绪了！

然后呢？

我们先从简单的做起吧。先试着做一个显示如下内容的网页：“哇！这是我的第一个网站。”继续学习，就你就知道这是多么容易了。

HTML简单易学。浏览器读HTML就跟你读书一样，也是从上往下，从左到右进行的。所以，HTML文档的开始和结束便对应于网页的头和尾。

你首先要做的是告诉浏览器，你们将采用HTML语言来“对话”。这是通过标签来实现的（这是容易理解的）。所以，在做所有其他事之前，先在记事本的第一行敲入“”。也许你记得前面课程中我们说过，这里的是首标签，在HTML文档结尾处必须有相应的尾标签与之对应。好的，为了防止最后忘记写这个尾标签，我们现在就输入“”，然

8

注意我们是如何用换行（用Enter键）与缩进（用Tab键）令代码具有层次感的。理论上，你如何书写HTML文档，这无关紧要。但为了便于阅读代码，和保持良好的概貌，我们强烈建议你采用换行与缩进来层次化HTML代码，就像上面的例子一样。

上面这个文档便构成了你的第一个网站——它只包含一个网页，而且内容很单调，可能与你的想象相去甚远，但在一定程度上它仍是一个网站。你可以将它用作其他HTML文档的基本模版。

不错不错，但我如何添加更多内容？

前面我们学到过，HTML文档有两个部分：头部（head）和主体（body）。你在头部（head）提供关于网页的信息，你在主体（body）部分提供网页的具体内容。

比如，如果你要指定HTML文档的网页标题（title）（它将显示在浏览器窗口顶部），你就要在头部（head）提供有关信息。用title元素来指定网页标题：即在首标签