html经典教程

《html经典教程》由会员分享，可在线阅读，更多相关《html经典教程（96页珍藏版）》请在金锄头文库上搜索。

1、H HT TMML L 经经典典教教程程H TM L 教程1 H TM L 简介2 H TM L 元素4 基本的 H TM L 标签5 H TM L 属性10 H TM L 文本格式化12 H TM L 字符实体22 H TM L 链接23 H TM L 框架27 H TM L 表格30 H TM L 列表37 H TM L 图像46 H TM L 背景50 H TM L 颜色52 H TM L 颜色值55 H TM L 颜色名59 H TM L 4. 01 快速参考67 H TM L 布局69 H TM L 字体70 为什么使用 H TM L4. 0？73 H TM L 样式75 H TM

2、L 头部79 H TM L 元信息81 H TM L U R L（统一资源定位器）85 H TM L 脚本87 H TM L 4. 0 标准属性90 H TM L 4. 0 事件属性91HTML 网页服务器94 你已经将 H TM L 教程学习完毕，下一步该学习什么呢？95注：96H HT TM M L L 教教程程H HT TMML L 教教程程在在本本教教程程中中，你你将将学学习习如如何何使使用用 H HT TMML L 来来创创建建站站点点。H HT TMML L 很很容容易易学学习习！你你会会喜喜欢欢它它的的！H HT TMML L 实实例例学习 100 个实例！使用我们的编辑器，你可

3、以编辑 HTML，然后点击测试按钮来查看结果。H HT TMML L 参参考考手手册册我们提供完整的 HTML 参考手册，其中包括标签、属性、颜色、实体等等。H HT TM M L L 简简介介什什么么是是 H HT TMML L 文文件件？HTML 指超文本标签语言。HTML 文件是包含一些标签的文本文件。这些标签告诉 WEB 浏览器如何显示页面。HTML 文件必须使用 htm 或者 html 作为文件扩展名。HTML 文件可以通过简单的文本编辑器来创建。做做个个实实验验如如何何？第一步：如果您使用 Windows，请启动记事本。如果您使用 Mac，请启动 SimpleText。（在 OSX

4、 中请使用 TextEdit， 并设置一下参数： 在参数设置中选择 Plain text 字体替代 Rich text 字体，然后选择“在 HTML 文件中忽略 rich text 命令”。这一点很重要，因为不这样的话，HTML 代码也许不能正常工作。）第二步：键入以下文本：页面的标题这是我的第一个页面。 这是粗体文本。第三步：将这个文件存为 “mypage.html“。第四步：启动您的浏览器。在浏览器的文件菜单中选择“打开”或者“打开页面”。这时会弹出一个对话框。单击“浏览”或者“选择文件”，找到您刚才创建的文件 - “mypage.html“，选定它然后打开，现在您会看到对话框中有一行地址

5、，比如：“D:mypage.html“。单击确定按钮，浏览器就会显示这个页面。例例子子解解释释：HTML 文件中的第一个标签是 。这个标签告诉浏览器这个 HTML 文件的开始点。文件中最后一个标签是 。这个标签告诉您的浏览器，这是 HTML 文件的结束点。位于 标签和 标签之间的文本是头信息。头信息不会显示在浏览器窗口中。标签中的文本是文件的标题。标题会显示在浏览器的标题栏。标签中的文本是将被浏览器显示出来的文本。和 标签中的文本将以粗体显示。为为什什么么我我们们要要使使用用小小写写的的标标签签？我们刚才讲到：HTML 标签对大小写是不敏感的： 和 的作用的相同的。当您在网上冲浪时，您会发现大

6、多数教程在他们的例子中都使用大写的 HTML 标签。而我们总是使用小写。原因何在呢？如果您希望为使用下一代 HTML 而做好准备，您就应该使用小写标签。万维网联盟 (W3C) 的标准是：建议在 HTML 4 中使用小写标签，而在 XHTML（下一代 HTML）中，必须使用小写标签。H HT TMM 还还是是 H HT TMML L 扩扩展展名名？当您将一个 HTML 文件存盘时，您即可以使用 HTM 也可以使用 HTML 作为扩展名。我们刚才使用了 .htm 作为上面那个例子的扩展名。不过这样做也许是一个坏习惯，习惯于这样做的人也许是因为使用某些过时的软件而养成了这个坏习惯，这些软件只允许三个

7、字母作为扩展名。如果您使用新近的软件，我们认为使用 .html 是相当安全的做法。关关于于 H HT TMML L 编编辑辑器器的的注注意意事事项项: :您可以使用所见即所得的编辑器而不是纯文本编辑器，这样会更轻松的编辑 HTML 文件。比方说FrontPage, Claris Home Page, 或者 Adobe PageMill，甚至更高阶的 Dreamweaver。但是，如果您希望成为一名熟练的开发人员，我们强烈推荐您使用纯文本编辑器来学习我们的HTML 基础教程。常常见见问问题题（F FA AQ Q）Q Q：我我已已经经编编辑辑了了一一个个 H HT TMML L 文文件件，但但是是

8、浏浏览览器器无无法法显显示示出出结结果果。为为什什么么？A：首先确定您使用了正确的文件名和扩展名存盘，比如说 “c:mypage.htm“。然后看一下是否在浏览器中使用了同样的文件名来打开这个文件。Q Q：我我重重新新编编辑辑了了 H HT TMML L 文文件件，但但是是浏浏览览器器的的显显示示没没有有任任何何变变化化。为为什什么么？A：为了不重复读取同一个页面，浏览器要对您的页面进行缓存。浏览器不会意识到您已经修改了页面。通过使用刷新或者重载按钮，您可以使浏览器读取编辑后的页面。Q Q：我我应应该该使使用用何何种种浏浏览览器器？A：您可以使用任何一款通用浏览器进行训练，例如 Interne

9、t Explorer, Mozilla, Netscape,或者Opera。不过，我们的高级课程中的某些例子需要最新版本的浏览器的支持。Q Q：我我的的电电脑脑必必须须运运行行 WWi in nd do owws s 吗吗？使使用用 MMa ac c 机机可可以以吗吗？A：您可以在非 Windows 系统上进行所有的训练，比如 Mac。H HT TM M L L 元元素素H HT TMML L 文文档档是是由由 H HT TMML L 元元素素构构成成的的文文本本文文件件。H HT TMML L 元元素素是是通通过过使使用用 H HT TMML L 标标签签进进行行定定义义的的。H HT TM

10、ML L 标标签签HTML 标签是用来标标记记 H HT TMML L 元元素素的。HTML 标签被被 符符号号包包围围。这些包围的符号叫作尖括号。HTML 标签是成成对对出出现现的。例如 和 。位于起起始始标标签签和终终止止标标签签之间的文本是元素的内容。HTML 标签对对大大小小写写不不敏敏感感， 和 的作用的相同的。H HT TMML L 元元素素还记得上一节中的那个例子吗：页面的标题这是我的第一个页面。此文本是粗体的。这就是一个 HTML 元素：此文本是粗体的。这个 HTML 元素由起起始始标标签签 开始。这个元素的内内容容是：“此文本是粗体的。”。这个 HTML 元素由终终止止标标签

11、签 结尾。标签的作用是定义一个显示为粗体的 HTML 元素。这也是一个 HTML 元素：这是我的第一个页面。此文本是粗体的。这个 HTML 元素开始于 标签，结束于 标签。标签的作用是定义 HTML 文件中的容纳 body 的 HTML 元素。为为什什么么我我们们要要使使用用小小写写的的标标签签？我们刚才讲到：HTML 标签对大小写是不敏感的： 和 的作用的相同的。当您在网上冲浪时，您会发现大多数教程在他们的例子中都使用大写的 HTML 标签。而我们总是使用小写。原因何在呢？如果您希望为使用下一代 HTML 而做好准备，您就应该使用小写标签。万维网协会 (W3C) 的标准是：建议在 HTML

12、4 中使用小写标签，而在 XHTML（下一代 HTML）中，必须使用小写标签。基基本本的的 H HT TM M L L 标标签签H HT TMML L 中中最最重重要要的的标标签签是是定定义义标标题题、段段落落和和换换行行的的标标签签。学学习习 H HT TMML L 最最好好的的方方式式就就是是边边学学边边做做实实验验。我我们们为为您您准准备备了了很很好好的的 H HT TMML L 编编辑辑器器。使使用用这这个个编编辑辑器器，您您可可以以任任意意编编辑辑一一段段 H HT TMML L 源源码码，然然后后单单击击 T TI IY Y 按按钮钮来来查查看看结结果果。实实例例一个简单的 HTM

13、L 文件我的第一个 HTML 页面body 元素的内容会显示在浏览器中。title 元素的内容会显示在浏览器的标题栏中。这个例子是一个很简单的 HTML 文件， 使用了尽可能少的 HTML 标签。 它向您演示了 body 元素中的内容是如何被浏览器显示的：简单的段落这是段落。这是段落。这是段落。段落元素由 p 标签定义。此例演示：段落元素中的文字如何被浏览器显示：标标题题标题使用 至 标签进行定义。 定义最大的标题。 定义最小的标题。This is a headingThis is a headingThis is aheadingThis is a headingThis is a head

14、ingThis isa headingHTML 会自动在标题前后添加一个额外的折行。段段落落段落使用 标签进行定义。This is a paragraphThis is another paragraphHTML 会自动在段落前后添加一个额外的空行。不不要要忘忘记记关关闭闭标标签签您可能注意到了，在编写段落时可以不带有 标签：This is a paragraphThis is another paragraph上面的例子在大多数浏览器中都可以工作，但是不要依赖这种做法。HTML 未来的版本不允许省略任何结束标签。通过结束标签来关闭 HTML 是一种经得起未来考验的 HTML 编写方法。清楚地

15、标记某个元素在何处开始，并在何处结束，不论对您还是对浏览器来说，都会使代码更容易理解。换换行行符符当你打算结束一行，而又不想开始一个新段落时， 标签就派上用场了。无论你将它置于何处， 标签都会产生一个强制的换行。This is a paragraph with line breaks标签是空白标签，由于关闭标签没有任何意义，因此它没有类似 的终止标签。 还还是是 您会越来越多地发现 与 很相似。由于 没有结束标签，它也就违反了未来的 HTML 的规则之一，即所有的元素都必须关闭。把这个标签写为 是经得起未来考验的做法， XHTML 和 XML 都接受在打开的标签内部来关闭标签的做法。H HT

16、TMML L 注注释释注释标签用于在 HTML 源码中插入注释。注释会被浏览器忽略。您可以使用注释对您的代码进行解释，这么做在以后的日子里会对您的代码编辑产生帮助。注注意意：左括号后需要写一个惊叹号，右括号前就不需要了。对对 H HT TMML L 元元素素的的重重新新认认识识每个 HTML 元素都有一个元元素素名名（比如 body、h1、p、br）开开始始标标签签是被括号包围的元素名结结束束标标签签是被括号包围的斜杠和元素名元元素素内内容容位于开始标签和结束标签之间某些 HTML 元素没有内容某些 HTML 元素没有结束标签基基本本的的注注意意事事项项 - - 有有益益的的提提示示当您写 HTML 文本的时候，你永远也没法确定这些文本在另一台显示器上是如何显示的。一些人使用大显示器，而另一些使用小的。当用户调整视窗的分辨率时，这些文本就会被重新格式化。所以不要通过在文本中添加空行和空格的办法在你的编辑器中格式化文本。HTML