HTML入门教程xq

HTML 入门教程

第 1 课：开始学习

在这第一课中，我们简要介绍制作网站所需的工具。 需要哪些工具？ 需要哪些工具？

十之八九，你已经拥有所需的全部工具了。 “浏览器（browser）”你有了，它是用于浏览网站的程序。你现在就是通过浏 览器在观看本页面的。 游览器有很多可供选择， 最普及的浏览器当属微软 （Microsoft） 公司的 Internet Explorer（俗称“IE”），其他的一些浏览器包括 Opera、Mozilla Firefox（俗 称“火狐狸”或“火狐”）等。这些浏览器的基本功能都是浏览网页，因此具体 使用哪个浏览器是无所谓的。 也许你听说过、甚至用过一些网页制作工具，比如 Microsoft FrontPage、 Macromedia Dreamweaver、Microsoft Word 等。现在可以忘掉这些程序了！它们对你学习网页制作没有什么帮助。 相反， 你需要的是一个简易的文本编辑器。 如果你正在使用 Windows （微软视窗） 操作系统的话，你可以使用它自带的记事本（Notepad）程序。你可以依次点击 “开始菜单→程序→附件”找到该程序。

如果你用的是其他操作系统，那么也有类似的简易文本编辑器可以使用，比如 Linux 上的 Pico 或 Mac（苹果机）上的 Simple Text。 记事本是一个非常简单的文本编辑程序，用它编写程序非常好，因为它不会干涉你所输入的任何内容，给予你完全的控制权。而许多网页制作工具的问题在于， 它们提供了许多标准功能供你选择。这样的缺点是，你只能按照这些标准功能来制作网页。所以，这类工具常常不能创建正合你意的网页。或

者，更令人讨厌的 是，它们会修改你手工编写的代码。而使用记事本（Notepad）或其他简易文本 编辑器的话，全部代码均由你自己编写。 浏览器和记事本程序（或类似的简易文本编辑器）便是你所需的全部工具，有了它们，你就可以完成本教程，并制作自己的网站了。

需要连上因特网么？

你无需连上因特网（Internet），浏览本教程和制作网站都可以离线完成。 如果你想要离线阅读本教程，你可以将它打印出来，或者在阅读教程期间断开与因特网的连接。你可以先在自己的计算机上制作网站，待网站制作完毕再上传到 因特网上。

接下来学习什么？

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

第 2 课：HTML 是什么？

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

HTML 是浏览器的“母语”。 长话短说，HTML 是由一名叫 Tim Berners-Lee 的科学家发明的。他发明 HTML 的目的，是为了方便不同大学的科学家们可以更容易地获取彼此的研究文档。HTML 取得了的巨大成功，大大超出了 Tim Berners-Lee 的原本预计。通过发明 HTML， 他为我们今天所认识的万维网奠定了基础。 HTML 是一门语言，它令我们可以在因特网上展示信息（例如科学研究信息）。 你所看到的网页，是浏览器对 HTML 进行解释的

结果。要查看一个网页的 HTML 代码，只需在浏览器菜单栏上点击“查看”，然后选择“源文件”即可。

对于生手来说，HTML 代码看似很复杂，不过本教程将帮助你弄清楚它们的含义。

HTML 能用来做什么？

如果你要制作网站的话，学习 HTML 是不可避免的。即使你用 Dreamweaver 等工具来制作网站，了解基本的 HTML 知识也会令你在网站制作过程中倍感轻松，并有利于制作出更好的网站。好在 HTML 容易被学会和使用。通过下面两课的学习，你将学会如何制作自己的第一个网站。 是用来制作网站的。就这么简单！ HTML 是用来制作网站的。就这么简单！

这四个字母代表什么呢？ 好，明白了，那 HTML 这四个字母代表什么呢？ 明白了，

HTML 是“HyperText Mark-up Language（超文本标记语言）”的缩写——其实 目前你不必了解这些，不过，为了迁就学习次序，我就详细解释一下吧。

?超（Hyper）是相对于线性（linear）来说的。在很久以前，那时计算机 Hyper） 程序还是线形运行的：当计算机程序执行完一个动作以后，转向下一行， 这行结束后，继续下移，依次类推。但 HTML 则不同，你可以在任何时候跳转到任何地方。比方说，你在浏览 chinahtml.com 之前，不必先去浏览 MSN.com。 文本（Text） 文本（Text）意味着它是自解释的（self-explanatory）。 标记（Markup） 标记（Markup）指的是你怎么处理文本。对文本作标记的方式，跟你在文 本编辑程

序里将文本加粗、或者将一行话设为标题或列表项目类似。 语言（Language） 语言（Language）。HTML 就是一种语言，它使用了许多英文单词。

在本教程中，你将会学习到 XHTML（可扩展超文本标记语言）。简单地说，它是 一种新的、更加结构良好的 HTML。 现在，你知道了 HTML（和 XHTML）代表什么意思，下面我们将开始有关网站制作 的学习。

第 3 课：元素与标签

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

“标签”是什么？ 标签”是什么？

标签（tag）指示元素的起始与结束。 所有标签都具有相同的格式：以小于号“<”开头，以大于号“>”结尾。 一般说来， 有两种标签——首标签 （start tag）（如） 和尾标签 （end tag） （如）。它们唯一的区别在于，尾标签多一条斜杠“/。你通过把内容放 在首标签和尾标签之

间来对内容进行标记。 HTML 主要就是各种各样的元素，所以，学习 HTML，就是学习使用各种元素。

可以举些例子么？ 可以举些例子么？

没问题。比如，b 元素的作用是，告诉浏览器介于标签和之间的文本应 以粗体显示。（这里的“b”是“粗体（bold）”