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