《网页制作基础》PPT课件.ppt

网站规划与网页设计 理工部 杨彩霖 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 4.1 XHTML简介 4.2 XHTML文档的基本结构 4.3 建立第一个页面 4.4 文字与段落排版 4.5 超链接 4.6 图像 4.7 表格 4.8 框架 4.9 表单 第 4章 网页制作基础 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 4.1.1 XHTML的产生 HTML是 Hypertext Markup Language（超文本标记 语言）的缩写，是一种为普通文件中某些字句加上标识的语 言，其目的在于运用标记（ tag）对文件达到预期的效果。 它是构成 Web页面（ Page），用来表示 Web页面的符号标 记语言。 HTML语言是建立网页的规范或标准，从它出现发展到 现在，规范不断完善，功能越来越强。但是依然有缺陷和不 足，人们仍在不断的改进它，使它更加便于控制和有弹性， 以适应网络上的应用需求。 2000年， W3C组织公布发行了 XHTML 1.0版本。 XHTML 1.0是一种在 HTML 4.0基础上优 化和改进的新语言，目的是基于 XML应用。 XHTML是一种 增强了的 HTML，它的可扩展性和灵活性将适应未来网络应 用更多的需求。 4.1 XHTML简介 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 4.1.2 XHTML的优点 XHTML 1.0作为一种语言，它的内容既符合 XML，并 且如果依照一些简单的指导方针，也能被 HTML 4.0用户代 理程序识别。开发者将它们的文档移植成为 XHTML 1.0，会 得到以下好处。 1 XHTML文档遵从 XML标准 XHTML文档遵从 XML标准，用标准的 XML工具很容易 查看、编辑和检验它们。 XHTML文档可以在现有的 HTML 4.0代理用户程序中使用，也可以在新的 XHTML用户代理程 序中使用，在后者中使用可以达到与前者同样或更好的效果。 2在 XHTML文档中可使用更多的应用程序 XHTML文档中使用的应用程序（如 Script和 Applet） 可以是 HTML的文档对象模型 DOM（ Document Object Model），也可以是 XML的文档对象模型。 4.1 XHTML简介 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 4.1.3 XHTML代码规范 1所有的标记都必须有一个相应的结束标记 以前在 HTML中，用户可以打开许多标签，如 ，而 不一定写对应的 来关闭它们，但在 XHTML中这是不合 法的。 XHTML要求有严谨的结构，所有标签必须关闭。如果 是单独不成对的标签，则在标签最后加一个 “ /”来关闭它， 例如， 2所有标签的元素和属性的名字都必须使用小写 XHTML对大小写是敏感的， 和 是不 同的标签。 XHTML要求所有的标签和属性的名字都必须使用 小写字母。例如， 必须写成 。大小写夹 杂也是不被认可的，通常在 Dreamweaver中自动生成的属 性名 onMouseOver也必须修改成 onmouseover。 4.1 XHTML简介 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 4.1.3 XHTML代码规范 3所有的标记都必须合理嵌套 同样，因为 XHTML要求有严谨的结构，因此所有的嵌 套都必须按顺序嵌套，例如，以前用户可以这样编写的代码： /b 但按照 XHTML要求必须修改为： /p 就是说，一层一层的嵌套必须是严格对称的。 4所有的属性必须用引号括起来 在 HTML中，用户可以不用给属性值加引号 “ ”，但是 在 XHTML中，它们必须被加引号。例如，在 HTML中可写为： 而按照 XHTML要求必须修改为： 4.1 XHTML简介 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 4.1.3 XHTML代码规范 5特殊符号 “ ”和 “ &”用编码表示 小于（ ）号，不是标签一部分的，必须被编码为 >； （ &）号，不是实体的一部分的，必须被编码为 &。 6每个属性必须赋值 XHTML规定所有属性都必须有一个值，没有值的就重 复本身。例如： 按照 XHTML要求必须修改为： 7不要在注释内容中使用 “ -” “-”只能出现在 XHTML注释的开头和结束位置。 4.1 XHTML简介 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 1.标记 XHTML文档由标记和被标记的内容组成。标记（ tag） 能产生所需的各种效果。格式为： 受标记影响的内容 例如，标题标记 表示为： 我的第一个网页 需要注意以下 3点。 每个标记都要用 “ ”（大于号） 括起来，如 ， ，以表示这是 XHTML代码而非 普通文本。 “ ”与标记名之间不能留有空格或其他 字符。 在标记名前加上符号 “ /”便是其结束标记，表示该 标记内容的结束，如 。标记也有不用 结尾 的，称之为单标记。 Dreamweaver 8中文版中，标记被翻译为标签。 4.2 XHTML文档的基本结构 4.2.1 标记及其属性 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 2. 标记的属性 标记只是规定这是什么信息，或是文本，或是图片，但 怎样显示或控制这些信息，就需要在标记后面加上相关的属 性来表示，每个标记有一系列的属性。格式为： 受影 响的内容 例如，一级标题标记 有属性 align， align表示文字 的对齐方式，表示为： 欢迎！ 4.2 XHTML文档的基本结构 4.2.1 标记及其属性 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. XHTML文档是一种纯文本格式的文件， XHTML文 档的基本结构为： 网页的标题 网页的内容 【 例 4-1】 4.2 XHTML文档的基本结构 4.2.2 XHTML的基本结构 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 【 说明 】 结构的第 1、 2行代码称为 DOCTYPE声明， DOCTYPE是 document type（文档类型）的简写，用来 声明使用的 XHTML是什么版本。 DOCTYPE必须为大写。 其中的 DTD叫做文档类型定义，里面包含了文档的规则。浏 览器根据定义的 DTD来解释页面的标记，并显示出来。要建 立符合标准的网页， DOCTYPE声明是必不可少的关键组成 部分。 DOCTYPE声明必须放在每一个 XHTML文档的最顶 部，在所有代码和标记之前。 4.2 XHTML文档的基本结构 4.2.2 XHTML的基本结构 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 【 说明 】 结构的第 3行的作用是声明网页使用的名字空间。 “ xmlns”是 XHTML namespace的缩写，称为 “ 名字空 间 ” 。由于 XHTML是 HTML向 XML过渡的标记语言，它需 要符合 XML文档规则，因此也需要定义名字空间。又因为 XHTML1.0不能自定义标记，所以它的名字空间都相同，就 是 http:/www.w3.org/1999/xhtml。 第 5行定义语言编码。为了被浏览器正确解释和通 过 W3C代码校验，所有的 XHTML文档都必须声明它们所使 用的编码语言。一般使用 gb2312（简体中文）。 4.2 XHTML文档的基本结构 4.2.2 XHTML的基本结构 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 用最简单的 “ 记事本 ” 来编辑网页。 打开记事本。单击 Windows的 “ 开始 ” 按钮，在 “ 程序 ” 菜单中的 “ 附件 ” 子菜单中单击 “ 记事本 ” 。 创建新文件，并按 HTML语言规则编辑。在 “ 记事本 ” 窗口中输入 HTML语言，输入的内容。 保存网页。打开 “ 记事本 ” 的 “ 文件 ” 菜单，选择 “ 保存 ” 。此时将出现 “ 另存为 ” 对话框，在 “ 保存在 ” 下 拉列表框中选择文件要存放的路径；在 “ 文件名 ” 文本框输 入以 .html或 .htm为后缀的文件名，如 welcome.html；在 “ 保存类型 ” 下拉列表框中选择 “ 文本文档 ” 。最后单击 “ 保存 ” 按钮，将记事本中的内容保存在磁盘中。 如果希望这一页是网站的首页（主页），想让浏览者输 入网址后，就显示这一页的内容，可以把这个文件设为默认 文档，文件名为 index.html或 index.htm。 4.3 网页文件的创建过程 4.3.1 编辑和保存网页 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 通过编辑可以得到一个 .html文件，要想使这个文档显 示出网页的样子，就要使用浏览器进行预览。有两种方法 可以打开 .html网页文件。 1. 用浏览器打开 网页在浏览后会有不满意的地方，此时可重新在 “ 记 事本 ” 中打开该 .html文件修改；或者在浏览器中直接打开 源文件（在 IE中，从 “ 查看 ” 菜单中的 “ 源文件 ” 中打 开）。修改后，单击 “ 文件 ” 菜单中的 “ 保存 ” 命令。如 果浏览器没有关闭，要在浏览器中看到修改后的效果，不 必重新打开该文件，直接单击浏览器工具栏上的 “ 刷新 ” 按钮。 2. 在“ Windows资源管理器”或“我的电脑”中打 开 在 “ Windows资源管理器 ” 或 “ 我的电脑 ” 中双击 要打开的 .html文件，这时将直接在默认的浏览器中打开 该 .html文件。 4.3 建立第一个页面 4.3.2 预览网页 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 注释标记的格式为： 注释并不局限于一行，长度不受限制。结束标记与开始 标记可以不在一行上。 2 强制换行和不换行标记 、 . 要用 HTML的标记来强制换行、分段。 放在一行的 末尾，可以使后面的文字、图片、表格等显示于下一行，而又 不会在行与行之间留下空行，即强制文本换行。强制换行标记 的格式为： 文字 不换行标记可令文字不能因太长使浏览器无法显示而换行， 它对住址、数学公式、一行数字等尤其有用。其格式为： 文字 4.4 文字与段落排版 1 注释标记 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 段落标记放在一个段落的头尾，用于定义一个段落。 .标记不但能使后面的文字换到下一行，还可 以使两段之间多一空行，相当于两个 标记。 段落标记的格式为： 文字 一个段落标记 可以看作是两个 标记，即 。 其中属性 align用来设置段落文字在网页上的对齐方式： left（左对齐）、 center（居中）和 right（右对齐）。缺 省时默认为 left。 格式中的 “ |”表示 “ 或者 ” ，即多中选一。 4.4 段落标记 3 段落标记 . Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 设定文字、图像、表格的摆放位置。当在许多段落中 设置对齐方式时，常使用 标记。定位标记 的格式为： 文本、图像或表 格 其中属性 align用来设置文本块、一段文字或标题在网 页上的对齐方式： left、 center和 right。缺省时默认为 left。 4.4 段落标记 4 定位标记 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 在页面中插入一条水平标尺线，可以使不同功能的文 字分隔开，看起来整齐、明了。当浏览器解释到 HTML文档 中的 标记时，会在此处换行，并加入一条水平线段。 线段的样式由标记的参数决定。 水平线标记的格式为： size设定线条粗细，以像素为单位，默认为 2。 width设定线段长度，可以是绝对值（以像素为单位） 或相对值（相对于当前窗口的百分比）。 color设定线条色彩，默认为黑色。可以采用色彩的名 称。色彩可以用相应英文单词或以 “ #”引导的一个十六进 制数代码来表示。 4.4 段落标记 5 水平线标记 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 【 例 4-2】 本例文件 ex4-2.htm在浏览器中的显示效果如 图 4-4所示。 4.4 段落标记 6段落标记综合实例 图 4-4 段落标记综合实例 【 例 4-2】 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 超链接（ Hyperlink）是网页互相联系的桥梁，超链 接可以看作是一个 “ 热点 ” ，它可以从当前网页定义的位 置跳转到其他位置，包括当前页的某个位置、 Internet或 本地硬盘或局域网上的其他文件，甚至跳转到声音、图片 等多媒体文件。浏览网页是超链接最普遍的一种应用，通 过超链接还可以获得不同形态的服务，如文件传输、资料 查询、电子邮件、远程访问等。 当网页包含超链接时，网页中的外观形式为彩色（一 般为蓝色）且带下划线的文字或图片。单击这些文本或图 片，可跳转到相应位置。鼠标指针指向超链接的显示文本 或图片时，将变成手形。超文本链接使用锚点标记 来 定义。 4.5 超链接 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 锚点（ anchor）标记由 定义，它在网页上建立超 文本链接。通过单击一个词、句或图片，可从此处转到另 一个链接资源（目标资源），这个目标资源有惟一的地址 （ URL）。具有以上特点的词、句或图片就称为热点。 标记的格式为： 热点 href属性为超文本引用，它的值为一个 URL，是目标 资源的有效地址。如果要创建一个不链接到其他位置的空 超链接，可用 “ #”代替 URL，即 热点 。 target属性设定链接被单击后结果所要开始窗口的方式。 可选值为： _blank， _parent， _self， _top。 4.5 超链接 1 锚点标记 . Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. (1) 链接到同一目录内的网页文件 链接到同一目录内的网页文件的格式为： 热点文本 (2) 链接到下一级目录中的网页文件 链接到下一级目录中网页文件的格式为： 热点文本 (3) 链接到上一级目录中的网页文件 链接到上一级目录中网页文件的格式为： 热点文本 其中 “ . . /表示退到上一级目录中。 (4) 链接到同级目录中的网页文件 链接到同级目录中网页文件的格式为： 热点文本 4.5 超链接 2 指向其他页面的链接 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 要在当前页面内实现超链接，需要定义两个标记：一个 为超链接标记，另一个为书签标记。超链接标记的格式为： 热点文本 书签就是用 标记对该文本作一个记号。格式为： 目标文本附近的字符串 如果要建立指向其他页面某处的文本，格式为： 热点文本 要在跳转到的位置处加上链接标记： 文字串 如果链接指向其他文件的某一部分，格式为： 热点文本 4.5 超链接 3 指向本页中的链接 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 如果链接到的文件不是 HTML文件，则该文件将作为下载 文件，其格式为： 热点文本 5 指向电子邮件的链接 单击指向电子邮件的链接，将打开缺省的电子邮件程序， 如 FoxMail、 Outlook Express，并自动填写邮件地址。指 向电子邮件链接的格式为： 热点文本 例如， E-mail地址是 ，建立如下 链接： 免费电话 :80012345678 信箱 : 4.5 超链接 4 指向下载文件的链接 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. （ 1） 设置背景色 格式为： “色彩值 ” 可以为色彩的英文名或相应十六进制值。 （ 2） 用图片作为背景 使用 标记的 background属性，可为网页铺上 背景图片。格式为： background取值为一个图片文件名，并且要指出文件 存放的路径，可以是相对路径，也可以是绝对路径。图片文件 可为 GIF格式或 JPEG格式的文件。 在浏览器中，作为背景的图片将按原来的大小复制，重 复铺满整个网页。 4.6 图像 1 网页的背景 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 使用图片标记，可以把一幅图片加入到网页中。用图片标 记还可以设置图片的替代文本、尺寸、布局等属性。图片标记 的格式为： 如果不设定图片的尺寸，图片将按照其本身的大小显示。 可使用 标记的 width和 height属性来设置图片的大小。 width和 height属性的属性值可取像素数，也可取百分数。 4.6 图片 2 图片标记 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 如果不设置文本对图片的环绕，图片在页面会占一片空 白。利用 标记的属性，可以使文本环绕图片。 使用该标记设置文本环绕方式后，将一直有效，直到遇 到下一个设置标记。如果想取消文本环绕图片，可使用 标记，其后的文本将不再环绕图片。格式为： 其中 clear的取值可为： left（解除在图片左侧放置的文 本）、 right（解除在图片右侧放置的文本）或 all（解除在图 片左、右侧放置的文本）。 4.6 图片 2 图片标记 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 图片也可作为热点，单击图片则跳转到被链接的文本或 其他文件。格式为： 例如，下面代码： 4.6 图片 3 用图片作为热点 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 最简单的表格仅包括行和列。表格的标记为 ，行 的标记为 ，表项的标记为 。格式为： 表头 1 表头 2 表头 n 表项 1 表项 2 表项 n 表项 1 表项 2 表项 n 4.7 表格 1 简单表格 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 在缺省下，表项居于单元格的左端。可用列、行的属性 设置表项数据在单元格中的位置。 (1) 水平对齐 表项数据的水平对齐用标记 、 和 的 align属性。 align的属性值分别为： center（表项数据的居 中）、 left（左对齐）、 right（右对齐）或 justify（左右调 整）。 (2) 垂直对齐 表项数据的垂直对齐用标记 、 和 的 valign属性。 valign的属性值分别为： top（靠单元格顶）、 bottom（靠单元格底）、 middle（靠单元格中）或 baseline（同行单元数据项位置一致）。 4.7 表格 2 表格内文字的对齐方式 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 前面介绍的是表格中的各个单元格的属性。现在，把表 格作为一个整体，介绍表格在页面中的位置及背景的设置。与 图片一样，表格在浏览器窗口中的位置也有三种：居左、居中 和居右。使用 标记的 align属性。格式为： 当表格位于页面的左侧或右侧时，文本填充在另一侧。当 表格居中时，表格两边没有文本。当 align属性缺省时，文本 在表格的下面。 4.7 表格 3 表格在页面中的对齐方式 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 在 、 、 、 标记中，使用下面属 性可以改变表格的背景和边框的色彩、添加背景图片，也可以 为行和单元格改变色彩、添加背景图片。 bgcolor=色彩或色彩值 设置背景色彩 background=图片文件名 设置背景图片 bordercolor=色彩 设置表格边框的色彩 bordercolorlight=色彩 设置表格边框亮部的色彩 rules=row,cols或 none 设置表内线的显示方法， none为无内线 如果把属性放到 中，其作用范围为整个表格， 如果把属性放到 中，则作用范围为整个行，如果把属性 放到 、 中，则作用范围为该单元格。 4.7 表格 4 表格的色彩和图片背景 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 框架（ Frames）也称多窗口页面或帧，是在同一浏览器 窗口中显示多个相互隔离的 XHTML页的结构，每个区域显示 一个 XHTML文件。 1 建立框架 框架的建立使用 、 两个标记。 用来划分窗格， 标记用来声明其中框 架页面的内容。框架的基本结构为： . 4.8 框架 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. (1) 标记 标记用来定义一个框架组的属性，格式为： 其中属性： row 设定横向分割的框架数目 cols 设定纵向分割的框架数目 border 设定边框的宽度 bordercolor 设定边框的色彩 frameborder 设定有 无边框 framespacing 设置各窗格间的空白 4.8 框架 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 框架有横向和纵向之分。对一个框架来说，其大小是很 重要的。 的 rows和 cols属性用于设定横向分割 和纵向分割的框架数目。例如，要建立有三个横向框架的页面， 可写为： 4.8 框架 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. (2) 标记 标记用于给各个框架指定页面的内容，也就是， 它将各个框架和包含其内容的那个文件联系在一起。 是一个单标记，格式为： 标记的个数应等于在 标记中所定 义的框架数，并按在文件中出现的次序按先行后列对框架进行 初始化。如果 标记数目少于 中定义的 框架数量，则多余的框架为空。 4.8 框架 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 【 例 4-7】 纵向排列多个窗格。本例中用到的其他 HTM文 件是在前面例题中建立的文件。本例文件 ex4-7.htm在浏览 器中显示的效果如图 4-9所示。 4.8 框架 图 4-9 纵向排列多个窗格 【 例 4-7】 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 在很多网页中，常在一个框架中显示一个所有网页内容的 目录，而通过单击其中的某项，在另一个框架中显示相应内容。 这些目录是热点文本，需要在框架之间建立超链接，并指明显 示的目标文件的框架。 使用 的 target属性就可以控制目标文件在那个框架 内显示。当单击热点文本时，目标文件就会出现在有 target 指定的框架内。 target属性的值可以为框架名，使用格式为： 热点文 本 4.8 框架 2 框架间的链接 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 另外， “ 框架名 ” 有 4个特殊的值，分别实现 4类特殊的 操作： target=_blank：链接的目标文件被显示在一个新的 没有名字的浏览器窗口中。 target=_self：链接的目标文件被显示在当前框架窗 口中，代替正在显示的热点文本所在的那个文件，是省略 target属性的默认值。 target=_top：链接的目标文件被显示在整个浏览器 窗口（取消了框架）。 target=“_parent”：当框架嵌套时，链接的目标文件被 显示在父框架中；否则，被显示在整个浏览器窗口中。 4.8 框架 2 框架间的链接 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 网页上具有可输入表项及项目选择等控制所组成的栏目 称为表单。在网页中，通过表单交流和反馈信息。格式为： name属性 :表单的名字，在一个网页中用于惟一识别一 个表单 action属性 :表单处理的方式，往往是 E-mail地址或网 址 method属性 :表单数据的传送方向，是获得（ GET）表 单还是送出（ POST）表单 4.9 表单 1 表单的标记 . Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 使用 标记的 type属性，可以在表单中加入表项， 并控制表项的风格。 type属性值为 text，则输入的文本以标 准的字符显示； type属性值为 password，则输入的文本显 示为 “ *” 。 在表项前应加入表项的名称，如 “ 您的姓名 ” 等，以告 诉浏览者在随后的表项中输入的内容。 4.9 表单 2 文字和密码的输入 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 如果浏览者想清除输入到表单中的全部内容，可以使用 标记中的 type属性所设的重置（ reset）按钮，当浏 览者完成表单的填写，想要发送时，可使用 标记的 属性 type所设的提交（ submit）按钮，将表单内容送给 action中的网址或函件信箱。格式为： 当缺省 value的设置值时，重置和提交的按钮分别显示为 “ 重置 ” 和 “ 提交查询内容 ” 。 4.9 表单 3 重置和提交 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 在页面中有些地方需要列出几个项目，让浏览者通过选择 钮选择项目。选择钮可以是复选框（ checkbox）或单选钮 （ radio）。用 标记的 type属性可设置选择钮的类 型，属性 value可设置该选择钮的控制初值，用以告诉表单制 作者选择结果。用 checked表示是否为缺省选中项。 name属 性是控制名，同一组的选择钮的控制名是一样的。 4.9 表单 4 复选框和单选钮 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 当浏览者选择的项目较多时，如果用选择钮来选择，占 页面的区域就会较多。可以用 标记和 标 记来设置选择栏。选择栏可分为两种，即弹出式和字段式。 标记的格式为： 4.9 表单 5 选择栏 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 其中： size 取数字，表示在带滚动条的选择栏中一次 可见的列表项数 name 控制操作名 multiple 不带值，加上本项表示可选多个选项，否 则只能单选 标记的格式为： 其中： selected 不带值，加上本项表示该项是预置的 value 指定控制操作的初始值，缺省时初值为 option 中的内容表示选项值 4.9 表单 5 选择栏 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 在意见反馈栏中往往需要浏览者发表意见和建议，提供的 输入区域一般较大，可以输入较多的文字。使用 标记可以设置允许成段文字的输入。格式为： 多行文本 其中的行数和列数是指不用滚动条就可看到的部分。 4.9 表单 6 多行文字的输入 textarea. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 1简答 XHTML的发展历史。 2简答 XHTML文档的基本结构。 3简述建立一个 XHTML文档的基本过程。 4制作如图 4-13所示的图文混排的网页。 5制作如图 4-14所示的网页，单击软件名称，则下载该文件。 6使用表格和图像标记分别制作如图 4-15所示的网页。 7制作一个 “ 汽车客户喜爱车型调查表 ” 表单，如图 4-16所 示。 8制作如图 4-17所示的框架网页。在左侧单击项目，右侧显 示相应的内容。 习题 4 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd.