第一部分HTML教程.doc

HTML教程 ——静语计算机协会 （教程的每一个章节都配有示例代码，方便大家参考。） 第一部分 HTML教程 前言 目录 第1章 HTML简介 1.1 什么是HTML HTML（Hyper Text Mark-up Language）即超文本标记语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言（其他的语言包括【CSS】、【JavaScript】、VB Script、【PHP】、ASP等等，其中的一些我们将在以后陆续讲解）。 HTML是由W3C（万维网联盟）制定的国际标准，现在流行的是在1999年12月24日发布的HTML 4.01标准和在2002年8月1日发布的XHTML 1.0修正版（XHTML基于【XML】，是对HTML的优化、增强和改进，请参看【XHTML】）。现在不得不关注的是HTML 5，它在最近一段时间突然成为Web开发的焦点，我们也会在合适的时候介绍【HTML 5】的相关内容。 1.2 HTML的作用 HTML可以说明网页中的文字、图形、动画、声音、表格、链接等信息，这些信息最终由【浏览器】识别并加以显示。我们在浏览器中看到的就是HTML文档所描述的内容。 我们所说的网页一般就是指由HTML代码构成的文本文档，网站主要是由一些相互关联的HTML文档组成的。 1.3 HTML文档 1.3.1 编写第一个HTML文档 在初步认识了HTML之后，让我们通过一个简单的实例来直观的感受一下网页和HTML的关系。 打开你常用的一个【文本编辑器】，新建一个文本文档，将下面几行HTML代码粘贴进去 html head title这里是网页标题/title /head body 这里是网页内容 p这里是一个文本段/p /body /html 将文档保存成.htm或者.html格式，然后双击打开，或者通过【浏览器】打开，就可以看到如【图1-1】所示的效果。 1.3.2 文本编辑器 由于HTML文档全部是文本文档，所以我们在编写HTML文档的时候，就需要一个文本编辑器。一个顺手的编辑器，不仅方便代码的编写，还能减少错误，并能大大提高工作效率。 一个好的代码文本编辑器，应该具有多语言支持、语法高亮、语法着色、拼写检查、搜索替换、代码提示等等功能。下面简要介绍几个常用的文本编辑器。 1.Notpad++ Windows下使用较多的一款文本编辑器，是GPL许可证下发行的自由软件。除了具有上述几个基本功能外，还可以支持插件扩展，功能异常强大。 你可能不敢相信，你现在所看到的文本都是在Notpad++里边编辑出来的。 2.EditPlus 也是Windows下常用的文本编辑器，功能上并不弱于Notpad++，但由于它是共享软件，用户数量上可能会少一些。 3.UltraEdit UE不仅是一款强大的文本编辑器，更是一款强大的文件分析工具。它的16进制编辑功能非常强大，常被用作文件分析和修改，如破解和软件语言的本地化。它也是一款共享软件。 4.gEdit Linux系统中GNOME桌面系统中自带的文本编辑器，同样支持多语言、语法着色等功能，能够胜任大部分代码编写工作。 5.VIM Linux里边发展起来的强大的文本编辑器，以简洁高效著称，不过上手比较慢，但其卓越的效率不可小觑。目前也有Windows版本可用。 Windows系统中常用的写字板功能虽然不是很强大，但作为一个学习初期是用的工具也已经足够了。但我们不推荐使用记事本和Word，记事本功能太过简单，而Word会使代码编写工作变得非常复杂。你可以参照一些网上的文章来选择你喜欢的文本编辑器。 15款很棒的文本编辑器（/a297573.html） 1.3.3 浏览器 我们浏览网页的行为都要通过浏览器来完成，浏览器也是网站作者和网站用户唯一的交流媒介，所以浏览器对于网站的作者和用户都非常重要。 网站的浏览者希望浏览器能够便捷、实用，而且安全可靠；网站的开发者则需要考虑各种浏览器对Web标准的支持以及它们之间的差异，而且开发工作需要随时在浏览器上进行测试，因此对浏览器的种类和开发测试条件都有很高的要求。下面就简单介绍几款开发必备的浏览器和开发工具。 1.IE 由于Windows操作系统霸占了大部分用户的电脑，其配套的IE浏览器自然就一家独大，虽然近期其他浏览器的市场比例有所增加，不过仍然改变不了IE的地位，其最新版本为9.0。IE 7-IE 9几个版本已经能比较好地执行Web标准，不过这并不能掩盖臭名昭著的IE 6。IE 6及之前的版本对Web标准执行的比较差，因此Web开发者的电脑里需要有一个IE 6用来测试网页的兼容性(我们后边有一个专门的章节来讨论【浏览器兼容性】)