Una vez que haya creado una pareja de páginas web utilizando HTML, querrá conectarlos a un sitio más grande. Aprenda cómo vincularse desde una página de su sitio a otro, oa cualquier otro sitio en Internet. Incluso puede enviar a sus visitantes a un lugar específico en la página para guardarlos el tiempo de desplazamiento.

Pasos

Método 1 de 2:

Vinculación a otra página web

1. Abra su archivo HTML. Abra el archivo HTML para la página que desea editar. (Si está empezando desde cero y necesita información de fondo, Crea el documento Antes de leer este artículo.)

Imagen titulada Crear un enlace con la programación HTML simple Paso 2

2. Coloque un enlace en su página. Agregue el siguiente código al cuerpo de su documento HTML, donde desea que aparezca el enlace:

Texto del enlace

Esto muestra así: Texto del enlace.

Imagen titulada Crear un enlace con la programación HTML simple Paso 3

3. Escriba el texto del enlace para mostrar. Cualquier cosa entre el y Las etiquetas aparecerán en tu página como un enlace. Puede modificar esto con otras etiquetas HTML como lo haría con cualquier otro texto.

También puede convertir una imagen en un enlace:

.
El usuario verá las imágenes de la imagen / cómo crear-create-a-link-with-simple-html-programación.jpg, y puede hacer clic en la imagen para visitar HTTPS: // wiki.com /.

Imagen titulada Crear un enlace con la programación HTML simple Paso 4

Cambia el destino del enlace. Thetag que acabas de crear se llama un "ancla." El atributo HREF dentro del ancla define el destino del enlace. Reemplace HTTPS: // wiki.com / en el ejemplo anterior con la URI a la que le gustaría enlazar con.

Siempre rodea el URI con comillas.

Las uris son sensibles a mayúsculas y minúsculas. Copiar y pegarlos o escribirlos exactamente como aparecen.

Imagen titulada Crear un enlace con la programación HTML simple Paso 5

5. Enlace a una página en la misma carpeta. No es necesario que incluya una URL completa si está vinculando a una página en el mismo sitio web (aunque funcionará). Es más fácil mantener su sitio web organizado si usa enlaces relativos, sin incluir el nombre de dominio. Aquí hay un ejemplo simple que vincula de una página a otra en la misma carpeta:

Digamos que estás editando la página http: // ejemplo.Edu / Sobre / Autor.html.

Para enlazar a la página http: // ejemplo.Edu / Sobre / Familia.html, Simplemente escriba el nombre del archivo:
Texto del enlace

Imagen titulada Crear un enlace con la programación HTML simple Paso 6

6. Enlace a otras páginas en su sitio web. También puede usar enlaces relativos para dirigir el enlace a cualquier otra página en el mismo sitio. Solo hay dos cosas que necesitas saber:

Para enlazar a una página en una subcarpeta, incluya la nueva ruta del archivo. Por ejemplo, si estás en la página http: // ejemplo.Edu / Sobre / Autor.html y quiero vincular a http: // ejemplo.edu / sobre / mascotas / perro.jpg, Puedes saltarte todo hasta "acerca de:"
Texto del enlace

Para enlazar a una página en una rama diferente del sitio, use "../" para subir a una carpeta superior. Por ejemplo, para enlazar desde /sobre el autor.html a http: // ejemplo.edu / escritura / libros.html, tipo:
Texto del enlace

Método 2 de 2:

Vinculación dentro de una página

1. Crear un ancla de destino. Si está vinculando a una página web larga, es posible que desee llevar a las personas a un punto específico en la página en lugar de la parte superior. Para hacer esto posible, abra el documento HTML para la página de destino. Inserte esta etiqueta de anclaje en el punto en el que desea enlazar:

Texto de anclaje.
Esto se mostrará como texto normal, ya que es el destino de un enlace y no un enlace en sí mismo. Puedes reemplazar "anclador" con cualquier nombre, siempre y cuando no use el mismo nombre dos veces en una página.

Imagen titulada Crear un enlace con la programación HTML simple Paso 8

2. Enlace al ancla de destino. Para enlazar a un punto específico en la página, agregue el símbolo # al final de la URI, seguido del nombre exacto que utilizó para el atributo ID. Esta es sensible a mayúsculas y minúsculas.

Por ejemplo, para enlazar al Anchoron la página http: // ejemplo.edu / vacaciones.HTML, TIPO:
Texto del enlace..

Puede agregar esto a enlaces absolutos o relativos (consulte las instrucciones en el método separado).

Imagen titulada Crear un enlace con la programación HTML simple Paso 9

3. Añadir un ancla a cualquier etiqueta HTML. También puede crear un ancla insertando ID ="anclador" en cualquier etiqueta HTML. Enlace a esto exactamente de la misma manera. Aqui hay un par de ejemplos:

Texto de cabecera

Enlace a esto agregando #tofeader a la URL.

Texto de párrafo

Enlace a esto agregando #introparagrape a la URL.

Consejos

Para que la página vinculada se abra en una nueva ventana, use el "objetivo" atributo:Ir a

Puede usar hojas de estilo en cascada (CSS) para modificar la apariencia de un enlace en los cuatro (4) estados: enlace, visitado, flotando y activo.

Enviar un consejo

Todas las presentaciones de la punta se revisan cuidadosamente antes de ser publicadas

Enviar

Gracias por enviar un consejo para su revisión!

Advertencias

Asegúrate de recordar cerrar el Etiqueta con un correspondiente . Si olvida hacer esto, la mayoría de los navegadores cambiarán el resto del texto de la página en un enlace!

Cosas que necesitarás

Un editor de texto simple, como Bloc de notas (PC), TextEdit (Mac), o SublimeText (Windows, Mac y Linux).