在HTML编辑器中创建链接

在本教程中，您可以找到如何将链接分配到 editor de HTML.

首先打开文件 HTML 包含您的链接的文本. 您可以通过任何方式编辑该文件 editor de HTML，但我们建议您使用这些应用程序 Adobe Dreamweaver o Notepad++.

Modo de diseño

Adobe Dreamweaver为Web开发人员提供设计模式. 您可以使用屏幕左上角的相应按钮来激活布局模式。.

你必须激活面板的 Properties (Propiedades). 使用顶部的导航菜单，选择 Window > Properties (Ventana > Propiedades). 在屏幕底部，您可以找到Properties面板。.

选择任意文本，并在面板中选择 Properties 输入字段中指向PSD文件的链接 Link (Enlace).

如下面的截图所示，我们使用了这个符号。 # como una dirección URL. 您可以将其替换为服务器上的文件路径或网站URL.

您还可以使用选择框。 Target 如果您希望链接在新窗口中打开，或在浏览器窗口中打开.

Modo de HTML

如果您正在处理文件 HTML en el modo de código. 您可以通过以下方式分配链接:

1. 搜索文本以添加链接.

2. 在文本之前添加链接标记:

3. 在添加链接关闭标签的文本之后:

4. Reemplace el símbolo # 在href属性中使用服务器上的文件路径或URL.

因此，您应该得到以下内容:

tutoriales de plantillas web en línea 

上面的代码将显示文本:"在线Web模板教程“网站链接”http://info.template-help.com“

相对与绝对路由

有两种方法可以链接到服务器上的特定文件:相对路径和绝对路径.

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

在这个例子中，我们将创建一个PDF文件的链接。. 我们有以下文件结构:

• pdf
• readme.pdf
• index.html

PDF文件称为自述文件.并放入PDF文件夹. 我们的链接在索引文件中。.html.

Ruta relativa

在本例中，PDF文件的链接是:

link text

正如您在链接的href属性中看到的，我们指定了PDF文件所在的目录和PDF文件的名称。. 该文件的路径相对于索引文件.html. Puede consultar la tabla:

Ruta absoluta

使用绝对路径您从您的域名定义服务器上文件的完整路径. 使用与上面示例相同的文件结构, 我们得到了以下路线:

texto_de_enlace

如果您需要创建到网站的链接，代码将是:

texto_de_enlace

请不要忘记更换 http://info.template-help.com与您的网址.