网页制作技术综述一、html,xhtml与xml●HTML（Hyper Text Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。
HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。
HTML 的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
HTML简介设计HTML语言的目的，是为了能把存放在一台电脑中的文本或图形，与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体。
人们不用考虑具体信息是在当前电脑里还是在网络上其它电脑里，只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去。
而这些信息可能存放在网络的另一台电脑中。
HTML是网络的通用语言，一种简单、通用的全置标记语言。
它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
HTML标签通常是英文词汇的全称（如块引用：blockquote）或缩略语（如“p”代表Paragraph），但它们的书写与一般文本有区别，因为它们放在单书名号里，如Paragragh标签是<p>，块引用标签是<blockquote>。
有些标签说明页面如何被格式化，例如开始一个新段落。
其他则说明这些词如何显示，如<b>表示加粗。
还有一些其他标签提供在页面上不显示的信息，例如标题。
基本HTML页面以DOCTYPE开始，它声明文档的类型，且它之前不能有任何内容（包括换行符和空格），否则将使文档声明无效。
接着是<html>标签，以</html>结束。
在它们之间，整个页面有标题和正文两部分。
标题词－－夹在<head>和</head>标签之间－－这个词语在打开页面时出现在屏幕底部最小化的窗口。
正文则夹在<body>和</body>之间－－即所有页面的内容所在。
页面上显示的任何东西都包含在这两个标签之中。
HTML的特点和好处HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW 盛行的原因之一，其主要特点如下：1 简易性，HTML版本升级采用超集方式，从而更加灵活方便。
2 可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。
3 平台无关性。
虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。
HTML结构<HTML> 文件类型标记开始，HTML文件<HEAD> 文件头开始<TITLE>页面标题</TITLE> 页面标题标记</HEAD> 文件头结束<BODY> 主题标记开始正文内容主题内容</BODY> 主题内容结束</HTML>文件类型标记结束常用HTML代码1.标题文字<h#>..........</h#> #=1~6；h1为最大字，h6为最小字2.字体变化<font>..........</font>【1】字体大小<font size=#>..........</font> #=1~7；数字愈大字也愈大【2】指定字型<font face="字体名称">..........</font>【3】文字颜色<font color=#rrggbb>..........</font>rr：表红色（red）色码gg：表绿色（green）色码bb：表蓝色（blue）色码rrggbb也可用6位颜色代码数字3.显示小字体<small>..........</small>4.显示大字体<big>..........</big>5.粗体字<b>..........</b>6.斜体字<i>..........</i>7.打字机字体<tt>..........</tt>8.底线<u>..........</u>9.删除线<strike>..........</strike>10.下标字<sub>..........</sub>11.上标字<sup>..........</sup>12.文字闪烁效果<blink>..........</blink>13.换行（也称回车）<br>14.分段<p>15.文字的对齐方向<p align="#"> #号可为left：表向左对齐（预设值）center：表向中对齐right：表向右对齐P.S.<p align="#">之后的文字都会以所设的对齐方式显示，直到出现另一个<p align="#">改变其对齐方向，遇到<hr>或<h#>标签时会自动设回预设的向左对齐。
16.分隔线<hr>【1】分隔线的粗细<hr size=点数>【2】分隔线的宽度<hr width=点数或百分比>【3】分隔线对齐方向<hr align="#">#号可为left：表向左对齐（预设值）center：表向中对齐right：表向右对齐【4】分隔线的颜色<hr color=#rrggbb>【5】实心分隔线<hr noshade>17.居中对齐<center>..........</center>18.依原始样式显示<pre>..........</pre>19.<body>指令的属性【1】背景颜色-- bgcolor <body bgcolor=#rrggbb>【2】背景图案-- background <body background="图形文件名">【3】设定背景图案不会卷动-- bgproperties <body bgproperties=fixed>【4】文件内容文字的颜色-- text <body text=#rrggbb>【5】超连结文字颜色-- link <body link=#rrggbb>【6】正被选取的超连结文字颜色-- vlink <body vlink=#rrggbb>【7】已连结过的超连结文字颜色-- alink <body alink=#rrggbb>20.文字移动指令<MARQUEE>..........</MARQUEE>移动速度指令是:scrollAmount=# #最小为1，速度为最慢；数字越大移动的越快。
移动方向指令是：direction=# up向上、down向下、left向左、right向右。
指令举例：<MARQUEE scrollAmount=3 direction=up>..........</MARQUEE>●XHTML可扩展超文本置标语言（eXtensible HyperText Markup Language，XHTML），是一种置标语言，表现方式与超文本置标语言（HTML）类似，不过语法上更加严格。
从继承关系上讲，HTML是一种基于标准通用置标语言（SGML）的应用，是一种非常灵活的置标语言，而XHTML则基于可扩展置标语言（XML），XML是SGML的一个子集。
XHTML 1.0在2000年1月26日成为W3C的推荐标准。
什么是XHTML?XHTML 指扩展超文本标签语言（EXtensible HyperText Markup Language），其目标是取代HTML。
XHTML 与HTML 4.01 几乎是相同的。
是更严格更纯净的HTML 版本。
XHTML 是作为一种XML 应用被重新定义的HTML。
它是一个W3C 标准。
* XHTML是EXtensible HyperText Markup Language的英文缩写,即可扩展的超文本标记语言.* XHTML语言是一种标记语言,它不需要编辑,可以直接由浏览器执行.* XHTML是用来代替HTML的, 是2000年w3c公布发行的.* XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求.* XHTML是基于XML的应用.* 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,XHTML 是更严谨更纯净的HTML 版本。
它的可扩展性和灵活性将适应未来网络应用更多的需求。
XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的基于HTML语言设计的网站，直接采用XML还为时过早。
因此，在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。
所以，建立XHTML的目的就是实现HTML向XML的过渡。
目前国际上在网站设计中推崇的WEB 标准就是基于XHTML的应用（即通常所说的CSS＋DIV）。
概述XHTML是当前HTML版的继承者。
HTML语法要求比较松散，这样对网页编写者来说，比较方便，但对于机器来说，语言的语法越松散，处理起来就越困难，对于传统的计算机来说，还有能力兼容松散语法，但对于许多其他设备，比如手机，难度就比较大。