Cómo agregar un vínculo a una imagen

Información del autor

Con una sola línea de código HTML, puedes añadir una imagen en la que se puede hacer clic en casi cualquier sitio web. Hay dos cosas que necesitarás para que esto funcione. Necesitarás el URL de una imagen y el URL de un sitio web.

Método 1

Método 1 de 2:
Escribir el código HTML

1
Crea un archivo HTML. Abre un editor de texto y luego crea un archivo nuevo. Guarda el archivo como index.html.
2
Copia y pega el código estándar HTML. Selecciona y copia el código HTML de abajo y luego pégalo en el archivo index.html abierto.
```
<a href="URL DE DESTINO"><img src="URL DE IMAGEN" /></a>
```
3
Busca el URL de una imagen. Busca una imagen en Internet, haz clic derecho sobre ella y luego, dependiendo de tu navegador, haz clic en "Copiar URL de la imagen", "Copiar dirección de la imagen" o "Copiar ubicación de la imagen".
4
Añade el URL de la imagen. En el archivo index.html, haz clic y arrastra para seleccionar URL DE IMAGEN con el ratón, y luego presiona las teclas CTRL + V para pegar el URL de la imagen.
5
Añade el URL de destino. En el archivo index.html, elimina URL DE DESTINO y luego escribe https://www.google.com.
6
Guarda el archivo HTML.
7
Abre el archivo HTML en un navegador web. Haz clic derecho en el archivo index.html y luego ábrelo en el navegador web de tu elección.

Método 2

Método 2 de 2:
Entender el código HTML

1
Entiende la etiqueta de anclaje. El código HTML está compuesto por etiquetas de apertura y de cierre. La etiqueta <a href=""> es la etiqueta de apertura, y </a> es la etiqueta de cierre. Se llama una etiqueta de anclaje y se usa para añadir enlaces a una página web.^{[1]
X
Fuente de investigación}
- El <a le dice a un navegador que interprete un enlace. El href es la abreviatura de referencia HTML, el = le dice al navegador que tome todo lo que está entre " " y lo haga un enlace. Cualquier URL puede ir entre las dos comillas.
- El </a> le dice a un navegador que la etiqueta de anclaje está cerrada.
- Cuando añades texto entre <a href=""> y </a>, ese texto se convertirá en un enlace en el que puedes hacer clic en una página web. Por ejemplo, <a href="https://www.google.com">Google</a> crearía un enlace a Google.
2
Entiende la etiqueta de imagen. La etiqueta <img> es una etiqueta que se cierra sola. Puedes cerrarla escribiendo <img src="" /> o escribiendo <img src=""></img>.^{[2]
X
Fuente de investigación}
- La etiqueta <img le dice a un navegador que interprete una imagen. El src es la abreviatura de origen (source), el = le dice al navegador que tome todo lo que está entre " " y obtenga la imagen de esa ubicación.
- El /> le dice a un navegador que cierre la etiqueta de imagen.
- Por ejemplo, {{samp[|<img src="https://www.google.com/images/srpr/logo11w.png" />}} obtendría la imagen en ese URL y luego la mostraría en un navegador web.
3
Usa este código en cualquier parte. Ahora que conoces este código, puedes usar <a href="URL DE DESTINO"><img src="URL DE IMAGEN" /></a> para añadir imágenes en las que se puede hacer clic a cualquier página web que pueda interpretar código HTML.