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

Información del autor

¿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

1
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.
2
Escribe todo el texto HTML que precederá al vínculo de imagen.
3
Escribe la etiqueta inicial del vínculo de imagen (conocido por su nombre "elemento ancla", por ello la "a"), <a href=".
4
Escribe el vínculo que quieres que el usuario vea (incluyendo el http://)
5
Sigue escribiendo después de esa porción de texto, con unas comillas (") y un corchete triangular (>).
6
Escribe la imagen, en forma de HTML, que quieres usar. Usa la siguiente forma: <img src="nombrearchivoimagen.gif">.
7
Escribe la etiqueta de cierre del vínculo de imagen, </u>.
8
Escribe el texto HTML que quieres después de la imagen, y que completará el documento.

Anuncio