网站规划与网页设计.ppt

Xhtml语言基础XHTML简介
XHTML文档的基本结构
网页文件的创建过程
段落标记
文字标记
超链接
图像
表格
框架（多窗口页面）
表单

什么是HTML？
超文本标记语言（HTML——HyperTextMarkupLanguage）是用于设计网页源文件（网页文档）的语言。每一个页面的代码保存为一个网页源文件(.htm文件)。
八十年代初，HTML由万维网联盟（W3C：WorldWideWebConsortium）制订。
HTML包括一些定义页面内容和格式的符号，称为标记。它能够将文本、图像、声音和动画结合在一个网页文档中。这些文档可以通过Web浏览器显示，还可以通过超链接以访问其它的信息资源。
后来，进一步推出了XML（扩展标记语言），该语言可以由程序员自己定义标记。
什么是标记？
标记是网页文档中的一些有特定意义的符号。这些符号指明如何显示文档中的内容。
标记总是放在三角括号中，大多数标记都成对出现（有开始标记和结束标记）。结束标记和开始标记所用的字符相同，只是前面加一个斜杠。例如：<p>…</p>用于标记一个自然段。
标记可以具有相应属性即各种参数，如size、color、text、width和noshade等。例如：<p><fontsize="+1"color="red"></font></p>
HTML基础手动创建网页文档Dw中创建网页文档总结文档结构XHTML1.0提供了三种DTD声明可供选择：

过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
严格的(Strict):要求严格的DTD，你不能使用任何表现层的标识和属性，例如<br>。完整代码如下：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
框架的(Frameset):专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD。完整代码如下：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"lang="gb2312">
"xmlns"是XHTMLnamespace的缩写，叫做"名字空间"声明。
由于xml允许你自己定义自己的标识，不同的人定义的标识可能相同，但表示不同的意义。当文件交换或者共享的时候就容易产生错误。为了避免这种错误发生，XML采用名字空间声明，允许你通过一个网址指向来识别你的标识。
小王和小李都定义了一个<book>标识，如果小王的名字空间是"http://www.xiaowang.com"，小李的名字空间是"http://www.xiaoli.com"，那么当两个文档交换数据时，也不会混淆<book>标识，因为它属于不同的名字空间。
XHTML是HTML向XML过渡的标识语言，它需要符合XML文档规则，因此也需要定义名字空间。又因为XHTML1.0不能自定义标识，所以它的名字空间都相同，就是“http://www.w3.org/1999/xhtml”。
lang="gb2312",指定你的文档用简体中文。标记规范设定文字、图像、表格的摆放位置。当在许多段落中设置对齐方式时，常使用<div>…</div>标记。定位标记的格式为：
<divalign="left|center|right">文本、图像或表格</div>
其中属性align用来设置文本块、一段文字或标题在网页上的对齐方式：left、center和right。缺省时默认为left。在页面中插入一条水平标尺线，单独一行的形式，并加入一条水平线段。

水平线标记的格式为：
<hralign="left|center|right"size="横线粗细"width="横线长度"color="横线色彩"noshade=“noshade”/>
size设定线条粗细，以像素为单位，默认为2。
width设定线段长度，可以是绝对值（以像素为单位）或相对值（相对于当前窗口的百分比）。
color设定线条色彩，默认为黑色。可以采用色彩的名称。【