《超详细的地HTML基础入门教程》由会员分享，可在线阅读，更多相关《超详细的地HTML基础入门教程（32页珍藏版）》请在金锄头文库上搜索。
1、wordCH推荐超详细的HTML/CSS根底入门教程人们常常以为制作一个很难，但其实并非如此！人人都能学会如何制作。而且，假设你继续阅读本教程的话，你将能在一小时内制成一个。有些人觉得制作需要昂贵的、高级的工具当然这是错误的。确实有许多软件声称它们可以为你创建，它们有的比拟好用，有的就差些。但如果你要制作符合W3C规X并令你满意的网页的话，你必须自己动手做。好在这不难，而且你已具备所需的全部软件了。本教程的目的就是：通过简单、全面和正确的介绍，教会你如何创建。本教程将从根底讲起，不要求你具备任何编程知识。当然，本教程无法遍与所有知识，所以你要自己多做实验。不过别担心，学习制作是件充满乐趣的事，
2、而且一旦掌握它，你便会感到无比满足。你可以自由选择如何使用本教程，但我们建议你每天学习2到3课，然后花点时间来实验你所学到的新知识。好的，不多说，我们现在就开始吧！第1课：开始学习在这第一课中，我们简要介绍制作所需的工具。需要哪些工具？十之八九，你已经拥有所需的全部工具了。“浏览器browser你有了，它是用于浏览的程序。你现在就是通过浏览器在观看本页面的。游览器有很多可供选择，最普与的浏览器当属微软Microsoft公司的Internet Explorer俗称“IE，其他的一些浏览器包括Opera、Mozilla Firefox俗称“火狐狸或“火狐等。这些浏览器的根本功能都是浏览网页，因此具
3、体使用哪个浏览器是无所谓的。也许你听说过、甚至用过一些网页制作工具，比如Microsoft FrontPage、Macromedia Dreamweaver、Microsoft Word等。现在可以忘掉这些程序了！它们对你学习网页制作没有什么帮助。相反，你需要的是一个简易的文本编辑器。如果你正在使用Windows微软视窗操作系统的话，你可以使用它自带的记事本Notepad程序。你可以依次点击“开始菜单程序附件找到该程序。如果你用的是其他操作系统，那么也有类似的简易文本编辑器可以使用，比如Linux上的Pico或Mac苹果机上的Simple Text。记事本是一个非常简单的文本编辑程序，用它编写
4、程序非常好，因为它不会干预你所输入的任何内容，给予你完全的控制权。而许多网页制作工具的问题在于，它们提供了许多标准功能供你选择。这样的缺点是，你只能按照这些标准功能来制作网页。所以，这类工具常常不能创建正合你意的网页。或者，更令人讨厌的是，它们会修改你手工编写的代码。而使用记事本Notepad或其他简易文本编辑器的话，全部代码均由你自己编写。浏览器和记事本程序或类似的简易文本编辑器便是你所需的全部工具，有了它们，你就可以完本钱教程，并制作自己的了。 我需要连上因特网么？你无需连上因特网Internet，浏览本教程和制作都可以离线完成。如果你想要离线阅读本教程，你可以将它打印出来，或者在阅读教程
5、期连续开与因特网的连接。你可以先在自己的计算机上制作，待制作完毕再上传到因特网上。接下来学习什么？下一课将介绍HTML是什么，然后从第三课开始学习有趣的HTML。第2课：HTML是什么？这一课将为你简要介绍你的新朋友HTML。HTML是什么？HTML是浏览器的“母语。长话短说，HTML是由一名叫Tim Berners-Lee的科学家发明的。他发明HTML的目的，是为了方便不同大学的科学家们可以更容易地获取彼此的研究文档。HTML取得了的巨大成功，大大超出了Tim Berners-Lee的原本预计。通过发明HTML，他为我们今天所认识的万维网奠定了根底。HTML是一门语言，它令我们可以在因特网上
6、展示信息例如科学研究信息。你所看到的网页，是浏览器对HTML进展解释的结果。要查看一个网页的HTML代码，只需在浏览器菜单栏上点击“查看，然后选择“源文件即可。对于生手来说，HTML代码看似很复杂，不过本教程将帮助你弄清楚它们的含义。HTML能用来做什么？如果你要制作的话，学习HTML是不可防止的。即使你用Dreamweaver等工具来制作，了解根本的HTML知识也会令你在制作过程中倍感轻松，并有利于制作出更好的。好在HTML容易被学会和使用。通过下面两课的学习，你将学会如何制作自己的第一个。HTML是用来制作的。就这么简单！好，明白了，那HTML这四个字母代表什么呢？HTML是“HyperT
7、ext Mark-up Language超文本标记语言的缩写其实目前你不必了解这些，不过，为了迁就学习次序，我们就详细解释一下吧。 超Hyper是相对于线性linear来说的。在很久以前，那时计算机程序还是线形运行的：当计算机程序执行完一个动作以后，转向下一行，这行完毕后，继续下移，依次类推。但HTML如此不同，你可以在任何时候跳转到任何地方。比方说，你在浏览chinahtml.之前，不必先去浏览MSN.。 文本Text意味着它是自解释的self-explanatory。 标记Markup指的是你怎么处理文本。对文本作标记的方式，跟你在文本编辑程序里将文本加粗、或者将一行话设为标题或列表项目类
8、似。 语言Language。HTML就是一种语言，它使用了许多英文单词。在本教程中，你将会学习到XHTML可扩展超文本标记语言。简单地说，它是一种新的、更加结构良好的HTML。现在，你知道了HTML和XHTML代表什么意思，下面我们将开始有关制作的学习。第3课：元素与标签现在你要学习的是HTML的重要成分元素element。元素用于结构化HTML文档，并告知浏览器如何呈现网页。一般来说，元素由首标签start tag、内容content和尾标签end tag构成。“标签是什么？标签tag指示元素的起始与完毕。所有标签都具有一样的格式：以小于号“结尾。 一般说来，有两种标签首标签start ta
9、g如和尾标签end tag如。它们唯一的区别在于，尾标签多一条斜杠“/。你通过把内容放在首标签和尾标签之间来对内容进展标记。HTML主要就是各种各样的元素，所以，学习HTML，就是学习使用各种元素。可以举些例子么？没问题。比如，b元素的作用是，告诉浏览器介于标签和之间的文本应以粗体显示。这里的“b是“粗体bold的意思。例1：这句话应显示为粗体。该例在浏览器中将显示如下：这句话应显示为粗体。h1、h2、h3、h4、h5与h6元素的作用是显示标题这里的h是“标题heading的意思。其中h1是一级标题，字体最大；h2是二级标题，字体比一级标题略小；而h6是六级标题，它是最后一级标题，字体也最小。
10、例2：这是标题这是子标题该例在浏览器中将显示如下：这是标题这是子标题首标签和尾标签总是必须的吗？常言道，凡事均有例外。在HTML中，也有例外的情况，即有些元素没有尾标签。这些没有尾标签的元素被称作空元素empty element，它们与具体文本内容无关，比如像下面这个换行标签：。标签中的字母应该大写还是小写？大多数浏览器不介意标签是大写还是小写，或者混合大小写。所以、或在浏览器上的显示效果都一样。但是，正确的写法是采用小写字母来书写标签。所以，要养成用小写字母书写标签的习惯。把标签放在哪里？你应该在HTML文档里书写标签。一个可能包含多个HTML文档。上网的过程，其实就是打开不同HTML文档的
11、过程。这一课就到这里。如果花10分钟时间继续学习下一课的话，你将能够制作自己的第一个。第4课：制作自己的第一个有了从前面几课的根底，现在只需再花几分钟时间，你就能学会如何制作自己的第一个了。如何做呢？通过第一课，我们知道制作一个网页需要有浏览器和记事本程序或者类似的文本编辑器。既然你现在已经在用浏览器阅读本教程了，那么请再打开一个窗口这样你就可以一边阅读本教程，一边欣赏你的新网页了。另外，请打开记事本程序Notepad：依次选择“开始菜单程序附件记事本即可。现在一切就绪了！然后呢？我们先从简单的做起吧。先试着做一个显示如下内容的网页：“哇！这是我的第一个。继续学习，就你就知道这是多么容易了。H
12、TML简单易学。浏览器读HTML就跟你读书一样，也是从上往下，从左到右进展的。所以，HTML文档的开始和完毕便对应于网页的头和尾。你首先要做的是告诉浏览器，你们将采用HTML语言来“对话。这是通过标签来实现的这是容易理解的。所以，在做所有其他事之前，先在记事本的第一行敲入“。也许你记得前面课程中我们说过，这里的是首标签，在HTML文档结尾处必须有相应的尾标签与之对应。好的，为了防止最后忘记写这个尾标签，我们现在就输入“，然后在和之间留些空行，用于书写其余代码。下面，我们需要为HTML文档写一个“头部head，它提供关于当前文档的信息；然后写一个“主体body，它提供文档的内容。HTML最重要的
13、就是简单在这里，我们只需把头部和放到主体(和的前面就行了。如下所示： 注意我们是如何用换行用Enter键与缩进用Tab键令代码具有层次感的。理论上，你如何书写HTML文档，这无关紧要。但为了便于阅读代码，和保持良好的概貌，我们强烈建议你采用换行与缩进来层次化HTML代码，就像上面的例子一样。上面这个文档便构成了你的第一个它只包含一个网页，而且内容很单调，可能与你的想象相去甚远，但在一定程度上它仍是一个。你可以将它用作其他HTML文档的根本模版。不错不错，但我如何添加更多内容？前面我们学到过，HTML文档有两个局部：头部head和主体body。你在头部head提供关于网页的信息，你在主体body
14、局部提供网页的具体内容。比如，如果你要指定HTML文档的网页标题title它将显示在浏览器窗口顶部，你就要在头部head提供有关信息。用title元素来指定网页标题：即在首标签与尾标签之间写上网页标题：我的第一个注意，网页标题title不是显示在网页里，而是显示在浏览器窗口的标题栏上的。网页里显示的所有内容都必须放在body元素里。比如，我们要在网页里显示“哇！这是我的第一个。这行文字，它属于主体body局部，所以我们在body元素里输入：哇！这是我的第一个。标签里的p是“段落paragraph的意思，也就是一个文本段落。现在，你的HTML文档应该是这样：我的第一个z哇！这是我的第一个。搞定！ 你已经完成了自己第一个真正的尽管它只包含一个网页！接着，你需要将它保存到你的硬盘上，然后在浏览器中打开它： 在记事本的“文件菜单下选择“另存为.。 这时会弹出
