能够在文档中创建链接,将您带到另一个文档(可能是在全球各地的网络上),这可能是万维网发明的最重要原因。这些称为超链接的链接是HTML(超文本标记语言)中的“H”。没有超链接,网络将不会非常有用。没有搜索引擎,社交媒体或横幅广告(好吧,我们大多数人都可以站在那里看看)。
当您创建自己的网页时,您将需要创建超链接,而KompoZer提供的工具可以轻松添加任何类型的链接。本教程中的示例页面将包含指向其他四个类别网站的链接,指向同一网页的其他部分以及启动电子邮件的链接。我将从标题和四开始
H3 每个类别的标题。在下一页,我们将添加一些链接。 05年1月1日
使用KompoZer创建超链接
单击工具栏上的“链接”按钮可访问KompoZer的超链接工具。要创建超链接:
- 将光标放在要显示超链接的页面上。
- 单击工具栏上的“链接”按钮。将出现“链接属性”对话框。
- 您需要填写的第一个字段是“链接文本”框。键入要在超链接的页面上显示的文本。
- 您需要填写的第二个字段是“链接位置”框。输入超链接在单击时将用户带到的页面的URL。从浏览器的地址栏复制并粘贴URL是个好主意。您不太可能以这种方式犯错,并且至少在创建链接时,您知道页面处于活动状态且链接未被破坏。
- 单击“确定”,将关闭“链接属性”对话框。您的链接现在将显示在您的页面上。
在大多数浏览器中,默认情况下,超链接将以蓝色下划线文本显示。您可以将自己的样式应用于使用KompoZer的超链接,但是现在,我们将坚持使用基本的超链接。最好在Web浏览器中预览页面,然后单击链接以确保它们正常工作。
05年02月02日使用KompoZer创建锚链接
还有另一种超链接可以在您单击时将您带到同一网页的另一部分。这种超链接称为锚链接,单击该链接时所用的页面区域称为锚点。如果您曾经使用过网页底部的“返回顶部”链接,则可以单击指向锚点的链接。
KompoZer允许您使用工具栏上的“锚点”工具创建可以链接到的锚点。
- 单击您想要锚点的页面区域。也就是说,您希望在单击锚链接时将页面查看器带到的位置。对于此示例,我在“收藏的音乐”标题中的“F”之前单击。
- 单击工具栏上的“锚点”按钮。将出现“命名锚点属性”对话框。
- 页面上的每个锚点都需要一个唯一的名称。对于这个锚,我使用了“音乐”这个名字。
- 单击“确定”,您应该看到,锚点符号出现在您想要锚点的位置。此符号不会出现在您的网页上,而是KompoZer如何显示您的锚点。
- 对您希望用户能够跳转到的页面的任何其他区域重复此过程。如果页面上的大量文本由标题或其他逻辑分隔符分隔,则锚点是一种导航页面的简便方法。
接下来,我们将创建将读者带到您创建的锚点的链接。
05年3月使用KompoZer创建页面导航
现在您已经在页面上拥有锚点,让我们创建将用作这些锚点的快捷方式的链接。在本教程中,我在页面的顶部标题下创建了一个1行,4列的表。每个表格单元格包含与用于分隔页面上链接的类别标题之一相同的文本。我们将使每个表格单元格中的文本成为相应锚点的链接。
05年4月使用KompoZer为锚点创建超链接
现在我们已经有了锚点,并且输入了用于页面导航的文本,我们可以将这些纯文本块转换为链接。我们将再次使用“链接”按钮,但这次它的工作方式略有不同。
- 选择要转换为链接的文本。在此示例中,我选择了位于页面顶部的第一个表格单元格中的文本“收藏的音乐”。
- 单击工具栏上的“链接”按钮。将打开“链接属性”对话框。
- 在这种情况下,我们在单击“链接”按钮之前选择了文本,因此窗口的“链接文本”部分已填写,无法编辑。单击“链接位置”部分中的向下箭头。您将看到在先前步骤中创建的锚点列表。对于此示例,我选择#music锚点。
- 单击确定。导航栏中的“收藏的音乐”文本将变为一个链接,该链接将使查看者在单击时跳转到页面上的该部分。
您会注意到下拉菜单中的每个命名锚点前面都有一个“#”符号。这是您在HTML中创建指向锚点的链接的方法。锚名称前面的“#”告诉浏览器此链接将您带到同一页面上的另一个位置。
05年05月05日使用KompoZer从图像创建超链接
您是否知道可以创建图像和文本的链接? KompoZer只需点击几下即可完成此操作。在这里,我插入了一个小图标图像,显示向上指向箭头和页面底部的文本“TOP”。我将使用此图像作为链接跳回页面顶部。
- 右键单击图像,然后从上下文标签中选择“图像和链接属性”。将打开“图像属性”对话框。
- 在“位置”选项卡上,您将看到图像的文件名和已填写的缩略图视图。您应在“备用”文本框中输入一些文本。这是当您将鼠标移到图像上时出现的内容,以及当视障人士阅读网页时屏幕阅读器读取的内容。
- 单击“链接”选项卡。在这里,您可以从菜单中选择一个锚点,就像我们使用锚点链接一样。实际上,该图像被用作锚链接。我选择了#Links_Of_Interest锚点,它将把我们带回到顶部。
- 单击确定。现在,图像会在单击时链接回页面顶部。