Tecnología

Inicio

Cómo publicar un enlace en una página web

May 3

Cómo publicar un enlace en una página web


Los hipervínculos permiten a los usuarios de un sitio web para navegar a otras páginas. Este enlace se logra mediante el uso de una pieza especial de código de programación llamado una etiqueta de enlace. La etiqueta de enlace indica al explorador para tratar todo el texto y las imágenes después como un vínculo hasta que se encuentra una etiqueta de cierre. Los enlaces pueden ser dejados en su forma básica, o pueden ser modificados para realizar funciones específicas.

Instrucciones

1 Abra la página Web en un editor HTML o texto.

2 Ir a la zona en la página Web en la que desea enviar un enlace.

3 Escriba el código <a HREF="xxxx"> y reemplace XXXX con la dirección URL completa de la página Web que está vinculando. Por ejemplo:

<A HREF="http://www.example.com">

4 Añadir el texto o código de la imagen que desea servir como su enlace. Por ejemplo:

<A HREF="This"> http://www.example.com "> Este texto será mediante un sólo clic!

<A HREF="&lt;IMG"> http://www.example.com "> & lt; img src =" http://www.image.com/image.jpg ">

5 Terminar el código de enlace con la etiqueta de cierre </A>. Por ejemplo:

<A HREF="This"> http://www.example.com "> Este texto será un enlace activo! </A>

<A HREF="&lt;IMG"> http://www.example.com "> & lt; img src =" & lt; / a "> http://www.image.com/image.jpg"> & lt; / A>

6 Hacer un vínculo se abre en una nueva ventana del navegador añadiendo target = "_ blank" para el código de apertura. Por ejemplo:

<A HREF="http://www.example.com" target="_blank"> Este texto será un enlace activo! </A>

7 Quitar el subrayado de un enlace añadiendo style = "text-decoration: none" para el código de apertura. Por ejemplo:

<A HREF="http://www.example.com" STYLE="text-decoration:none"> Este texto será un enlace activo! </A>

Esto se puede aplicar a todos los eslabones de toda la página a la vez introduciendo el código entre las etiquetas <HEAD> y </ HEAD> en la parte superior de la página:

<STYLE type = "text / css">

Un {text-decoration: none}

</ Style>

8 Enlace a una cierta sección de una página web usando un nombre de ancla. Coloca este código al principio y al final de esa sección:

<A NAME="part1"> El contenido de la sección va aquí </A>

Reemplazar "part1" con cualquier nombre que desee. Cuando se enlaza a esa sección, añadir un signo de número y el nombre después de la URL. Por ejemplo:

<A HREF="Click"> http: //www.example.com#part1 "> Haga clic aquí para ir a la parte 1 </A>

9 Enlace entre las páginas de un mismo sitio web con sólo el nombre de la página. Por ejemplo, al pasar de www.example.com/index.html a www.example.com/page2.html~~V, el código será simplemente <A HREF="page2.html"> Ir a la página 2 </A>.

Consejos y advertencias

  • Un enlace abierto continuará hasta que se utiliza la etiqueta </A>. Un párrafo entero o toda la página Web puede ser utilizado como un eslabón gigante si se desea.
  • Nombre anclas son útiles para "Tabla de Contenidos" menús en la parte superior de una página web larga.