适用于 Windows 和 ASP 的简单网页格式

• 下载源代码 - 0.4 Kb
• 下载 GRML 文件/网页查看器 - 273.4 Kb

引言

本文的目的是向您介绍一种从文件系统加载和查看内容的新方法（在后续文章中，还将介绍在 Web 浏览器中下载和查看网页）。本文讨论了一种用于创建和查看文件内容的方法，该方法使用基于 Web 的内容进行保存、查看和检索。

背景

本教程将向您展示如何在文件系统和网页（如果您有 Web 服务器）中使用一种新的文件类型。您应该对网页的工作方式有基本了解，并具有标记语言（HTML 或 XML）方面的经验。

创建文件。

让我们开始创建一个简单的文件来显示数据。该文件将包含一种称为 GordonRhodes 标记语言（GRML）的标记语言。本示例将用于定义描述我今年观看的电影《黑客帝国》数据的 <$> 内容。

首先，打开记事本（或您喜欢的文本编辑器），然后键入以下内容（或直接复制粘贴）。

<a class=rslt_13 type=item>Matrix Image 1</>

这一行称为标签对，是 GRML 文件查看器和 Web 浏览器读取和显示文件或网页内容的方式。所有标签对都由一个开始标签和一个结束标签组成，内容位于两个标签之间。第一个标签描述内容，其中 class 决定内容的位置，name 将内容分组，type 提供内容的属性。

出于本文的目的，将不使用 name 属性。

rslt_13 命令告诉 GRML 文件查看器或 Web 浏览器，标签对中的内容应显示在使用 rslt_13 数据的控件或窗口中。屏幕截图中的 GRML 文件查看器和 Web 浏览器名为 Pioneer。它显示 GRML 文件和网页，并将演示本教程将涵盖的所有功能。

type 的 item 属性告诉 GRML 文件查看器，此内容是 rslt_13 控件（或窗口）的一个项。但是，要显示内容，需要将其附加到描述性列。因此，让我们添加一个。

<a class=column_13 type=item>Title</>

此标签对描述了一个用于显示 rslt_13 项的列。在这种情况下，标签对定义了一个名为“Title”的列。所以，现在我们有了一个列和一个结果。在可以查看之前，必须添加文档标签。这些标签与 HTML 相同，只是它们写着 GRML。一旦您添加了文档开始标签和文档结束标签，代码就应该如下所示：

<grml>
<a class=column_13 type=item>Title</>
<a class=rslt_13 type=item>Matrix Image 1</>
</grml>

您刚刚创建了您的第一个 GRML 文件。所有 GRML 文件都应该如此。有些有更多的标签对，有些则更少。但是，它们都有一个文档开始标签、一系列标签对和一个文档结束标签。

保存文件并在 Pioneer 中打开它。要在 Pioneer 中打开文件，只需按 Ctrl+O 或在工作区窗口中右键单击并选择“打开”。找到您刚刚保存的文件并打开它。您应该看到如下内容：

添加内容

让我们添加更多内容。在文档标签之间添加以下标签对并保存文件。

<grml>
<a class=rslt_13 type=item>Matrix Image 2</>
<a class=rslt_13 type=item>Matrix Image 3</>
<a class=rslt_13 type=item>Matrix Image 4</>
<a class=rslt_13 type=item>Matrix Image 5</>
<a class=rslt_13 type=item>Matrix Image 6</>
<a class=rslt_13 type=item>Matrix Image 7</>
<a class=rslt_13 type=item>Matrix Image 8</>
<a class=rslt_13 type=item>Matrix Image 9</>
</grml>

保存文件后，单击“刷新”按钮或按“F5”。您现在应该看到以下内容：

添加超链接

好的，这是添加内容的基本方法。关于 Web 项目（如超链接）怎么办？嗯，要在您的结果之一中添加超链接，请添加以下标签对：

