HTML零基础入门教程.docx

HTML零基础入门教程 HTML零基础入门教程 资料来源： HTTP:///OHnOmN 首语人们常常以为制作一个网站很难，但其实并非如此！人人都能学会如何制作网站。而且，假如你继续阅读本教程的话，你将能在一小时内制成一个网站。 有些人觉得制作网站需要昂贵的、高级的工具——当然这是错误的。的确有许多软件声称它们可以为你创建网站，它们有的比较好用，有的就差些。但如果你要制作符合W3C规范并令你满意的网页的话，你必须自己动手做。好在这不难，而且你已具备所需的全部软件了。本教程的目的就是：通过简单、全面和正确的介绍，教会你如何创建网站。本教程将从基础讲起，不要求你具备任何编程知识。 当然，本教程无法遍及所有知识，所以你要自己多做实验。不过别担心，学习制作网站是件充满乐趣的事，而且一旦掌握它，你便会感到无比满足。 你可以自由选择如何使用本教程，但我们建议你每天学习2到3课，然后花点时间来实验你所学到的新知识。 好的，不多说，我们现在就开始吧！ 第1课：开始学习 你可以先在自己的计算机上制作网站，待网站制作完毕再上传到因特网上。 接下来学习什么？ 下一课将介绍HTML是什么，然后从第三课开始学习有趣的HTML。 第2课：HTML是什么？这一课将为你简要介绍你的新朋友——HTML。 HTML是什么？ HTML是浏览器的“母语”。 长话短说，HTML是由一名叫TimBerners-Lee的科学家发明的。他发明HTML的目的，是为了方便不同大学的科学家们可以更容易地获取彼此的研究文档。HTML取得了的巨大成功，大大超出了TimBerners-Lee的原本预计。通过发明HTML，他为我们今天所认识的万维网奠定了基础。 HTML是一门语言，它令我们可以在因特网上展示信息（例如科学研究信息）。你所看到的网页，是浏览器对HTML进行解释的结果。要查看一个网页的HTML代码，只需在浏览器菜单栏上点击“查 第3课：元素与标签 现在你要学习的是HTML的重要成分——元素（element）。 元素用于结构化HTML文档，并告知浏览器如何呈现网页。一般来说，元素由首标签（starttag）、内容（content）和尾标签（endtag）构成。 该例在浏览器中将显示如下： 首标签和尾标签总是必须的吗？ 常言道，凡事均有例外。在HTML中，也有例外的情况，即有些元素没有尾标签。这些没有尾标签的元素被称作空元素（emptyelement），它们与具体文本内容无关，比如像下面这 标签中的字母应该大写还是小写？ 大多数浏览器不介意标签是大写还是小写，或者混合大小写。所以、或在浏览器上的显示效果都一样。但是，正确的写法是采用小写字母来书写标签。所以，要养成用小写字母书写标签的习惯。 把标签放在哪里？ 你应该在HTML文档里书写标签。一个网站可能包含多个HTML文档。上网的过程，其实就是打开不同HTML文档的过程。 这一课就到这里。如果花10分钟时间继续学习下一课的话，你将能够制作自己的第一个网站。 第4课：制作自己的第一个网站有了从前面几课的基础，现在只需再花几分钟时间，你就能学会如何制作自己的第一个网站了。 通过第一课，我们知道制作一个网页需要有浏览器和记事本程序（或者类似的文本编辑器）。既然你现在已经在用浏览器阅读本教程了，那么请再打开一个窗口——这样你就可以一边阅读本教程，一边欣赏你的新网页了。 另外，请打开记事本程序（Notepad）：依次选择“开始菜单→程序→附件→记事本”即可。 现在一切就绪了！ 我们先从简单的做起吧。先试着做一个显示如下内容的网页：“哇！这是我的第一个网站。”继续学习，就你就知道这是多么容易了。 HTML简单易学。浏览器读HTML就跟你读书一样，也是从上往下，从左到右进行的。所以，HTML文档的开始和结束便对应于网页的头和尾。 你首先要做的是告诉浏览器，你们将采用HTML语言来“对话”。这是通过标签来实现的（这是容易理解的）。所以，在做所有其他事之前，先在记事本的第一行敲入“”。也许你记得前面课程中我们说过，这里的是首标签，在HTML文档结尾处必须有相应的尾标签与之对应。好的，为了防止最后忘记写这个尾标签，我们现在就输入“”，然 注意我们是如何用换行（用Enter键）与缩进（用Tab键）令代码具有层次感的。理论上，你如何书写HTML文档，这无关紧要。但为了便于阅读代码，和保持良好的概貌，我们强烈建议你采用换行与缩进来层次化HTML代码，就像上面的例子一样。 上