沙子 11月 4th, 2008 in CSS教程及相关应用 | tags: , , ,

网页设计CSS XHTML思想入门教程 之一学习XHTML

前言

想写这个教程的原因是因为我的一个小弟,在我们公司工作了一个多月学习网页制作，到现在居然没弄清网页和样式表是做什么用的，虽然他总聊天和睡觉，但我想还和没有一个系统的初级的教程有关。也是对自己的一个进阶，还有我的BLOG刚开始做内容什么都没有，有点东西充实总是好的，第一次写教程不好的地方大家请见谅，不过不知道有没有人看。

1 学习XHTML

XHTML是什么？

XHTML是The Extensible HyperText Markup Language(可扩展超文本标识语言)的缩写。HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。

2000年底，国际W3C组织(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言，目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的基于HTML语言设计的网站，直接采用XML还为时过早。因此，在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。所以，建立XHTML的目的就是实现HTML向XML的过渡。目前国际上在网站设计中推崇的WEB标准就是基于XHTML的应用（即通常所说的CSS＋div,唉？为什么是CSS+div？这个以后解释，先这么叫着）。

概念总是无趣的，了解一下就可以，如果您是个真正的初学者可以不想什么是XHTML HTML XML 因为我们就是从现在正在使用的XHTML1.0开始学习 而它的文件扩展名就叫html，我们叫它html文档。例如：index.html main.html

XHTML的语法

首先记住：XHTML的标签全部都是用小写字母，标签也必须被关闭，为什么？这是语法规定，就是说如果您用大写字母或没有把标签关闭就是不算是XHTML。

学习的最好方法是动手做，这个我们都知道，现在我们只要一个工具，就是widows的记事本，当然您有其它的文本编辑器也是可以的。

打开记事本输入:

<html></html>

看吧，我都是用的小写字母，并关闭标签。

这里解释一下HTML文档是以<html>标签开始 以</html>结束。也就是说我们写的内容（这个内容包括网页的标题信息和浏览者所见的内容）都要写在<html></html>标签里边。html文档的标签基本都是这样出现（可以说是成对出现，但并不准确因为只有两个才是一个完整的标签，但还有像<br/>和<img/>这种标签我们后边讲）。列如：

<html>

<head>

<title>我的第一个网页</title>

</head>

<body>世界你好

</body>

</html>

把以上代码粘到记事本内，另存为index.html，用浏览器打开它：

我们会得到两条信息，浏览器右上角的“我的第一个网页”这是这个html的标题或者叫名字，第二个是”世界你好” 这是写的内容(这里指浏览都所看到的内容，像上边的“世界你好”),以后我们的内容都会写在<body></body>这个标签里。

XHTML的标签有哪些？

来列一个完整xhtml的结构标签：

结构：body, head, html, title

文本： abbr, acronym, address, blockquote, br, cite, code, dfn, div, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var

链接： a

列表：dl, dt, dd, ol, ul, li

表单：form, input, label, select, option, textarea

表格：caption, table, td, th, tr

图片：img

对象：object, param

外部调用：link

重点说明：

像img 的完整标签是<img/>这样，没有另一半，细心的人会发现它的“/”在后边，还有<br/>

<hr/> 等这些都是完整的标签。为什么只有一半？因为它们里边不能添加任何标签了。不能理解？因为您还不知道它们是做什么的：

<img/> 是图片的标签 我们可以给它添加属性来确定这图片是哪来的叫什么尺寸多大。

<br/>是换行符和回车差不多一个意思。

<hr/>一条水平线，嗯，只是一条线。

如果还不能理解先不去想它，以后应用中我们会遇到。您还可以现在就网上搜索它们找到具体答案。要善用搜索。

好了，为了我们的课程不乏味，我们把XHTML就先讲到这儿，上边的标签如果您都能背下来最好，如果懒得背也没关系，看两遍先有个大概印象，我们以后在应用中记住它们。

到这里您应该了解：

1 XHTML规定标用是用小写字母。

2 标签是必须要关闭。 如：<div></div> <ul><li></li></ul> (到上面找找它们)

3 内容是写在标签中间。 如：<h1>应用中学习</h1>

4 有一种标签像<img/> 但它是完整的并且是关闭的。

2 条回复 - “网页设计CSS XHTML思想入门教程 之一学习XHTML”

  1. 络思威 说到：
    2008年11月04日 - 21:07

    好的，学习中…www.rocway.com

  2. 米巴 说到：
    2008年11月08日 - 20:05

    谢谢，希望快些更新

发表评论

Copyright©2008 沙子 由 WordPress 强力支持 订阅文章（RSS） 和 订阅评论（RSS）。