Cómo insertar hipervínculos en HTML
Un hipervínculo es un vínculo virtual entre palabras en un documento de HTML a otro documento, archivo o dirección URL. Estos vínculos permiten a los usuarios obtener información al hacer clic en el mismo. Estos son útiles y requeridos en muchas situaciones web. Aquí hay una guía para insertar hipervínculos apropiadamente en HTML.
Pasos para insertar hipervínculos en HTML:
- Paso 1: Encuentra la URL para el vínculo que deseas usar. Si es un archivo externo, hay que obtener su dirección URL.
- Paso 2: Encuentra la palabra o frase a la que quieres añadir el hipervínculo.
- Paso 3: Inserta una etiqueta de ancla HTML para insertar el hipervínculo. Esta etiqueta comienza con y finaliza con .
- Paso 4: Escribe el atributo “href” dentro de las etiquetas de ancla. El href debe contener la dirección URL que le especifiques.
- Paso 5: Escribe el texto o textos entre las etiquetas de ancla. Este “texto enlazado” es el que los usuarios verán cuando hagan clic en el hipervínculo para navegar a través de él.
También hay otro pequeño ajuste en el código HTML que puedes usar para mejorar los hipervínculos. Esto se llama atributo “target”. Lo usas para decidir cuándo quieres que se abra la URL en una nueva ventana individual. Esto le da al usuario la opción de desplazarse hacia atrás y hacia adelante entre los documentos sin tener que cerrarlos.
Con esta guía, ahora puedes usar los hipervínculos HTML sin ningún problema. Asegúrate de que el texto sea claro en los hipervínculos y que la URL sea apropiada para los usuarios.
¿Qué es un hipervínculo en HTML?
Hablamos de un mecanismo que nos dan el poder de intercambiar la página que estamos visualizando o movernos con rapidez a un apartado a otro. E incluso ir a lugares externos que no nos pertenecen. Enlace para navegar entre secciones, páginas o recursos. href=»ruta» Destino o ruta a seguir.
Un hipervínculo es un elemento HTML que nos permite establecer una conexión entre dos elementos. Esta relación es establecida a través de hipertexto, lo que permite que un documento hipertextual contenga diversos enlaces que nos lleven a otras páginas. Esto nos permite que al hacer clic en la palabra o frase, se abra una nueva página web, libro, artículo u otro documento, ya sea en formato electrónico o impreso.
¿Cómo se hace un hipervínculo en una página web?
Crear un hipervínculo a una ubicación en la web Seleccione el texto o imagen que quiera mostrar como hipervínculo, En la cinta de opciones, en la pestaña Insertar , seleccione Vínculo, En el cuadro Insertar hipervínculo , escriba o pegue el vínculo en el cuadro Dirección de vínculo, O bien seleccione un documento, página web o ubicación de la intranet de la empresa. En el cuadro Dirección de vínculo, escriba o pegue la dirección que quiere usar para el hipervínculo. Haga clic en Aceptar.
¿Cómo hacer un hipervínculo en HTML bloc de notas?
Crear vínculos a blocs de notas, secciones, páginas y párrafos Haga clic con el botón derecho en el nombre del bloc de notas al que debe apuntar el vínculo, En el menú contextual, haga clic en Copiar vínculo al bloc de notas, Haga clic en la ubicación de la página que va a contener el vínculo , Usando el teclado, presione Ctrl + V para pegar el vinculo al bloc de notas, Haga clic en la ubicación del vínculo, Haga clic en el botón Insertar vínculo de la herramienta Formato rápido, En la ventana Vincular a, haga clic en el vínculo que ha copiado para el bloc de notas específico. Escriba una etiqueta de texto para el hipervínculo en el campo Texto a mostrar, y haga clic en Aceptar para aplicar el vínculo.
Cómo Insertar Hipervínculos en HTML
En HTML, se utiliza el concepto de hipervínculo para vincular una página web con otra. Esto significa que un usuario pueda navegar entre páginas web sin necesidad de escribir la dirección web en el navegador.
Los hipervínculos se insertan utilizando etiquetas HTML. Estas etiquetas nos permiten especificar dónde se debe direccionar al usuario una vez que haga clic en el hipervínculo.
Cómo Crear un Hipervínculo en HTML
Para crear un hipervínculo en HTML, se utiliza la etiqueta , la cual es una «Anchor» (Ancla). Esta etiqueta sirve para indicar donde comienza y termina el hipervínculo. Esto se logra añadiendo los siguientes atributos a la etiqueta:
- href: este atributo es el que le dice a navegador a dónde debe direccionar al usuario cuando presione el hipervínculo.
- title: este atributo le permite especificar un título a la página que se está vinculando.
A continuación un ejemplo de cómo insertar un hipervínculo en HTML:
Visita Página de Ejemplo
Cómo Agregar Atributos a un Hipervínculo en HTML
Los hipervínculos en HTML también tienen varios atributos opcionales que nos permiten modificar el comportamiento de los mismos. Estos atributos son:
- target: nos permite especificar en que ventana o pestaña deberá abrirse el vínculo.
- rel: nos permite especificar que tipo de relación hay entre la página que se está vinculando con la página actual.
- media: nos permite especificar el tipo de dispositivo en el que se abrirá el vínculo (por ejemplo, pantalla de ordenador o dispositivos móviles).
A continuación un ejemplo de cómo agregar estos atributos a un hipervínculo en HTML:
Visita Página de Ejemplo
Esperamos que con esta información hayas aprendido cómo insertar hipervínculos en HTML correctamente.