在HTML编辑器中设置链接

本教程展示了如何分配链接 HTML editor.

首先打开 HTML 包含未来链接文本的文件. 您可以使用任意编辑该文件 HTML editor 但是，我们建议使用 Adobe Dreamweaver or Notepad++ applications.

Design Mode

adobedreamweaver应用程序为web开发人员提供了工作 HTML 设计模式下的文件. 您可以使用屏幕左上角的相应按钮切换到设计模式.

You need to enable Properties panel. Using top navigation menu select Window > Properties. 现在，您应该在屏幕底部看到Properties面板.

中的任意文本和 Properties 面板输入链接到 PSD file into the Link field.

就像你看到的 screenshot 作为我们使用的URL # symbol. 可以将其替换为服务器上文件的根目录，也可以替换为 website URL.

你也可以用 Target 如果您希望链接在新窗中打开，请选择框 tab or same browser window.

HTML mode

如果你和 HTML files in code mode. 您可以通过以下方式分配link:

1. 找到要添加链接的文本

2. 在文本之前添加link标签:

3. 文本后添加链接结束标签:

4. Replace # 符号在href属性中加上根到您的服务器或URL上的文件.

因此，您应该拥有以下内容:

website templates tutorials online

上面的代码将显示文本:"website 在线模板教程” linked to the website “http://info.template-help.com“

链接路径相对与绝对

有两种方法可以创建指向服务器上特定文件的链接:相对路径和 absolute path.

相对路径只能用于创建指向服务器上文件的链接.

在下面的示例中，我们将创建到PDF文件的链接. 我们的文件结构如下:

• pdf
• readme.pdf
• index.html

PDF文件称为自述文件.pdf文件，位于pdf文件夹中. 我们的链接位于索引中.html file

Relative path

至于上述条件链接到 PSD file Will看起来如下:

link tex

如您所见，在link href属性中，我们指定了 directory PDF文件的位置和名称. 文件的路径是相对于索引的.html file. 您可以查看下表以了解有关文件路径的更多信息:

Absolute path

Using the absolute path 定义服务器上文件的完全根目录 domain name. 使用与上面示例相同的文件结构，pdf文件的根目录如下所示:

link_text

如果您创建链接到 website 代码如下所示:

link_text

请不要忘记更换 http://tj34o.hataselektrik.com/blog/website-security-breach -free-ebook/ with the website 要创建链接的URL.