<a class=rslt_13 type=link>http://whatisthematrix.warnerbros.com/rl_img/onset_reloaded_58.jpg</>
<a class=rslt_13 type=link>http://whatisthematrix.warnerbros.com/rl_img/onset_reloaded_59.jpg</>
<a class=rslt_13 type=link>http://whatisthematrix.warnerbros.com/rl_img/onset_reloaded_60.jpg</>
<a class=rslt_13 type=link>http://whatisthematrix.warnerbros.com/rl_img/onset_reloaded_61.jpg</>
<a class=rslt_13 type=link>http://whatisthematrix.warnerbros.com/rl_img/onset_reloaded_62.jpg</>
<a class=rslt_13 type=link>http://whatisthematrix.warnerbros.com/rl_img/onset_reloaded_63.jpg</>
<a class=rslt_13 type=link>http://whatisthematrix.warnerbros.com/rl_img/onset_reloaded_64.jpg</>
<a class=rslt_13 type=link>http://whatisthematrix.warnerbros.com/rl_img/onset_reloaded_65.jpg</>
<a class=rslt_13 type=link>http://whatisthematrix.warnerbros.com/rl_img/onset_reloaded_66.jpg</>

再次保存文件，然后按“刷新”按钮或按“F5”。窗口现在看起来应该像这样：

尝试单击窗口中的一个项目。如果您连接到 Internet，它将启动 Web 浏览器并带您到该链接。这是因为内容属性是“link”。Link 项用于描述 GRML 文件或网页中的超链接。

添加图像

现在，让我们向窗口中添加一个非文本项。由于《黑客帝国》中有许多精彩的视觉场景，我们将在此文件中添加一些图像。将以下行添加到您的文件中并保存。

<a class=rslt_13 type=image>http://whatisthematrix.warnerbros.com/rl_img/bts_58.gif</>
<a class=rslt_13 type=image>http://whatisthematrix.warnerbros.com/rl_img/bts_59.gif</>
<a class=rslt_13 type=image>http://whatisthematrix.warnerbros.com/rl_img/bts_60.gif</>
<a class=rslt_13 type=image>http://whatisthematrix.warnerbros.com/rl_img/bts_61.gif</>
<a class=rslt_13 type=image>http://whatisthematrix.warnerbros.com/rl_img/bts_62.gif</>
<a class=rslt_13 type=image>http://whatisthematrix.warnerbros.com/rl_img/bts_63.gif</>
<a class=rslt_13 type=image>http://whatisthematrix.warnerbros.com/rl_img/bts_64.gif</>
<a class=rslt_13 type=image>http://whatisthematrix.warnerbros.com/rl_img/bts_65.gif</>
<a class=rslt_13 type=image>http://whatisthematrix.warnerbros.com/rl_img/bts_66.gif</>

这些标签对的 type 将内容描述为图像。当您的文件中包含上述标签对时，请保存并重新加载文件。您应该看到这个：

现在，要查看图像，您需要右键单击显示内容（结果）的窗口，然后选择“Picture”菜单项（在上下文菜单中）。或者，您也可以按 Ctrl+J 或 Ctrl+K 直到看到图像。它看起来应该如下：

图像有点小，难以看清。解决此问题的方法是设置图像的高度和宽度，使其更容易辨认。将以下行添加到您的文件中。

<a class=rslt_13 type=imageheight>60</>
<a class=rslt_13 type=imagewidth>90</>

保存文件后，刷新它。图像更大，更容易查看。您猜怎么着，它看起来与上面的屏幕截图相同。

结论

恭喜！您已完成第一个 GRML 文件。如果您愿意，可以将其保存为网页，并通过 URL 下载它。但是，一步一步来，在这篇文章中，您学习了 GRML 文件的标签、它们的作用以及如何访问超链接和查看图像。在下一篇文章中，您将学习如何创建更高级的 GRML 文件以及如何通过 Web 下载 GRML 文件。

在那之前，尽情享受 GRML 和 Pioneer 的实验吧。

相关文章

HTML 和当前 Web 浏览器的替代方案
Code Project/ASP.NET - HTML, XML, RML -- 创造一种更好的 Web 标记语言