XHTML详细解说.doc

XHTML详细解说 XHTML学前须知什么是HTML? 简单点说：HTML是用来做网页的。它很简单，在接下来的1~2分钟之内你就会跟着我用HTML做一个简单的网页。 复杂点说：HTML（HyperTextMarkupLanguage的缩写），即超文本链接标记语言。它是在互联网发布超文本文件(通常所说的网页)的通用语言。 什么是XHTML?更先进难懂的技术？ 简单点说：X是吓唬人的，其实XHTML就是严谨而准确的HTML。如果说HTML是汉语，那么XHTML就是标准普通话。对于现在才刚刚开始学习网页设计的朋友，直接学习XHTML是最佳的选择。 复杂点说：XHTML是HTML的“升级规范”产品，其中X是代表可扩展的，是单词extensible的缩写。事实上它也属于HTML家族，对比以前各个版本的HTML，它具有更严格的书写标准、更好的跨平台能力。由于某些需要，XHTML将以前版本的HTML能够实现的一些功能交给了CSS，这意味着你将需要学习两种技术。但是这确实是Web未来发展的潮流。X代表“可以扩展的”。 学习XHTML的基础 学习XHTML不需要任何基础。相反，XHTML是学习学多其他知识的必要基础。有些人可能听说需要学习完HTML才可以学XHTML，事实并非如此，菜鸟吧()的XHTML教程就是面向没有任何基础的网页设计新手的。如果你已经熟练的掌握了HTML，就不必看我们的入门教程了，我们为已经熟悉了HTML的站长准备了从HTML到XHTML。 学习XHTML的方法 阅读XHTML教程以及其中的实例当然是学习XHTML的好办法，但是仅仅如此是绝对不够的。在学习的过程中，你可以找一些你以前比较喜欢浏览的站点，看看他们在实际的网站设计过程中是如何使用XHTML的。你只需要点击浏览器工具栏上的“查看”按钮，再选择“查看源文件”，就可以看到该页的代码了。 好了，关于XHTML的介绍就说到这里，下面就让我们开始学习XHTML吧。 现在就开始在菜鸟吧学习XHTML——XHTML入门教程目录 XHTML教程——学前须知 XHTML教程——基础知识 XHTML教程——标签 XHTML教程——常用标签 XHTML教程——文字格式与特殊字符 XHTML教程——超级链接 XHTML教程——列表 XHTML教程——图片 XHTML教程——head和DTD XHTML教程——表格 XHTML教程——框架结构 XHTML教程——表单 XHTML教程——总结 XHTML教程补充——复杂的表格 XHTML教程——基础知识 本节通过实例大概了解如何保存网页文件以及HTML的工作方式 用一分钟制作自己的第一个网页： 下面我们来试着做一个简单的网页，希望您能跟着我们操作，这只会花费您一分钟时间。现在您也许不知道那些尖括号“”和里面的字母究竟是些什么东西，不要担心，我们会在后面的教程中向您介绍。 首先请运行记事本，或在任意位置新建一个文本文档，在记事本内输入如下内容： html head title我是这个网页的标题/title /head body p这是我的第一个网页。/p /body /html 输入完毕后将文件保存，命名为“index.html”。(点击“文件”—“另存为”。在“文件名”一栏填入“index.html”，在“保存类型”一栏选择所有文件，然后点击“保存按钮”) 保存之后，双击该文件，浏览器就会自动打开这个网页了。请确认一下你的网页是否与该页面相同，如果相同，那么你就成功地完成了自己的第一个比较简陋的网页。 请注意，这只是一个简单的页面，虽然它在语法上符合XHTML的标准，但是如果要作为一个完整的、符合W3C标准的XHTML网页，它还缺少一些内容。相关内容将在后面的教程中介绍。这个网页仅仅是用来讲解一些基础的XHTML知识。 基础知识讲解 我们刚刚制作的网页以html开头，以/html结尾，它们分别代表网页文件的开始和结束。 英文中head是头的意思，body是身体的意思。网页的head/head和body/body两部分就分别代表了网页的“头”和“身子”。也许你注意到了，我们网页的“头”里面“有一个title/title。title一词是标题的意思，网页的标题(title)将会显示在浏览器上方的标题栏中。而网页的身子，也就是body与/body标签中间的内容将作为正文被显示在浏览器中。 这个网页很单薄，head和body中都没有什么内容。我们会在以后的教程中逐渐丰富网页的内容。但是现在请您记住一个概念：网页的头(head)是为浏览器(还有搜索引擎等软件)写的，它将不会显示在页面上，而身子(body)是为网站的用户写的，是浏览器将要显示的内容。 菜鸟恶搞XHTML之错误示例 打开下面这两个错误示例看看。它们的代码都存在十