[互联网]六天学会做网页.doc

◆xhtml和html的概念与区别xhtml的概念 　　html是超文本链接语言的缩写（HyperText Markup Language）。简单来说html是一种网页语言，我们用它做网页，而且它学习起来很简单。 　　xhtml呢？X代表“扩展的”，xhtml就是升级版的html语言，他比html更加严谨纯净，学名叫做扩展超文本链接语言（EXtensible HyperText Markup Language）。它是一个W3C标准，用它制作的网页能让更多的浏览器正确的接受并准确显示出来，而且xhtml把许多样式的体现方式交给了CSS，真正做到了结构与样式的分离。人们开发xhtml的目的就是要逐步取代老一代的html语言。 xtml和html的主要区别 　　XHTML元素必须被正确地嵌套。 　　XHTML元素必须被关闭。 标签名必须用小写字母。 XHTML文档必须拥有根元素。 拿例子来解释一下： 1.不正确的嵌套 　　pstrong一个段落中的粗体字/p/strong 　　正确的嵌套应该是这样 　　pstrong一个段落中的粗体字/strong/p 　　2.注意标签关闭状态 　　　　pstrong一个段落中的粗体字 　　一段文字 br 　　一条横线 hr 　　一张图片 img src=images.gif alt=images 　　　　正确的关闭应该是这样，连空标签也需要用“/”来关闭 　　　　pstrong一个段落中的粗体字/strong/p 　　一段文字 br / 　　一条横线 hr / 　　一张图片 img src=images.gif alt=images / 　　　　3.错误的大写字母 　　　　BODYP一段话/Plt;/BODY 　　　　正确的应该用小写字母书写，如下： 　　　　body一段话/p/body 　　　　4.所有的标签和元素都应该嵌套在html根元素中，其中的子元素也必须是成对的嵌套在父元素中。 　　　　html 　　head ... /head 　　body ... /body 　　/html 　xhtml的学习基础 　　xhtml的学习并不需要很高的基础，如果你已经熟悉html，你甚至可以不用在特别学习xhtml语言，如果你是新手，也完全不用先学习html作为基础，相反，我推荐你跳过html直接学习xhtml语言和css。光看教程和例子是不够的，关键还是要自己多做才能多得。 　　第一次看这些专业术语可能会有些枯燥、难以理解，不用着急，以后我们将对它们仔细剖析。xhtml的标签和元素是什么？我们先给出一段代码，可以将其保存为test.html文件，它就生成了一个简单的网页文件，只是用它做个例子而已。我们暂且不管它是不是符合网页标准。 html head title网页的标题/title /head body p align=center这是我的第一个网页. strong几个粗体字./strong/p br / hr / /body /html什么是XHTML标签？ 在上面的代码里和上一篇文章xhtml和html里你也许看到了许多xhtml标签，就是那些用“” “”括在中间的词组，比如 html/htmltitle/title，它们只差一个“/”，前面的叫开始标签，后面带“/”的为结束标签，在xhtml中它们必须成对出现，正所谓有始必有终，否则会引起页面无法显示、错位甚至更严重的问题。 什么是XHTML元素？　　在上面代码中的文字 strong几个粗体字/strong，其中几个粗体字是元素内容，由strong标记开始到/strong结束。strong这个标记的作用是让元素变成了粗体字。什么是标签的属性？　　我们可以给xhtml的标签设置一些属性,如： p align=center　　上面的代码是段落的开头第一行定义，他的标签是p，我们给它加了一个属性align=center，让它的内容居中显示，将其完整化就应该是： p align=center省略一些内容/p　　属性的标记格式是起始标签 属性=属性的值什么是空标签？ 　　有些标签不像上面说的p和strong那样有起始标签和结束标签，它们自己本身就有（或说代表）一个单独的含义，它不能把元素包含其中，所以把他叫为空标签，需要注意的是，空标签也需要关闭，我们知道结束标签是开始标签前面加上“/”符号来关闭，空标签也是用它来进行关闭操作，但只需要添加在起始标签后就可以了。 　　比如在html4.0中的代码：水平线标签hr，它在xhtml中的应该写成hr /，还有br /等，hr和br后面与“/”之间的空格是不可缺少的。xhtml