Cómo Insertar Una Imagen En Un Enlace

Tabla de contenido:

Cómo Insertar Una Imagen En Un Enlace
Cómo Insertar Una Imagen En Un Enlace
Anonim

La sintaxis del lenguaje HTML le permite hacer hipervínculos no solo textuales, sino también gráficos. Para un visitante del sitio, dicho enlace se ve como una imagen, y cuando hace clic en la imagen, va a otra página web.

Cómo insertar una imagen en un enlace
Cómo insertar una imagen en un enlace

Instrucciones

Paso 1

Usando cualquier editor de gráficos, reduzca la imagen. Su tamaño en cualquiera de las coordenadas no debe superar los 200 píxeles. Es mejor si la imagen tiene un diseño horizontal. Esto puede ser, por ejemplo, un botón virtual, cuya inscripción está hecha en una fuente artística. El formato de la imagen debe ser uno de los siguientes: JPG, PNG, GIF. Se prefiere el primero para fotografías y los dos restantes se prefieren para arte lineal (esta es la mejor compresión). Asegúrese de guardar el resultado del cambio con un nuevo nombre para no estropear el original.

Paso 2

Sube el archivo de imagen al servidor en la carpeta donde se encuentra el archivo HTML. Para realizar dicha descarga, puede utilizar la interfaz web (si está disponible en el proveedor de alojamiento) o cualquier programa de cliente FTP.

Paso 3

Coloque el siguiente fragmento de código en el lugar deseado en el archivo HTML:, donde la expresión después del operador "href =" es la dirección a la que conduce el enlace y someimage

Paso 4

Para algunos usuarios, la visualización de imágenes en el navegador está deshabilitada. Por lo tanto, es recomendable colocar una explicación de dónde conduce el enlace directamente debajo de la imagen. En ese caso, modifique el fragmento de código anterior para que tenga este aspecto:

Primer plano de insectos. El texto explicativo aparecerá debajo de la imagen. Al hacer clic en él, también lo llevará al enlace.

Paso 5

Después de cargar la versión actualizada del archivo HTML en el servidor, abra la página correspondiente en el navegador y luego asegúrese de que se muestre la imagen y que el enlace sea válido. La transición a lo largo de él debería ocurrir cuando hace clic tanto en la imagen como en la inscripción explicativa ubicada debajo (si corresponde).

Recomendado: