A lo largo de esta semana, en mas de una ocasión varios de mis contactos me han hecho la siguiente pregunta:

¿Como pongo imágenes en mi Hi5, Blog, Facebook, MySpace, etc.?

Ahora, la respuesta mas fácil y concreta es, ¡Buscalo en Google!, pero varios de ellos son holgazanes , o gente que de verdad se le complica. Así que aquí va.

La respuesta es usando código HTML, que a grandes rasgos, es el encargado de que nuestro navegador interprete las imágenes.

• Para insertar una imagen solo hay que escribir el siguiente código, y lo pegamos.

<img src=”Aquí va la dirección de tu imagen”>

*Para saber la dirección de una imagen, solo damos >Click derecho en ella >Copiar ruta de enlace de la imagen.

• Para que al dar click a esa imagen nos enlace a cualquier otro lado, hacemos lo siguiente:

<a href=”Aquí va la dirección a DONDE enlaza tu imagen”>
<img src=”Aquí va la dirección de tu imagen”></a>

• Muchas veces necesitamos darle un formato a esa imagen, como alinearla o darle un tamaño especifico, para hacerlo, agregamos lo siguiente.

<a href=”Aquí va la dirección a DONDE enlaza tu imagen”><div align=”middle”>
<img src=”Aquí va la dirección de tu imagen”></div></a>

*”middle” nos alineara la imagen hacia el centro, si queremos hacia la derecha ponemos “right”, y a la izquierda “leftt”

Y mi favorita.

• Para darle el tamaño deseado, agregamos lo siguiente.

<a href=”Aquí va la dirección a DONDE enlaza tu imagen”><div align=”middle”>
<img src=”Aquí va la dirección de tu imagen” width=”300″ height=”200″></div></a>

*”widht” seria el ancho para la imagen (en píxeles) y “height” la altura.

-Ya todo junto, la imagen quedaría así

<a href=”http://www.flickr.com/photos/subuser/”><div align=”middle”>
<img src=”http://farm4.static.flickr.com/3044/2584643374_5c12012c22.jpg?v=0″ width=”300″ height=”200″></div></a>

-Y al insertarla se vería así.

Espero les haya ayudado.

Posts relacionados

• Uruguay once cambia de dominio
• Porque aprender HTML

12 comentarios a “Como poner imagenes en el Hi5 y en cualquier página”