Cómo crear un vínculo de imagen en HTML

¿Alguna vez has querido agregar un vínculo a un documento HTML, pero mostrando una imagen en vez de un texto? La mayoría de codificadores saben cómo hacerlo, y tú también lo sabrás después de leer este artículo.

Pasos

Descargar el PDF

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/65\/Italicize-Text-in-HTML-Step-1.jpg\/v4-460px-Italicize-Text-in-HTML-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/65\/Italicize-Text-in-HTML-Step-1.jpg\/v4-677px-Italicize-Text-in-HTML-Step-1.jpg","smallWidth":460,"smallHeight":266,"bigWidth":677,"bigHeight":391,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Abre un programa de edición de texto, como Notepad o WordPad en Windows, o si posees una Macintosh, abre el programa TextEdit. También puedes usar Dreamweaver en ambas plataformas.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/4e\/Italicize-Text-in-HTML-Step-2.jpg\/v4-460px-Italicize-Text-in-HTML-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/4e\/Italicize-Text-in-HTML-Step-2.jpg\/v4-493px-Italicize-Text-in-HTML-Step-2.jpg","smallWidth":460,"smallHeight":184,"bigWidth":493,"bigHeight":197,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/d\/dc\/Make-a-Picture-Link-in-HTML-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/dc\/Make-a-Picture-Link-in-HTML-Step-3.jpg\/v4-415px-Make-a-Picture-Link-in-HTML-Step-3.jpg","smallWidth":460,"smallHeight":202,"bigWidth":415,"bigHeight":182,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/c\/c0\/Make-a-Picture-Link-in-HTML-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c0\/Make-a-Picture-Link-in-HTML-Step-4.jpg\/v4-454px-Make-a-Picture-Link-in-HTML-Step-4.jpg","smallWidth":460,"smallHeight":185,"bigWidth":454,"bigHeight":183,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Escribe el vínculo que quieres que el usuario vea (incluyendo el http://)
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/b\/b9\/Make-a-Picture-Link-in-HTML-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b9\/Make-a-Picture-Link-in-HTML-Step-5.jpg\/v4-417px-Make-a-Picture-Link-in-HTML-Step-5.jpg","smallWidth":460,"smallHeight":202,"bigWidth":417,"bigHeight":183,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/1\/19\/Make-a-Picture-Link-in-HTML-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/19\/Make-a-Picture-Link-in-HTML-Step-6.jpg\/v4-401px-Make-a-Picture-Link-in-HTML-Step-6.jpg","smallWidth":460,"smallHeight":208,"bigWidth":401,"bigHeight":181,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Usa la siguiente forma: <img src="nombrearchivoimagen.gif">.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7f\/Make-a-Picture-Link-in-HTML-Step-7.jpg\/v4-460px-Make-a-Picture-Link-in-HTML-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7f\/Make-a-Picture-Link-in-HTML-Step-7.jpg\/v4-474px-Make-a-Picture-Link-in-HTML-Step-7.jpg","smallWidth":460,"smallHeight":178,"bigWidth":474,"bigHeight":183,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/7\/75\/Make-a-Picture-Link-in-HTML-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/75\/Make-a-Picture-Link-in-HTML-Step-8.jpg\/v4-444px-Make-a-Picture-Link-in-HTML-Step-8.jpg","smallWidth":460,"smallHeight":226,"bigWidth":444,"bigHeight":218,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Anuncio

Iniciar sesión

Cómo crear un vínculo de imagen en HTML

Pasos

wikiHows relacionados

Referencias

Acerca de este wikiHow

¿Te ayudó este artículo?

Artículos relacionados

¡Suscríbete al boletín gratuito de wikiHow!

Síguenos

Compartir

Explore Categories