经典HTML学习资料.doc

经典HTML学习资料 目录 前言 1 HTML介绍 2 HTML介绍 4 HTML元素 6 HTML基本标签 8 HTML格式 14 HTML实体 19 HTML链接 21 HTML框架 27 HTML表格 32 HTML列表 49 HTML表单 55 HTML图像 64 HTML背景 71 前言 为什么会有这个教程 我是从1998年开始学习HTML的，当时的感觉就是很好奇，一些简单的语句居然就能做出生动的效果。那时候国内似乎只有清华图书馆翻译的HTML教程，总体感觉很好，在没有参考书的情况下，它教给我很多东西。 后来，随着时间的推移，用HTML的经验越来越多，我周围很多朋友都对HTML表现出很大的兴趣，我推荐他们看的都是这个版本的HTML教程。后来有一次我偶然去了一下W3C school的网站，看到那边的HTML以及其他教程，深深被其打动，那确实是一些十分好的教程，再后来我推荐给朋友看的就是这个网站的教程了。但是有的朋友不喜欢英文，而且总是要上网看也很麻烦，我就打算翻译它，并且整理出来，提供给大家。 在翻译过程中，我去掉了已经被W3C废弃或不提倡的标签、属性，比如（font），同时对版面结构进行了调整，希望整体效果看起来还可以。 由于水平有限，翻译出来的结果自然难免错漏，对这个，还望大家不要见笑。另外，本次翻译并没有得到W3C school网站的同意，因此对此向W3C school表示歉意。 本教程是免费的，并且可以随意传播，转载，但是请不要修改。 我所要感谢的人 首先感谢W3C school网站，没有他们的优秀教程就没有我的翻译，点这里可以访问他们的网站。 在翻译制作本教程的过程中，我得到很多朋友的帮助。在这里，对他们表示衷心感谢。 谨以此教程献给朋友娃娃：P和blueidea论坛、天擎论坛的所有朋友以及其他关心、支持我的人们。 关于作者 本人是东南大学计算机专业090016班的学生，可以通过如下方式联系： 给我发邮件:islandowner@163.com 另外，可以在blueidea或者天擎论坛短消息联系：桃花岛主。 HTML介绍 HTML文件是什么？ HTML表示超文本标记语言（Hyper Text Markup Language）。 HTML文件是一个包含标记的文本文件。 这些标记保速浏览器怎样显示这个页面。 HTML文件必须有htm或者html扩展名。 HTML文件可以用一个简单的文本编辑器创建。 想不想尝试一下？ 假如你运行的是windows系统，打开记事本，在其中输入以下文本： html head titleTitle of page/title /head body This is my first homepage. bThis text is bold/b /body /html 将此文件保存为“mypage.htm”。 启动浏览器。在文件菜单中选择“打开”（或者“打开页面”），这时将出现一个对话框。选择“浏览”（或者“选择文件”），定位到你刚才创建的HTML文件——“mypage.htm”，选择它，单击“打开”。然后在对话框中，你将看到这个文件的地址，比如说：“C:\MyDocuments\mypage.htm”。单击“确定”，浏览器将显示此页面。 例子解释 HTML文档中，第一个标签是html。这个标签告诉浏览器这是HTML文档的开始。HTML文档的最后一个标签是/html，这个标签告诉浏览器这是HTML文档的终止。 在head和/head标签之间文本的是头信息。在浏览器窗口中，头信息是不被显示的。 在title和/title标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。 在body和/body标签之间的文本是正文，会被显示在浏览器中。 在b和/b标签之间的文本会以加粗字体显示。 关于HTML编辑器： 用一些所见即所得的编辑器，比如frontpage，dreamwaver，你可以很容易创建一个页面，而不需要在纯文本中编写代码。 但是假如你想成为一名熟练的网络开发者，我们强烈推荐你用纯文本编辑器编写代码，这有助于学习HTML基础。 常见问题 问：我编写完了HTML文件，但是不能在浏览器中看见结果，为什么？ 答：请确认你保存了文件，并且使用了正确的文件名和扩展名，例如：“c:\mypage.htm”，并且确认你用浏览器打开时使用同样的文件名。 问：我编辑了HTML文件，但是修改结果并没有在浏览器中显示，为什么？ 答：浏览器缓存了你的页面，所以它不需要两次读取同样的页面。你修改了这个页面，浏览器并不知道。请使用“刷新/重载”按钮来强迫浏览器读取编辑过的页面。 HTML介绍 HTML文件是什么？ HTML表示超文本标记语言（Hyp