《HTML教程》.doc

《HTML教程》 第1章 HTML 介绍 一、什么是HTML文件？ HTML表示Hyper Text Markup Language（超文本标记语言）。 HTML文件是包含标记标签的文本文件。 标记标签告诉Web浏览器如何显示网页。 HTML文件必须以 htm 或 html 为文件扩展名。 HTML可以使用普通的文字编辑器建立。 二、想尝试一下吗？ 如果正在运行WINDOWS，打开记事本。 如果在Mac上打开SimpleText。 如是在OSX, 打开TextEdit并改变以下参数: 打开Format菜单并选择Plain text代替Rich text , 然后在Text Edit菜单下打开Preferences窗口并选择Ignore rich text commands in HTML files。如果不改变以上参数HTML代码将可能无法工作。 输入以下内容: html head titleTitle of page/title /head body This is my first homepage. bThis text is bold/b /body /html 将文件保存为mypage.htm 打开Internet浏览器，选择浏览器中的文件菜单的 打开 (或 打开页面)。出现一个对话框，选择 浏览 (或 选择文件) 并定位刚建立的HTML的文件 - mypage.htm - 选择并单击 打开，现在将在对话框中看到地址, 比如 C:\MyDocuments\mypage.htm，单击OK，浏览器将显示网面内容。. 三、例题分析： HTML文档中的第一个标签是 html，该标签告诉浏览器这是HTML文档的开始，文档中的最后一个标签是/html，告诉浏览器这是HTML文档的结尾。 在 head 和 /head 标签之间的文本是头部信息,它不会显示在浏览器窗口中。 在 title 和 /title 标签之间的文本是文档的标题，标题显示在浏览器的标题栏中。 在 body 和 /body 标签之间的文本是显示在浏览器中的正文。 在 b 与 /b 标签之间的文本将以粗体显示。 四、HTM或HTML扩展名？ 当保存HTML文件时，可以使用.htm 或 .html扩展名，在例子中使用的是.htm。当一些常用的软件只允许3个字母的扩展名时这或许是继承过去这样一个不好的习惯。 对于新的软件，建议使用.html将十分稳妥。 五、有关HTML编辑器 使用像FrontPage、Claris Home Page或 Adobe PageMill这样的WYSIWYG(所见即所得)的编辑器会轻松的编辑HTML文件，因为这些软件会自动的在普通文本文件中显示标记标签。 但要想成为熟练的Web开发人员,强烈建议使用纯文本编辑器来学习HTML。 六、常见问答 问：在编辑好了HTML文件后，为什么不能在浏览器中看到结？ 答：确保使用像c:\mypage.htm这样合适的名字和扩展名保存了文件，也要保证在浏览器中打开这个文件时使用相同的名字。 问：试图已经编辑HTML文件，但为什么浏览器里没有显示变化的结果？ 答：因网页在浏览器缓存中，所以浏览器没必要第二次读取网页，当修改了网页时浏览器并不知道，使用浏览器的refresh/reload按钮强制浏览器读取已编辑的页面。 问：应该使用哪款浏览器？ 答：可以用任何普通浏览器做练习，如：IE、MOZILLA、NETSCAPE或OPERA。但教程中的一些高级课程的例子需要最新版本的浏览器。 问：我的计算机必须运行WINDOWS？MAC怎么样？ 答：可以在像Mac这样非WINDOWS上做所有练习，但教程中的一些课程的例子需要较新版本的Windows，像Windows 98 或 Windows 2000。 第2章 HTML 元素 HTML文档是由HTML元素构成的文本文件，HTML元素是由HTML标签定义的。 一、HTML标签 HTML 标签用来标记HTML元素。 HTML 标签由和这两个字符所包围。 包围的字符称作尖括号 。 HTML 标签通常成对出现，如b和/b。 一对标签中的第一个标签为起始标签, 第二个为结束标签。 起始标签和结束标签之间的内容是元素内容 。 HTML 标签不区分大小写, b 和 B相同。 二、HTML元素 回忆前一页的HTML实例： html head titleTitle of page/title /head body This is my first homepage. bThis text is bold/b /body /html 这是一HTML元素：bThis text is bold/b HTML元素以