Cómo Agregar Un Enlace A Una Imagen

Tabla de contenido:

Cómo Agregar Un Enlace A Una Imagen
Cómo Agregar Un Enlace A Una Imagen

Video: Cómo Agregar Un Enlace A Una Imagen

Video: Cómo Agregar Un Enlace A Una Imagen
Video: Cómo PONER un LINK 🔗 o URL a una IMAGEN 2024, Mayo
Anonim

Es muy conveniente cuando el área del enlace activo no es texto, sino una imagen. El lenguaje de marcado HTML es bastante capaz de hacer esto. Todo lo que se necesita para esto es combinar las etiquetas de una manera especial.

Cómo agregar un enlace a una imagen
Cómo agregar un enlace a una imagen

Instrucciones

Paso 1

Si todos los archivos del servidor están almacenados en una carpeta, escriba el siguiente código HTML de la página:

‹A href=page.html› Al hacer clic en este enlace, accederá a otra página dentro del sitio ‹/a›

Paso 2

Aprenda a insertar enlaces a páginas locales ubicadas en sitios de terceros en su HTML:

‹A href= https://server.domain/folder/page.html› Al hacer clic en este enlace, accederá a una página ubicada en un sitio completamente diferente ‹/a›

Paso 3

Ahora, vea cómo insertar imágenes en una página que están almacenadas en el mismo servidor que el sitio, siempre que todos los archivos de ese servidor estén almacenados en una carpeta compartida:

‹Img src = filename.jpg›

Paso 4

De la misma manera, inserte imágenes almacenadas en servidores de terceros en la página:

‹Img src =

Sin embargo, tenga en cuenta que algunos servidores no permiten que se inserten imágenes en páginas fuera de ellos, mostrando en su lugar protectores de pantalla de advertencia o sin mostrar nada. En tales casos, no copie la imagen en un servidor local; será una violación de los derechos de autor. Es mejor dar un enlace a esta imagen.

Paso 5

Para hacer clic en una imagen para seguir el enlace, combine estas etiquetas de la siguiente manera:

‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹/a›

Si lo desea, reemplace en esta construcción el enlace global a la página por el local o, a la inversa, el enlace local a la imagen por el global.

Paso 6

Finalmente, si desea que el enlace sea seguido haciendo clic tanto en la imagen como en el texto debajo de él, use una construcción más compleja como esta:

‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› Serás redirigido a otra página sin importar si haces clic en este texto o en el que está arriba imagen. El resultado será exactamente el mismo.

Recomendado: